/* Styles - w3c.css*/
/* LONI X  - http://www.lonix.de*/
/* 03.03.2007 */

/* Site Hintergrund =(#FFFFFF), Navigation Hintergrund = (#CBCBCB), Head Hintergrundfarbe = (#FF0037)*/

/* Site Aufbau */
#site_position {position:absolute; width:100%; height:100%; top:0px; left:0px; margin-left:0px; margin-top:-0px; background:background-repeat:no-repeat; background-position:left; background-color:#FFFFFF;}

/* Kopfbereich */
/* Magenta Ton = FF0037*/
#head_container {
position:absolute; 
left:0px; 
top:0px; 
width:100%; 
height:120px; 
z-index:100; 
background:background-repeat:no-repeat; 
/*background-position:top, left;*/ 
Background-Image: url(http://www.tsv-wennigsen.de/content/images/framework/head_tsv.gif);
/*Background-Attachment: fixed;*/
Background-Repeat: no-repeat;
}

#head_logo {position:absolute; left:10px; top:7px; width:120px; height:120px; z-index:100; background:background-repeat:no-repeat; background-position:left; background:transparent;}

/* Banner */
#head_banner {position:absolute; left:213px; top:30px; width:700px; height:80px; z-index:120;}
#sky_banner {position:absolute; left:820px; top:140px; width:120px; height:600px; z-index:140;}

/* Contentbereich */
#content_container {position:absolute; left:0px; top:140; width:420px; height:100%; overflow:no; background:transparent; z-index:120; padding-right: 10px;}
/*#content_container {position:absolute; left:150px; top:140; width:420px; height:100%; overflow:no; background:transparent; z-index:120; padding-right: 10px;}*/
#texte_container {position:absolute; left:150px; top:0; width:420px; height:100%; overflow:yes; background:transparent; z-index:120; padding-right: 10px;}
#navigation_container {position:absolute; left:0px; top:119px; width:120px; height:100%; overflow:yes; background-color:#CBCBCB; z-index:130;}
#navigation_bottom {position:absolute; left:-150px; top:0px; width:130px; height:300%; overflow:no; background-color:#CBCBCB; z-index:130;}
#footer_container {position:relative; left:0px; bottom:0%; width:100%; float:right; height:30px; background-color:#CBCBCB; z-index:120;}

/* Servicebereich */
#service_container {position:absolute; left:580px; top:120px;  width:220px; height:100%; background-color:#ffffff; z-index:130;}
#teaser_bild {position:absolute; left:0px; top:20px;  width:220px; height:120px; z-index:140;}
#news_container {position:absolute; left:0px; top:150px;  width:220px; height:180px; background-color:#ffffff; overflow:auto; border-style:solid; border-width:1px; border-color:#ababab; z-index:140;}
#link_container {position:absolute; left:0px; top:350px;  width:220px; height:220px; background-color:#ffffff; overflow:hidden; border-style:solid; border-width:1px; border-color:#ababab; z-index:140;}
#calendar_container {position:absolute; left:0px; top:350px;  width:220px; height:180px; background-color:#ffffff; overflow:auto; border-style:solid; border-width:1px; border-color:#ababab; z-index:140;}
#service_links {position:absolute; left:0px; top:540px;  width:220px; height:80px; background-color:#ffffff; overflow:auto; border-style:solid; border-width:1px; border-color:#ababab; z-index:140;}



	

/* Formate */
/*body {margin:0px; background-color:#735F4F; font: 11/15px Trebuchet, Arial, Helvetica, sans-serif; color:#353D45; text-decoration:none; overflow:hidden;}*/

/* Allgemeine Linkformate */
a:link { color : #FF0037; text-decoration : none; font : 12px "Trebuchet MS", Arial, sans-serif }
a:visited { color :  #FF0037; text-decoration : none; font : 12px "Trebuchet MS", Arial, sans-serif }
a:hover { color : #ffffff; text-decoration : underline;  font : 12px "Trebuchet MS", Arial, sans-serif; background-color:#FF0037 }

/* Äußere Linkformate */
.base_link a:link { color : #811522; text-decoration : none; font : 12px "Trebuchet MS", Arial, sans-serif }
.base_link a:visited { color : #811522; text-decoration : none; font : 12px "Trebuchet MS", Arial, sans-serif }
.base_link a:hover { color : #ffffff; text-decoration : underline;  font : 12px "Trebuchet MS", Arial, sans-serif; background-color : #811522 }



ul {
	margin: 0;
	padding: 0;
	list-style: none;
	font: normal 10px verdana;
	width: 130px; /* Width of Menu Items */
	border-bottom: 1px solid #ABABAB;
	}

ul li {
	position: relative;
	}

li ul {
	position: absolute;
	left: 129px; /* Set 1px less than menu width */
	top: 0;
	display: none;
	}

/* Styles for Menu Items */
ul li a {
	display: block;
	text-decoration: none;
	color: #777;
	background: #CBCBCB; /* IE6 Bug */
	padding: 5px;
	border: 1px solid #ABABAB; /* IE6 Bug */
	border-bottom: 0;
	}

ul li a:hover {
    background:#FF0037;
    color:#fff;
}

.list_head {
    background:#BF9D83;
    color:#fff;
    font : bold 12px "Trebuchet MS", Arial, sans-serif;
}

/* Holly Hack. IE Requirement \*/
* html ul li { float: left; height: 1%; }
* html ul li a { height: 1%; }
/* End */

li:hover ul, li.over ul { display: block; } /* The magic */

/* Styles for Version 5 and higher Browsers*/
/* Last Update Jens Thielert 30.10.05*/

	#divUp   {position:relative; left:160px; top:10px;}
	#divDown {position:relative; left:160px; top:5px;}
	#divScrollTextCont {position:relative; left:10px; top:5px; width:130px; height:90px; clip:rect(0px 130px 90px 0px); overflow:hidden; visibility:auto;}
	#divText {position:relative; left:0px; top:0px; width:130px; height:90px;} 
	
	#divBg {position:absolute; z-index:10; width:2000px; left:0px; height:100px; clip:rect(0px 10px 10px 0px); visibility:hidden;}
	#divMenu {position:absolute; z-index:11; left:11px; top:1px; color:#333333; font-size:13px; font-family:verdana,arial,helvetica,sans-serif; visibility:inherit;}
	#divArrowLeft {position:absolute; z-index:12; width:11px; height:20px; left:0px; top:0px; visibility:inherit;}
	#divArrowRight {position:absolute; z-index:12; width:20px; height:20px; top:0px; visibility:inherit;} 

/*Textstyles - Basic Styles*/

.text_lines { 
	text-align : left;
	color : #D1C936;
	font : bold 12px "Trebuchet MS", Arial, sans-serif;
}


body {
		background-color: #FFFFFF;
		overflow:auto;
}

h1,h2,h3,h4,h5,h6,ul,ol,li,div,td,th,address,blockquote,nobr,b,i { font-family:Arial, sans-serif; }

h1 { font-size:26px; margin-bottom:18px; }
h2 { font-size:21px; margin-bottom:18px; }
h3,h3.xmp,h3.xpl,h3.inf,h3.tip,h3.akt { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:11px; }
h6 { font-size:9px; }

ul,ol,li,div,td,th,address,blockquote { 
	font : 12px "Verdana", Arial, sans-serif
}



/*Linkstyles - Text Navigation*/
.maintext_link a:link { color : #112266; text-decoration : underline; font : 12px "Trebuchet MS", Arial, sans-serif }
.maintext_link a:visited { color : #112266; text-decoration : underline; font : 12px "Trebuchet MS", Arial, sans-serif }
.maintext_link a:hover { color : #112266; text-decoration : underline;  font : 12px "Trebuchet MS", Arial, sans-serif; background-color : #D1C936 }




/* End of line */