/* CSS Document */
@charset "utf-8";
/* CSS Document */
html{
	height:101%;
	margin:0 auto;
	padding:0px;
	text-align:center;
}

body{
	padding: 0px; 
	height: 101%; 
	text-align:center;
	margin:0 auto;
	display:block;
	}

/* Container-Styles */

#sitecontainer{
height:101%;
}

#side_top{
float:left;
height:386px;
background-image:url(../images/bg_top.jpg);
background-repeat:repeat-x;
width:100%;
}

#side_middle, side_bottom{
float:left;
width:100%;
background-image:url(../images/bg_middle.jpg);
background-repeat:repeat;
overflow:0 auto;
padding:0 0 0 0;
margin:0 0 0 0;
}

#header{
float:left;
height:386px;
width:920px;
text-align:left;
background-image:url(../images/bg_header.jpg);
background-repeat:repeat-y;
padding:0 0 0 0;
margin:0 0 0 0;
margin-left:40px;
}

#service_navi{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#FFFFFF;
height:25px;
padding-top:5px;
padding-left:525px;
}

#reiter_home{
float:left;
background-image:url(../images/reiter_home.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:655px;
height:75px;
margin-left:60px;
margin-top:30px;
}

#reiter_corporate{
float:left;
background-image:url(../images/reiter_corporate.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:655px;
height:75px;
margin-left:60px;
margin-top:30px;
}

#reiter_webdesign{
float:left;
background-image:url(../images/reiter_webdesign.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:655px;
height:75px;
margin-left:60px;
margin-top:30px;
}

#reiter_seo{
float:left;
background-image:url(../images/reiter_seo.jpg);
background-position:bottom;
background-repeat:no-repeat;
width:655px;
height:75px;
margin-left:60px;
margin-top:30px;
}

#reiter_home ul, #reiter_corporate ul, #reiter_webdesign ul, #reiter_seo ul{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
list-style:none;
width:101%;
padding: 0 0 0 0;
margin: 0 0 0 0;
}

#reiter_home ul li, #reiter_corporate ul li, #reiter_webdesign ul li, #reiter_seo ul li{
padding-top:58px;
float:left;
}

.home{
padding-left:10px;
padding-right: 20px;
}

.webdesign{
padding-left:118px;
padding-right: 10px;
}

.corporate{
padding-left:16px;
padding-right: 10px;
}

.seo{
padding-left:11px;
padding-right: 10px;
}

#logo{
float:left;
width:125px;
height:75px;
margin-top:30px;
}

#orange{
float:left;
width:800px;
height:250px;
background-color:#FF6600;
margin-left:60px;
}

#orange_liste{
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
text-align:left;
padding-left:0px;
}

#orange_liste li{
list-style:none;
width:200px;
padding:0 0 0 0;
margin:0 0 0 0;
float:left;
text-align:left;
}

#textbox_left{
float:left;
margin:10px;
height:230px;
width:180px;
color:#FFFFFF;
}

#textbox_right{
float:left;
margin-top:10px;
background-color:#000FFF;
height:230px;
width:590px;
}

#content{
float:left;
width:920px;
height:100%;
margin-left:40px;
background-image:url(../images/bg_content.jpg);
background-repeat:repeat-y;
}

#box_1{
float:left;
width:190px;
height:360px;
margin-left:60px;
padding-top:30px;
text-align:left;
padding-left:10px;
}

#box_2{
float:left;
width:190px;
padding-top:30px;
text-align:left;
}

#box_3{
float:left;
width:190px;
padding-top:30px;
text-align:left;
}

#box_4{
float:left;
width:220px;
padding-top:30px;
text-align:left;
}

#big_box{
float:left;
width:600px;
padding-top:30px;
text-align:left;
}

#big_box_2{
float:right;
width:600px;
padding-top:30px;
text-align:left;
}

#box_footer{
text-align:right;
margin-right:60px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
overflow:0 auto;
}

#footer{
float:left;
width:920px;
margin-left:40px;
height:154px;
background-image:url(../images/bg_footer.jpg);
background-repeat:no-repeat;
overflow:0 auto;
}

ul.navi, ul.navi_left{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding-left:14px;
padding-top: 30px;
}

ul.sitemap{
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
list-style:none;
padding: 0 0 0 0;
margin: 0 0 0 0;
padding-left:14px;
line-height:20px;
padding-bottom:30px;
width:600px;
}

ul.navi_left{
padding-top:15px;
}

ul.navi li, ul.navi_left li, ul.sitemap li{
list-style-image:url(../images/marker.gif);
}


img{
border:none;
}

.left{
padding-top:20px;
}

#kontakt{
float:left;
width:190px;
padding-top:10px;
}

.spacer{
padding-top:10px;
padding-bottom:10px;
}

.text_box{
float:left;
width:370px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
padding-left:20px;
line-height:20px;
}
.pic_box{
width:200px;
float:left;

}

.space_sitemap{
width:600px;
height:1px;
padding-bottom:30px;
}