/* -------------------------------------------------
Projekt		: CSS Default Style
Urls        : http://www.michaelis-freunde.de
Author      : Michaelis und Freunde
File	   	: CSS-Definition
---------------------------------------------------- */

/* ---page defaults--- */

html, body, p, div { 
margin:0; 
padding:0;
color: #000000;
font-weight: normal;
font-size: 10px;
line-height: 18px;
font-family: Geneva,Arial,sans-serif;
text-align: left;
text-decoration: none !important;   
} 
body {
padding: 20px;
}
h1 { 
color: #000000;
font: bold 16px/18px Geneva,Arial,sans-serif;
margin-bottom: 5px;
}
h2 { 
color: #000000; 
font: bold 14px/18px Geneva,Arial,sans-serif; 
}
h3 {
color: #000000;
font: bold 14px/20px Geneva,Arial,sans-serif; 
}
h4 {
color: #000000;
font: normal 14px/20px Geneva,Arial,sans-serif;
}	
a, a:visited { 
color: #333333; 
font-family: Geneva,Arial,sans-serif;
font-size: 10px; 
line-height: 20px;
text-decoration: none; 
}
a:hover	{ 
color: #C3BAAB; 
font-size: 10px; 
text-decoration: none; 
}	
small {
font-size: 9px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}

#page{ 
width:760px;  
border: 1px dashed #000000;
background-color: #CCCCCC;
} 
#header{
position:relative; 
height:102px; 
width:100%;
border-bottom: 1px solid #877557;
} 
#navigation_l1{
position:relative; 
height:20px; 
width:100%;
border-bottom: 1px solid #877557;
background-color: #FFFFFF;
} 
#navigation_l1 ul {
margin: 0;
margin-left: 169px;
}
#navigation_l1 ul li {
margin: 0;
float: left;
border-left: 1px solid #877557;
background-color: #FFF;
}
#navigation_l1 ul li:hover {
background-color: #E7E4DE;
}
#navigation_l1 ul li.active {
background-color: #E7E4DE;
}
#navigation_l1 ul li a {
padding-left: 10px;
padding-right: 10px;
display: block;
}
#navigation_l2{
width:100px; 
float:left; 
position:relative; 
}
#navigation_l2 ul {
margin: 0;
}
#navigation_l2 ul li {
margin: 0;
background-color: #F3F1EF;
border-bottom: 1px solid #FFF;
}
#navigation_l2 ul li:hover {
background-color: #E7E4DE;
}
#navigation_l2 ul li.active {
background-color: #E7E4DE;
}
#navigation_l2 ul li a {
display: block;
}
#content_cols{
width:620px; 
float:right; 
position:relative;
}
#main{
float: left; 
display:inline; 
position: relative; 
width:460px; 
}
#teaser{
width:120px;
float:right; 
position:relative;
background-color: #FFFFFF;
border-left: 1px dotted #877557; 
}
#footer{
padding-top: 4px;
padding-left: 180px;
border-top: 1px solid #877557;
background-color: #FFFFFF;
height:20px; 
clear:both;
}
#footer a {
padding-right: 20px;
}
.pad_10 {
padding: 10px;
}

/* *** Float containers fix: *** */ 
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix{display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */