﻿/* CSS Datei zur grundlegenden Gestaltung der Website des SV-Dreis --- erstellt von Jan Gansen */

/*Grundlegende Gestaltung der Website*/
* {
	margin: 0;
    padding: 0;
}
* { 
	_text-align: center;	/*IE<=6 HACK*/
}

body {
	background:url(../img/other/bgr.gif) repeat fixed;
	color: #000000;
}

#firstdiv{
	width:957px;
	margin:0px auto; 
}
#seconddiv{
	background: url(../img/other/bgmiddle.gif) repeat-y;
}

/*Schriftformatierung, ist Teilweise aber auch wo anders ;) */
/*Buttonnamen Horizontales Menü - Bei Veränderung muss die Breite angepasst werden-irgendwo unten*/
#circletext{
	margin: 7px 0px 0px 10px;
	float: left;
	font: bold 14px "Courier New", Courier, monospace;
	color:#000000;
	text-decoration: none;
}
/*Überschrift der Container*/
#conthdl{
	font: 18px Arial, Helvetica, sans-serif;
	text-align: center;
	color:#FFFFFF;
	padding-top: 11px;
}
/*Allgemeine Textformatierung der Container*/
#conttext{
	font: 14px "Times New Roman", Times, serif;
	padding: 10px 10px 10px 10px;
	text-align: left;
}
/*Textformatierung des mittleren Bereichs*/
#middletext{
	font: 14px "Times New Roman", Times, serif;
	padding: 0px 12px 0px 12px;
	text-align: left;
}




/*Banner, Main-Menü, Abtrennung Main-Menü*/
#banner{
	background: url(../img/other/banner5.png);
	height: 182px;
}
#menu1m,#menu1l,#menu1r{
	float: left;
	height: 34px;
}
#menu1m{
	background:url(../img/menu1/middle.gif);
	width: 913px;
}
#menu1l{
	background:url(../img/menu1/left.gif);
	width: 22px;
}
#menu1r{
	background: url(../img/menu1/right.gif);
	width: 22px;
}
#circle{
	float: left;
}
#menuabtr{
	background: url(../img/main/mtop.gif);
	width:957px;
	height: 14px;
}
/*Main-Menu*/
#nav1 {
	margin-left: 140px;
	
}
#leftmenu1,#buttonsmenu1,#rightmenu1{
	float: left;
	height: 34px;
}
#leftmenu1{
	background:url(../img/menu1/leftmenu1.gif);
	width: 26px;
}
#buttonsmenu1{
    background:url(../img/menu1/middlemenu1.gif) repeat-x;
    padding: 0px 20px 0px 5px;
}
#rightmenu1{
	background-image:url(../img/menu1/rightmenu1.gif);
	width: 26px;
}
#buttonsmenu1:hover{
	background:url(../img/menu1/middlemenu1h.gif) repeat-x;
    height: 34px;
}
#buttonsmenu1:active,#buttonsmenu1:link,#buttonsmenu1:visited,#buttonsmenu1:focus{
	 color:;
    height: 34px;
	text-decoration:none;
}
	/*IE-6 Bug*/
#buttonsmenu1.sfhover {
	background:url(../img/menu1/middlemenu1h.gif) repeat-x;
    height: 34px;
}
/* Left-part*/
#left {
	margin-left: -37px;
	float: left;
}
/* Menü-Left*/
#menu2top{
	background: url(../img/menu2/top.gif);
	height: 38px;
}
#menu2m, #efk, #menu2b, #menu2top{
	width: 191px;
}
#menu2m {
	background: url(../img/menu2/middle.gif) repeat-y;
}
#menu2m>#pic{
	margin-left: 28px;
}
#efk{
	background: url(../img/menu2/efk.gif);
	height: 3px;
}
#menu2b{
	background: url(../img/menu2/bottom.gif);
	height: 16px;
}
/* Container-Left*/
#lefttop{
	background: url(../img/container/left/top.gif);
	width: 191px;
	height: 38px;
}
#leftabgr{
	background:url(../img/container/left/abg.gif);
	height: 29px;
	width: 159px;
	margin-left: 37px;
}
#leftm{
	background:url(../img/container/left/middle.gif) repeat-y;
	width: 191px;
}
#leftb{
	background:url(../img/container/left/bottom.gif);
	width: 191px;
	height: 13px;
}
#spontop{
	background: url(../pictures/sponsoren.gif);
	width: 191px;
	height: 32px;
}
#sponmiddle{
	background: url(../pictures/sponmiddle.gif);
	width: 191px;
}
#sponbot{
	background: url(../pictures/sponbot.gif);
	width: 191px;
	height: 32px;
}


/* Right-part */
#right {
	float: right;
	margin-right: -37px;
}
	/*IE <=6 Hack*/
* html #right, * html #left { 
	position: fixed; 
}
/*Container-Right*/
#righttop, #rightm, #rightb{
	width: 191px;
}
#righttop{
	background: url(../img/container/right/top.gif);
	height: 38px;
}
#rightm{
	background: url(../img/container/right/middle.gif) repeat-y;
}
#rightb{
	background: url(../img/container/right/bottom.gif);
	height: 13px;
}
#rightabgr{
	background:url(../img/container/right/abg.gif);
	width: 153px;
	height: 29px;
}
/* IE6 <= Hack */
* html #rightabgr{
	margin-left: -37px;
}
#tplaner1 {
	background:url(../pictures/tplaner1.gif);
	width: 190px;
	height: 30px;
}
#tplaner2 {
	background:url(../pictures/tplaner2.gif);
	width: 190px;
	height: 198px;
	
}
#kalender {

	width: 144px; 
	height: 120px;
}
#tplaner2>#kalender {
	margin-left: 19px;
}



/* Main-part */
#middle {
	margin-left: 158px;
}
	/*IE 7 Hack */
*+html #middle {
	margin-left: 159px;
}
	/*IE <=6 Hack*/
* html #middle { 
	float: right;
	margin-left: 0px; 
}
/*Textarea*/
#middletop{
	background: url(../img/main/middletop.gif);
	width: 642px;
	height: 14px;
}
#middlem{
	background: url(../img/main/middlem.gif) repeat-y;
	width: 642px;
	min-height: 300px;
}
#middlebot{
	background: url(../img/main/middlebot.gif);
	width: 642px;
	height: 21px;
}



/* Bottom */
#bottom {
	background: url(../img/bottom/btm.gif);
	width: 957px;
	height: 254px; 
}
