/**
** Stoll Farbtreu Stylesheet
** Date: 10.08.2007
** Author: Esther Hengge
** ---------------------------------------------------------
** Tested in 
** 	Version: 0.1
** 	Browser: Internet Eplorer 6 / Internet Eplorer 7 / Firefox 2 
** ---------------------------------------------------------
**/


html{ 
	width:100%; 
	height:100%; 
	overflow: -moz-scrollbars-vertical;
}

body{ 
	width:100%; 
	height:100%; 
	margin:0; 
	padding:0; 
	text-align:left; 
	font-family:Verdana, Arial, Helvetica, sans-serif;  
	font-size:11px; 
	color:#404040; 
	line-height:17px; 
	background: url(/img/bg.jpg); 
	background-position:top left;
	background-repeat:repeat-x; 
	background-color:#f5f5f5;
}
html > body{
	height:auto;
	min-height:100%;
}

/* OVERALL */
.clear{
	clear:both;
}
.error{
	border:1px solid #d50000;
	background-color:#f9e2d8;
}
a, a:link, a:active, a:visited { 
color : #404040;
} 

a:hover { 
color : #404040;
} 

h1 {
	color:#404040; 
	margin-top:0;
	padding-top:0;
	font-size:14px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}

h2 {
	font-weight:normal;
	font-size:14px;
	color:#404040;
	margin-top:0;
	padding-top:0;
	font-family:Arial, Helvetica, sans-serif;
}
html > body h2 {
	padding-bottom:5px;
}

/*SEITE*/
#site{
	position:relative;
	width:980px;
	margin:20px auto;
}

/*HEADER_TOP Grafik*/
#meta{
	width:100%;

	font-size:10px;
	text-transform:uppercase;
	margin-bottom:7px;
	text-align:right;
}
#meta a{
	text-decoration:none;
	color:#959595;
}
#meta .meta_act {
	font-weight:bold;
}

/*HEADER*/
#main_frame{
	width:100%;
	background-image : url(/img/site_bg_home.jpg);
	display:block; 
	background-position : bottom left; 
	background-repeat : repeat-x; 
	background-color:#ffffff;
}

/*Header*/

#main_frame #header{
	width:100%;
	height:134px;
}
#main_frame #header #logo{
	float:left;
	display:inline;
	width:185px;
	margin:22px 19px 0 20px;
}
#main_frame #header #logo img{
	border:none;
}

/*Hauptnavigation*/

#main_frame #header #main_navi{ 
	float:left;
	display:inline;
	margin:12px 0 0 0;
	padding:0 0 0 20px;
	height:49px;
	width:auto;
	font-size:13px;
	text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
#main_frame #header #main_navi div{ 
	float:left;
	width:122px;
}

#main_frame #header #main_navi img{ 
	float:left;
	margin-right:9px;
}
#main_frame #header #main_navi span{ 
	padding:33px 0 0 0;
	vertical-align:bottom;
	float:left;
}

#main_frame #header #main_navi a,
#main_frame #header #main_navi a:link,
#main_frame #header #main_navi a:active,
#main_frame #header #main_navi a:visited,
#main_frame #header #main_navi .mainm a,
#main_frame #header #main_navi .main_act a{ 
	margin-top:2px;
	display:block;
	text-decoration:none; 
	color:#656565; 

}		
#main_frame #header #main_navi a:hover{ 
	font-weight:bold;
}
#main_frame #header #main_navi .main_act a{  
	font-weight:bold;
}
/* CONTENT_FRAME */
#main_frame #content_frame{ 
	width:100%;
	height:300px;
	background:url(/img/home_image1.jpg) top left no-repeat;
}
html > body #main_frame #content_frame{
	height:auto;
	min-height:300px;
}

/*Subnavi*/

#main_frame #content_frame #sub_navi{ 
	display:none;
}


/*Subnavi_Ende*/
	
	
/* CONTENT AND CONTENT_RIGHT */	
#main_frame #content_frame #content,
#main_frame #content_frame #content_right{ 
	float:left;
	display:inline;
	width:450px; 
	padding:0 20px;
	margin:0 0 20px 0;
	font-size:11px;
} 
#main_frame #content_frame #content_right{ 
	width:490px; 
	padding:0;
} 
#main_frame #content_frame p{ 
}
#main_frame #content_frame hr{ 
	height:1px;
	line-height:2px;
	background:url(/img/hr.gif) center left repeat-x;
	border:none;
	color:#000000;
	font-size:1px;
	border:none;
}
#main_frame #content_frame ul{
	margin-left:17px;
	padding-left:0;
	list-style-image:url(/img/bullet_home.gif);
}
#main_frame #content_frame ol{
	margin-left:40px;
	padding-left:0;
}
#main_frame #content_frame ul li{ 
	margin:0;
}	

/*----- Content and content_right tables -----*/

/*Rechte Spalte*/

/*Hintergrund BOXEN*/

#main_frame #content_frame #content_right .table { 
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/bg_grey.png',sizingMethod='scale');
	padding:20px; 
	margin:0;
	width:450px;
}
#main_frame #content_frame #content_right .top { 
	margin-bottom:20px;
}

/*BOX INHALTE*/

#main_frame #content_frame #content_right table .link { 
	padding:10px 0 0 0; 

}

/*Overall*/

#main_frame #content_frame table p { 
	margin-top:13px; 
	line-height:14px;
}
#main_frame #content_frame table a.more{
	font-size:10px;
	font-weight:bold;
	color:#5b5b5b;
	text-decoration:none;
	text-align:right;
	display:block;
	line-height:10px;
	padding-top:4px;
	background:url(/img/arrow_link_light.gif) right bottom  no-repeat;
}
#main_frame #content_frame table ul{
	margin-left:17px;
	margin-top:13px; 
	margin-bottom:0;
	padding-left:0;
	line-height:14px;
}
#main_frame #content_frame table ol{
	margin-left:40px;
	padding-left:0;
}
#main_frame #content_frame table ul li,
#main_frame #content_frame table ol li{ 
	margin:3px 0;
}			
#main_frame #content_frame table .hr{ 
	background:url(/img/footer.gif) center left repeat-x;
	height:1px;
	line-height:1px;
	border:none;
	margin-top:4px;
	margin-bottom:-5px;
}
html > body #main_frame #content_frame table .hr{ 
	margin:4px 0 0 0;
}

/*Boxen_Home*/
#site #boxes_home{
	float:left;
	width:100%;		
	background-color:#ebebeb;
	padding-bottom:20px;
}
#site #boxes_home h1,
#site #boxes_home h2.box{
	color:#cbcbcb;
	margin:0;
	padding:0 0 2px 0;
	font-weight:normal;
}

#site #boxes_home h1{
/*	font-size:20px;*/
}
#site #boxes_home a{
	font-size:10px;
	font-weight:bold;
	color:#cbcbcb;
	text-decoration:none;
	text-align:right;
	display:block;
	line-height:10px;
	padding-top:4px;
	background:url(/img/arrow_link_dark.gif) right bottom  no-repeat;
}
#site #boxes_home h1 a{
	font-size:13px;
	color:#cbcbcb;
	text-decoration:none;
	text-align:left;
	background:none;
	padding:0 0 2px 0;
}

#site #boxes_home .hr{ 
	background-image:url(/img/hr_box.gif);
	background-position:center left;
	background-repeat:repeat-x;
	height:1px;
	line-height:1px;
	border:none;
	margin-top:15px;
	margin-bottom:-5px;
}
html > body #site #boxes_home .hr{ 
	margin:15px 0 0 0;
}
#site #boxes_home .box1,
#site #boxes_home .box2{
	padding:25px 19px 7px 20px;
	float:left;
	width:206px;		
	background-color:#363636;
}
html > body #site #boxes_home .box1,
html > body #site #boxes_home .box2{
	
}
#site #boxes_home .box1{
	background:url(/img/box_trenner.gif) #363636 right top  repeat-y;
}
		
/* FOOTER */
#site #shadow{ 
	width:100%;
	height:40px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/footer.png',sizingMethod='scale');  
}
html > body #site #shadow{
	background:url(/img/footer.png) repeat-x;
}
#site #footer{ 
	width:100%;
	background-image : url(/img/footer.gif); 
	background-position :top; 
	background-repeat : repeat-x; 
	padding-top:10px;
	font-size:10px;
	color:#707070;
}
#site #footer a{ 
	color:#707070;
}
#site #footer #copyright{
	float:left;
} 
#site #footer #links{
	margin:0 0 0 40px;
	display:inline;
	float:left;
} 
#site #footer #madeby{
	display:inline;
	float:right;
	text-align:right;
}
