@charset "UTF-8";

/* 
LOGATRON CSS - ver. 0.1 - 12. Juli 2009
*/

/*
##########################################################################################################################################
##########################################################################################################################################
Das Gerüst
##########################################################################################################################################
##########################################################################################################################################
*/

body {
	
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;
	color:#696969;
	background-image:url(../images/bg_body.gif);
	background-repeat:repeat-x;
}

.geruest {
	
	margin:auto;
	width:982px;
	
	
	}
	
/* 
##########################################################################################################################################
##########################################################################################################################################
Header
##########################################################################################################################################
##########################################################################################################################################
*/

.header {
	
	height:205px;
	padding-left:10px;
	padding-right:10px;
	border-top:4px solid #00a4e4;

	}

.logo {
float:right;
margin-top:60px;

}


/* 
##########################################################################################################################################
##########################################################################################################################################
Hauptnavigation
##########################################################################################################################################
##########################################################################################################################################
*/
	
	
.main_nav {
	margin-top:60px;
	float:left;
	color:#00a4e4;
	width:500px;
	
	}

.nav_element {

font-size:14px;
height:20px;
}

.nav_element a:link, .nav_element a:visited {

	color:#000000;
	text-decoration:none;
	font-weight:bold;
	font-size:14px;

}


.nav_element .sublink a:link, .nav_element .sublink a:visited {

color:#696969;

}

.nav_element a:hover, .nav_element a.active:link, .nav_element a.active:visited, .nav_element a.active:hover, .nav_element .sublink a:hover  {

	color:#00a4e4;

}


/* 
##########################################################################################################################################
##########################################################################################################################################
Breadcrumb
##########################################################################################################################################
##########################################################################################################################################
*/

	
.breadcrumb {
	
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
font-size:11px;
color:#979797;
padding-left:10px;
padding-right:10px;
margin-bottom:4px;
line-height:8px;
	}
	
	
*html .breadcrumb {
	
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
font-size:11px;
color:#979797;
padding-left:10px;
padding-right:10px;
margin-bottom:4px;
line-height:8px;
height:20px;
padding-top:10px;
	}
	
*+html .breadcrumb {
	
border-top:1px solid #e5e5e5;
border-bottom:1px solid #e5e5e5;
font-size:11px;
color:#979797;
padding-left:10px;
padding-right:10px;
margin-bottom:4px;
line-height:8px;
height:20px;
padding-top:10px;
	}


.breadcrumb a:link, .breadcrumb a:visited {

color:#585858;
text-decoration:none;

} 

.breadcrumb a:hover {

color:#000000;
text-decoration:none;

} 


/* 
##########################################################################################################################################
##########################################################################################################################################
Footer
##########################################################################################################################################
##########################################################################################################################################
*/



.footer_geruest  {
	margin-top:30px;
	border-top:1px solid #e5e5e5;
font-size:11px;
color:#979797;
height:70px;
	
	}

.footer_nav {
float:left;

}

*html .footer_nav {
float:left;
padding-top:10px;
}

*+html .footer_nav {
float:left;
padding-top:10px;
}

.footer_nav a:link, .footer_nav a:visited, .nachoben a:link, .nachoben a:visited{

color:#979797;
text-decoration:none;

}

.footer_nav a:hover, .nachoben a:hover{

color:#000000;


}

.footer_trenner {

padding-left:6px;
padding-right:6px;

}

.nachoben {
float:right;
display:block;
padding-top:10px;
font-weight:bold;

}


/* 
##########################################################################################################################################
##########################################################################################################################################
Inhaltsgestaltungen
##########################################################################################################################################
##########################################################################################################################################
*/


.left_column {
width:600px;
float:left;
padding-left:10px;

}

.right_column {
padding-top:20px;
float:right;
width:330px;
padding-right:10px;

}


*html .right_column {
padding-top:10px;
float:right;
width:330px;
padding-right:10px;

}


*+html .right_column {
padding-top:10px;
float:right;
width:330px;
padding-right:10px;

}

.content p, .content table td, .content ul, .content ol {

font-size:13px;
line-height:20px;
text-align: left;

}

.content li {

margin-top:5px;
margin-bottom:5px;

}

.content h1 {

font-size:17px;
margin-top:40px;

}

.content h2 {

font-size:14px;
margin-top:30px;

color:#000000;

}

.content h3, .content h4, .content h5 {

font-size:14px;
margin-top:30px;


}

.content table {

border:1px solid #e9e9e9;

}


.content td {
border-top:1px solid #e9e9e9;
padding:10px;

}

.content th {
padding:10px;
text-align:left;
font-size:13px;

}


p.einleitung {

font-size:16px !important;
color:#000000;
line-height:21px !important;

}

.enlarge {
width:22px;
height:22px;
display:block;
position:absolute;
margin-left:-10px;
margin-top:-10px;

}




.content fieldset {

border:0px;
padding:0px;
padding-top:10px;
}

.content fieldset input {
margin-bottom:10px;
width: 200px;

}

.content label, .content div span {
font-size:13px;
width:100px;
display:block;
float:left;
margin-top:2px;

}
.csc-mailform-submit {
margin-top:10px;
margin-left:100px;
width:100px !important;

}


/* 
##########################################################################################################################################
##########################################################################################################################################
Wird kein Farb-CSS geladen, wird das Blau für die Kennzeichnungen verwendet
##########################################################################################################################################
##########################################################################################################################################
*/


.content a:link, .content a:visited {
	
	text-decoration:none;
	color:#000000;
	border-bottom: 1px solid #00a4e4;
	}
	
.content a:hover {
	color:#00a4e4;
	border-bottom:0px;
	}
	
h1 {
	
	color:#00a4e4;
	
	}
	
.enlarge {
	
	background-image:url(../images/enlarge_blau.gif)
	
	}

.content th {
	background-color:#00a4e4;
	color:#ffffff;

}