@charset "utf-8";
/* CSS Document */

/* ###################################  Hauptkonfiguration   ####################################################*/	

	* { margin:0 auto; padding:0; font-size: 100%; } 
		
	html{  width:100%; font-family: Verdana, Helvetica, Arial, sans-serif; }
	
	body { 	min-height: 101%; font-size: 100.01%; position: relative; text-align: center; color: #646464; font-size: 83.33%;     	            font-family: Verdana, Helvetica, Arial, sans-serif; background: #eeeeee url(layout_img/main_bg.jpg) repeat-x center top; margin:0; padding:0;} 
	
	.main_bg {text-align: center;  padding-top:0px;} 
		
    .clearer{ clear:both; margin:0; }
	
	a { outline:none; color:#454545; text-decoration:underline; }
	a:hover { text-decoration:none;}
	
/* ####################################################################################################*/	

.outer_container {width:896px;  text-align:left; display:block; }

.top { background:url(layout_img/top.jpg) no-repeat center top; height:161px; margin:0; padding:0;}


#ajaxticker1 { width:375px; height:30px; float:right; margin-right:31px;  margin-top:54px; font-size:90%; color:#fff;}
#ajaxticker1 a { color:#c40000;}
#ajaxticker1 h1 { color:#c40000; margin-top:4px; margin-bottom:3px; font-weight:normal;}



.btn ul { display: block; list-style:none; margin-left:13px; margin-top: 21px; color:#000;}
.btn li { float:left; padding: 12px 0px 12px 0px; border-right: 1px solid #c7c7c7; border-left: 1px solid #eeeeee;}


.btn ul li a {padding: 13px 15px 13px 15px; text-decoration:none;}
.btn ul li a:hover { background:url(layout_img/btn_hover.jpg) repeat-x left top; color:#580505;}

.btn li:first-child {border-left: 0px solid #eeeeee;}

.kontakt_btn{ float:left; height:39px; margin-left:158px; margin-top:10px; font-size:90%;}

.kontakt_btn a { padding-right:47px; padding-left:18px; padding-top:4px; padding-bottom:4px; background:url(layout_img/kontankt_bg.gif) no-repeat center right; line-height:22px; text-decoration: none; color:#580505;}
.kontakt_btn a:hover {color:#000; }


.sub_content { background:url(layout_img/sub_content_bg.jpg) repeat-y center top; padding-bottom:65px; }
.content_2 { background:url(layout_img/content.jpg) no-repeat center top; width:888px;}


.left_col { float:left; width:500px; margin:25px 0 0 20px; }

.right_col { float:right; width:320px; margin-top:20px; margin-right:20px;}



.referenzen { margin-top:25px; }
.referenzen h2{  margin-bottom:4px; margin-left:17px; color:#2d364c;}




.referenzen ul li { list-style:none; background:url(layout_img/ref_bg.jpg) no-repeat left top; width:297px; height:83px; 
padding:7px 0px 5px 5px; font-size:11px;}

.referenzen ul li img { float:left; margin:5px 7px 7px 7px; border:3px solid #fff;}
.referenzen ul li a { color:#580505; line-height:20px;}
.referenzen ul li img:hover {border:3px solid #cfcfcf;}

.ref_footer{float:right;  font-size:9px; margin-right:20px;}
.ref_footer a{color:#580505;}



/*################################# ARTIKEL #########################################################################*/

.highlight { background:#eeeeee; padding:10px;}


.start_artikel { background:url(layout_img/logo.jpg) no-repeat top right; margin-top:5px; padding-top:4px; color:#000; padding-bottom:5px; margin-bottom:25px; padding-left:5px;}
.start_artikel a { background:url(layout_img/link_bg.jpg) no-repeat center left; padding:8px 35px 10px 14px; text-decoration:none; font-size:12px; color:#580505;}

.start_artikel a:hover {color:#000;}

/*##### First ARTIKEL ######*/

.first_artikel { color:#000; padding: 0px 10px 0 5px; text-align:justify; }
.first_artikel a { color:#580505;}

.first_artikel img { float:left; margin:5px 7px 7px 0; border:3px solid #fff;}
.first_artikel img:hover {border:3px solid #cfcfcf;}


.first_artikel ul { margin-left:35px; margin-bottom:15px;}
.first_artikel ul li { list-style-image:url(layout_img/list_img.jpg); list-style-position:outside;   line-height:30px; padding-left:5px;}



/*##### normal ARTIKEL ######*/


.artikel { color:#000; padding: 20px 10px 0 5px; background:url(layout_img/artikel_bg_top.gif) repeat-x left top; text-align:justify; margin-top:25px;}

.artikel ul { margin-left:35px; margin-bottom:15px;}
.artikel ul li { list-style-image:url(layout_img/list_img.jpg); list-style-position:outside;   line-height:30px; padding-left:5px;}


.artikel a { color:#580505;}

h1 { color:#580505; font-size:18px; text-decoration: none; background:url(layout_img/artikel_bg_h1.gif) no-repeat right top;  margin-top:10px; margin-bottom:20px; }

h2 {color:#000; font-weight:bold; margin-bottom:15px;}


.artikel img { float:left; margin:5px 7px 7px 0; border:3px solid #fff;}
.artikel img:hover {border:3px solid #cfcfcf;}







#footer_2 { background:url(layout_img/footer_bg.jpg) no-repeat center top; height:134px; margin-bottom:25px; padding-left:25px; padding-top:25px; color:#fff; font-size:12px;}

#footer_2 a { color:#fff; text-decoration:none;}
#footer_2 a:hover {text-decoration:underline;}