/* CSS Document */

html {
		}
	
body {
	font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	background: #7B7B7B url(../images/body_bg.jpg) top center repeat-x;
}

/* Nullen */

* {
	margin: 0; 
	padding: 0; 
	
}

/* Tags ########################################################## */

p {
	font-size: 120%;
	line-height: 1.3em;
	margin: 0 0 1em 0;
}

a {
	color: #124680;
	outline:none;
	text-decoration:none;
}

ul {
	margin: 0 0 0 15px
}

ol {
	margin: 0 0 0 25px
}

li {
	font-size: 120%;
	margin: 0 0 0.5em 0
}

h1 {
	font-size: 220%;
	margin: 0 0 0.7em 0;
	color: #000;
	font-weight:normal;	
}

h2 {
	font-size: 180%;
	margin: 0 0 0.7em 0;
	color: #000;
	font-weight:normal;	
}

h2 a {
	text-decoration:none
}

h3 {
	color: #75AE47;
	font-size: 140%;
	margin: 0 0 0.7em 0;
	height: 20px;
	display:block;
	clear:both;
}

h3 a{
	color: #75AE47;
}

h4 {
	font-size: 140%;
	margin: 0 0 0.7em 0;

}

h5{
	font-size: 120%;
	margin: 0 0 0.7em 0;
}

hr {
	border:none;
	color:#fff;
	background: #fff;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 5px 0;
}

table{
   font-size:120%;
	margin:0 20px 0 0;
}

td{
   padding:2px 10px 2px 0;
   vertical-align:top;
}

/* Klassen ########################################################## */

.bild {
	padding: 1px;
	border: 1px solid #ccc;
}

.bild_text {
	float:left;
	padding: 0 20px 20px 20px;
}

.bild_text_re {
	float:right;
	padding: 0 0 20px 20px;
}

a.block{
	display:block;
}

.slide img{
	width:552px;
}

.slide{
	margin: 0 0 2em 0;
}

.btn_speicher-gespr {
margin: 0 10px 0 0 
	
}

/* Layout ########################################################## */

#container {
	width: 960px;
	margin: auto;
}

#container span{
	font-size:110%;
	margin:5px 0;
	color:#fff;
	display:block;
	width:960px;
	text-align:center;
}

#container span a{
	color:#fff;
	text-decoration:none;
}

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

/* Header ########################################################## */

#header {
	height: 35px;
	padding: 0 20px 0 0;
	}

#header p {
	font-size:140%;
	color:#fff;
	text-align:right;
}

#header p a img{
	border:none;
	vertical-align:middle;
}

/* Content ########################################################## */

#content_wrap {
	background-color:#fff;
	width:960px;
	overflow:hidden;
}

#content_start {
	width: 552px;
	float: right;
	padding: 4px 0 20px 0;
}

#content_start p, #content_start .bild_text, #content_start .bild_text_re{
	padding:0 0 0 20px;
}

#content_start h1, #content_start h2, #content_start h3{
	margin:8px 0 0.7em 20px;
}


#content label{
	font-size:110%;
}

#content input{
	padding:2px;
}

#content{
	width: 512px;
	float: right;
	padding: 12px 20px 20px 20px;
}

#content h2{
	margin:1.4em 0 0.7em 0;
}

#content p{
	margin:0 20px 0.7em 0;
}

#content img{
	margin:0 0 10px 0;
	border:none;
}

#content span{
	display:block;
	text-align:center;
	font-size:120%;
}

#content span.caps{
	display:inline;
	font-size:100%;
	color:#000;
}

#content hr {
	border:none;
	color:#ccc;
	background: #ccc;
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	margin: 5px 0;
}

#content ul,#content_start ul {
	margin: 0 0 15px 40px;	
}

#content ul li,#content_start ul li {
	font-size: 110%;
	list-style-image: url(../images/sidebar_li_bg.gif);
}

/* Navigation ########################################################## */

#nav {
	width: 200px;
	float: left;
	padding:0;
	background: #ccc;
	margin:4px 0 0 4px;
}

#nav p{
	padding:0 10px;
}

#nav h2 {
	text-transform: uppercase;
	padding: 10px 0 0 10px;
	color:#333;
}

#nav h3 {
	color:#004364;
	font-weight:normal;
	padding: 0 0 0.7em 10px;
	background:none;
}

#nav ul{
	list-style: none;
	padding:0;
	margin:0;
	}

#nav ul li , #nav .dialog ul li {
	display:block;
	width: 160px;
	height: 20px;
	line-height: 160%;
	padding: 0 0 0 40px;
}

#nav a{
	color:#004364;
}

#nav a:hover, #nav a.aktiv{
	color:#004364;
}

#nav .dialog {
	background-color: #E9E9E9;
}

#nav .teaser_aktuell{
	background-color: #D1DEE4;
	padding:0 0 10px 0;
	border-bottom:4px solid #fff;
	border-top:4px solid #fff;
}

#nav .teaser_aktuell ul li{
	height:auto;
}

/* Suche ########################################################## */

#suche{
	background:#9EBFAC url(../images/btn_suche.jpg) 140px 15px no-repeat;
	padding:10px;
	border-bottom:4px solid #fff;
}

#suche h2{
	text-transform: none;
	}

#suche input{
	background:#fff;
	border: none;
}

.suchfeld{
	font-size:120%;
	width:145px;
	padding:4px 4px 5px 4px;
}

.suchbtn{
	width:24px;
	height:24px;
	float:right;
}

/* Sidebar ########################################################## */

#sidebar {
	width: 200px;
	float: left;
	margin:4px 0 0 0;
	text-align: center;
}

#sidebar a img {
	border:none;
	margin: 0 0 4px 0;
	
}

#sidebar img {
	border:none;
	margin: 0 0 15px 0;
	
}

#sidebar ul {
	
}

#sidebar ul li {
	font-size: 110%;
	list-style-image: url(../images/sidebar_li_bg.gif);
}


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

#footer {
	height: 205px;
	clear: both;
	color:#fff;
	padding:30px 50px 0 50px;
	background:#525252 url(../images/karte_footer.jpg) 356px 5px no-repeat;	
}

.teaser_kunden{
	float:right;
	width:200px;
	background: url(../images/pdf_footer.jpg) 130px 30px no-repeat;
}

.teaser_kunden p{
	font-size:11px;
}

.teaser_kunden p a{
	color:#ccc;
}

#footer a.kundenbr{
	color:#999;
}

a.contact{
	display:block;
	height:22px;
	padding:8px 0 0 0;
	background: url(../images/arrow_footer.jpg) top right no-repeat;
}

#footer h2{
	color:#fff;
	}

#footer a{
	color:#fff;
	text-decoration:none;
}

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

#footer h4 {
	font-size: 180%;
	color: #fff;
	font-weight:normal;	
}

#footer h5 {
	font-size: 180%;
	color: #FDCD01;
	font-weight:normal;	
}

#map{
	margin: 0 0 10px 0;
}

/* Clearing ########################################################## */

.clear {
	overflow:hidden
}

* html .clear {
	height: 1%;
}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: "."; 
   display: block; 
   height: 0; 
   clear: both; 
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; } 

/* Clearfix-Anpassung für IE */
.clearfix {display: inline-block;}

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

.floatbox { overflow:hidden; }
/*##Suche, Artikel Startseite####*/