/*********************************************************************************
Projekt		: CSS Default Style
Urls        : http://www.ausgehfein.de
Author      : Joerg Glowienka
File	   	: CSS-Definition
*********************************************************************************/

/*********************************************************************************
 DEFAULTS
*********************************************************************************/
html, body, p, div { 
margin:0; 
padding:0;
color: #333;
font-weight: normal;
font-size:12px;
line-height: 22px;
font-family: helvetica, arial, sans-serif;
scrollbar-base-color:#fff;
text-decoration: none !important;   
} 
body {
background:#8c147e url(bg_body.gif);
text-align: center;
overflow: auto;
padding-bottom: 0.005em;
}
/*********************************************************************************
 STYLES
*********************************************************************************/
.pinkbox {
background-color:#ddd;
/*border-top: 1px dashed #000;*/
border-left: 10px solid #ddd;
border-right: 10px solid #ddd;
/*border-bottom: 0.18em dashed #000;*/ 
color: #111;
padding:2px;
margin:0px;
} 
small {
font-size: 9px;
}
ul {
margin: 0;
padding: 0;
list-style: none;
}
/*********************************************************************************
 HEADLINE
*********************************************************************************/
h1 { 
color: #999;
line-height:65px;
font:bold italic 24px serif;
margin: 5px 0px 5px 10px;
}
h2 { 
color: #555; 
font: bold 14px/18px; 
}
h3 {
color: #555;
font: bold 14px/20px; 
}
h4 {
color: #555;
font: normal 14px/20px;
}
/*********************************************************************************
 LINK
*********************************************************************************/	
a, 
a:link	{ 
text-decoration: none;
color: #333;
}
a:visited { 
color: #333; 
text-decoration: none;
}
a:hover	{ 
text-decoration: none;
color: #666;
}	
a:active { 
text-decoration: none;
color: #8c147e;
}
a.levelnavactive:link,a.levelnavactive:visited {
color: #fff;
background-color: #fff;
padding-right: 20px;
filter: alpha(opacity=70);
-moz-opacity: 0.7;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
opacity: 0.7;
}
/*********************************************************************************
 PAGE
*********************************************************************************/
#page{ 
width:875px;
margin: 20px auto;
padding-bottom: 20px;
text-align: left;
background: transparent url(page_bg.png) no-repeat;
}
#dimmer {
background-image:url("dimmer.png");
background-repeat:repeat-x;
height:72px;
left:0;
position:fixed;
top:0;
width:100%;
z-index:20;
}
/*********************************************************************************
 HEADER
*********************************************************************************/ 
#header{
position:relative; 
height:120px; 
width:100%;
background: url(logo.png) no-repeat top right;
}
/*********************************************************************************
 NAVIGATION LEVEL1
*********************************************************************************/ 
#navigation_l1{
width:120px;
padding-left: 14px;
padding-top: 100px;
margin:0px 5px 5px 0px;
float:left;
text-align: right;
}
#navigation_l1 ul {
margin: 0;
}
#navigation_l1 ul li {
margin-top: 3px;
display: block;
}
#navigation_l1 ul li a:hover {
color: #333;
}
#navigation_l1 ul li a {
text-align: left;
font-size: 14px;
color: #111;
}
.navigation_l1A {
font-weight: bold;
}
/*********************************************************************************
 NAVIGATION LEVEL2
*********************************************************************************/
#navigation_l2{
width:85px;
background: transparent;
margin: 0px; 
float: left;
padding-top: 80px;

position:relative; 
}
#navigation_l2 ul {
margin-left:5px;
}
#navigation_l2 ul li {
margin-left:5px;
}
#navigation_l2 ul li a:hover {
color: #bf003d;
}
#navigation_l2 ul li a {
margin-left:5px;
padding:0px;
text-align: left;
height: 18px;
}
/*********************************************************************************
 CONTENT
*********************************************************************************/
#content_cols{
width:548px;
min-height: 510px;
height:auto !important;  /* für moderne Browser */
height: 510px;  /*für den IE */
float:right;
position:relative;
background: transparent url(main_bg.gif) 0 0 repeat-y;
padding: 0 0 0 0;
}
#main{
float: left;
display:inline;
padding-left: 10px; 
padding-bottom: 20px;
width: 528px;
}
#main_bottom{
background: transparent url(main_bottom_bg.png) right bottom no-repeat; 
height: 8px;
width: 875px;
float: left;
}
/*********************************************************************************
 TEASER
*********************************************************************************/
#teaser{
float:left;
margin-top: 5px;
height: 134px;
display:inline;
background-color:none; 
width:515px;
}
/*********************************************************************************
 FOOTER
*********************************************************************************/
#footer{
height: 111px;
width: 875px;
clear:both;
margin-bottom: 5px;
background: transparent;
}
#footer_inner{
text-align: right;
width: 875px;
clear:both;
background: transparent;
padding-top: 80px;
padding-right: 30px;
}
.pad_10 {
padding: 0px;
}
/*********************************************************************************
 FLOAT CONTAINER 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 */