/* 
   albersconcept 
   base1.css 
   11.09.2009/cs 
*/

body {
   background: #dedccd; 
   font-family: Verdana, sans-serif; 
   font-size: 12px;
   text-align: center;
   line-height: 16px;
}  

html, body, ul, li, p, h1, h2, h3, a, img {
   margin: 0; 
   padding: 0; 
}

ul {
	position: relative;
}

a, img, img a {
   border: none;
}

a, a:hover, a:active {
   color: #000099;
}

h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
}


/* Layout ----------------------------- */

#page	{
   width: 860px;
   margin-left: auto; 
   margin-right: auto; 
   text-align: left;
   border-left: 1px solid #BBB;
   border-right: 1px solid #BBB;
}

#head {
   background-color: #FFF;
   width: 860px;
   height: 180px;
}

#head_lang {
   float: left;
   width: 250px;
   height: 25px;
   padding: 5px 5px 0 5px;
   font-size: 90%;
   display: inline;
}

#head_logo {
   float: left;
   width: 260px;
   height: 150px;
   display: inline;
}

#head_img {
   float: left;
   width: 600px;
   height: 180px;
   display: inline;
   overflow: hidden;
}

#nav {
   float: left;
   width: 860px;
   height: 45px;
   background: #FFF url(img/nb.gif) repeat-x top left;
}

#main {
   background-color: #FFF;
   width: 860px;
   min-height: 500px;
   border-bottom: 1px solid #BBB;
}

#main_left {
   float: left;
   margin-top: 90px;
   width: 260px;  
   height: 400px; 
}

#main_right {
   float: left;
   margin-top: 40px;
   width: 500px;
}

#foot {
   width: 860px;
   height: 30px;
   margin-left: auto; 
   margin-right: auto; 
   text-align: left;
   background-color: #dedccd;
}

/* Formatierung ----------------------- */

#head_logo img {
   margin: 40px 0 0 20px;
}

#nav ul {
   border-top: 1px solid #DDD;
   height: 45px;
   padding-left: 259px;
}

#nav li {
   float: left;
   list-style-type: none;
   height: 30px;
}

#nav li a {
   color: #FFF;
   font-size: 15px;
   letter-spacing: 0.04em;
   line-height: 27px;
   background: transparent url(img/lb.gif) no-repeat top left;
   height: 30px;
   display: block;
   padding: 0 0 5px 0;
   margin: 0 0 0 0;
   text-decoration: none;
   text-align: center;
}

#nav li a:hover, #nav .sel a {
   border-bottom: 4px solid #ef601c;
}

/* Linke Spalte ----------------------- */

#main_left p {
	margin-left: 30px;
	padding-right: 30px;
}

#main_left li {
	line-height: 1.6em;
	list-style-image: url(img/lnav.png);
	margin-left: 30px;
	font-size: 0.9em;
	color: #ef601c;
}

#main_left a {
	color: #666;
	text-decoration: none;
}

#main_left a:hover {
	text-decoration: underline;
}

#main_left .sel a {
	color: #ef601c;
}

/* Hauptinhalt ------------------------ */

#main_right h1, .main_right h1 {
   font-size: 20px;
   line-height: 24px;
   letter-spacing: 0.04em;
   margin-bottom: 24px;
}

#main_right h2, .main_right h2 {
   font-size: 14px;
   letter-spacing: 0.02em;
   line-height: 1.4em;
}

#main_right p {
   font-size: 12px;
   line-height: 1.45em;
   margin-bottom: 1em;
}

#main_right ul, .main_right ul {
	margin-bottom: 1em;
	margin-left: 0;
}

#main_right li, .main_right li {
	margin: 0 0 5px 20px;
	list-style-image: url(img/list.png);
	list-style-position: outside;
	padding-left: 3px;
}

#main_right a, .main_right a {
	text-decoration: none;
}

#main_right a:hover, .main_right a:hover {
	text-decoration: underline;
}

/* News ------------------------------- */

.main_left {
   float: left;
   width: 260px;  
}

.main_right {
   float: left;
   width: 500px;
}

.main_right h1 {
	margin-bottom: 10px;
}

.datum {
	line-height: 1.6em;
	margin-bottom: 5px;
	color: #ef601c;
}

/* Fusszeile -------------------------- */

#foot p {
   font-size: 0.9em;
   margin: 5px 0 0 0;
}

#foot p, #foot a {
   color: #666;
   text-decoration: none;
}

#foot a:hover {
   text-decoration: underline;
}

.grau {
	color: #666;
}

.klein {
	font-size: 0.9em;
}

.clear {
	clear: both;
	margin: 0;	
	padding: 0;
}