/* -------------------------------------------------
Project		: CSS Default Style
Urls        : http://www.nolte-malerei.de
Author      : Joerg Glowienka
File	   	: CSS-Definition

---------------------------------------------------- */

/***********************************************************
 DEFAULTS
***********************************************************/
html, body, p, div { 
margin:0; 
padding:0;
color: #000;
font-weight: normal;
font-size: 13px;
line-height: 19px;
font-family: Arial, Helvetica, sans-serif;
text-decoration: none !important;
} 
/***********************************************************
 PAGE
***********************************************************/ 
body {
padding: 0px 0px 10px 0px;
background: #fff url(body_bg.gif) repeat 0 0;
text-align: center;
}
#page{ 
width:990px;
min-height: 550px;
height: auto !important;
height: 550px;
margin: 0 auto;
text-align: left;
padding: 0 0 30px 0;
background: #909090 url(page_bg.jpg) repeat-x 0 0;
}
/***********************************************************
 HEADLINE
***********************************************************/
h1 { 
color: #666;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
font-size: 18px;
margin: 1px 24px 30px 0
}
h2 { 
color: #000000; 
font: bold 14px/18px Arial,sans-serif; 
}
h3 {
color: #000000;
font: bold 14px/20px Arial,sans-serif; 
}
h4 {
color: #000000;
font: normal 14px/20px Arial,sans-serif;
}
h5 {
color: #fff;
font: bold 30px Arial,sans-serif;
padding: 0px;
margin: 0px;
}
/***********************************************************
 LINK
***********************************************************/	
a, a:link	{ 
text-decoration: none;
color: #EC800C;
}
a:visited { 
color: #EC800C;
text-decoration: none; 
}
a:hover	{ 
text-decoration: none;
color: #EC800C; 
}	
a:active { 
text-decoration: none;
color: #EC800C; 
}
a.levelnavactive:link,a.levelnavactive:visited {
color: #fff;
}
/***********************************************************
 MISC
***********************************************************/


/***********************************************************
 HEADER
***********************************************************/
#header{
position:relative;
background: transparent;
height:145px;
width:990px;
padding:0px;
}
#headerLogo {
width: 415px;
height: 145px;
float: left;
border-bottom: 1px solid #EC800C;
}
/***********************************************************
 NAV L1
***********************************************************/ 
#nav{
position:relative;
padding: 0px;
line-height: 30px;
height: 30px;
width: 575px;
margin-top: 75px;
float: left; 
}
#nav a{
color: #000;
padding: 0px;
font-size: 103%; 
}
#nav a.active { 
text-decoration: none;
font-weight: bold;
color: #EC800C; 
}
#nav a:hover{ 
text-decoration: none;
color: #EC800C; 
} 
#navigation_l1 ul {
margin-left: 290px;
}
#navigation_l1 ul li {
margin: 0px;
float: left;
}
#navigation_l1 ul li a{
padding-right: 12px;
font-size: 130%;
}
#navigation_l1 ul li a:hover{
padding-right: 12px;
color: #aaa;
}
.navigation_l1 {
color: #555;
}
.navigation_l1A {
color: #000;
}
/***********************************************************
 NAV L2
***********************************************************/
#nav2{
position:relative;
padding: 0px;
height: 30px;
margin-top: 10px;
float: left;
font-size: 12px;
border-bottom: 1px solid #EC800C; 
}
#nav2 a{
color: #000;
padding: 0px;
}
#nav2 a.active,#nav2 a:hover{ 
text-decoration: none;
font-weight: bold; 
}
#navigation_l2_teile{
position:relative;
margin-top: 62px; 
width:200px;
min-height:470px;
float: left;
text-align: right;
background: transparent url(vw_dienst.png) no-repeat;
}
#navigation_l2 ul {
margin: 0;
} 
#navigation_l2 ul li {
margin: 5px;
padding: 0px 5px 0px 0px;
background-color: #000;
height: 18px;
}
#navigation_l2 li {
margin: 5px;
padding: 0px 5px 0px 0px;
background: #000;
}
#navigation_l2 a:link {
margin: 0px;
}
#navigation_l2 ul li a{
display: inline-block;
}
#navigation_l2 ul li a:hover{
color: #aaa;
}
#navigation_l2_start{
position:relative;
padding-top: 58px; 
width:0px;
float: left;
} 
/***********************************************************
 BREADCRUMB
***********************************************************/
#breadcrumb {
width: 990px;
height: 20px;
float: left;
background: #fff url(breadcrumb_bg.gif) no-repeat 0 0;
}
#breadcrumbInner {
padding-left: 30px;
font-size: 10px;
background-color: #fff;
min-width: 260px;
width: 260px;

}
/***********************************************************
 CONTENT
***********************************************************/
#mainLeftPad{
width: 30px;
height: 70px;
background: transparent url(mainLeftPad_bg.gif) no-repeat 0 30px;
padding: 30px 0 0 0;
margin: 0;
float: left;
}
#mainLeft{
float: left;
padding: 30px 45px 0 0;
width: 435px;
}
#mainRight{
float: left;
width: 450px;
padding: 30px 0 0 0;
overflow: hidden;
}
#mainRightPad{
width: 18px;
height: 400px;
background: transparent url(mainRightPad_bg.gif) no-repeat 0 250px;
padding: 0;
margin: 0;
float: right;
}
/***********************************************************
 FOOTER
***********************************************************/
#footer{
background-color: #EC800C;
height:30px;
width: 990px;
color: #fff;
clear:both;
margin: 0 auto;
text-align: left;
padding: 0;
}
#footerInline {
padding-left: 30px;
padding-top: 5px;
color: #fff;
}
#footer a {
padding-right: 0px;
color: #fff;
}
.csc-textpic-caption {
font: normal 10px Arial,sans-serif;
color: #555;
}
/***********************************************************
 GLOBAL PADDING
***********************************************************/
.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 */