﻿html{overflow-y:scroll;}
body {margin: 0; padding: 0; background-color: #6699cc; color: #262626;}
img {border: none;}

.shadow_right{padding: 0; margin:0; width:8px; background-color: #6699cc; background-repeat: repeat-y; background-image: url('../images/shadow_right.jpg');}
.shadow_bottom{padding: 0; margin:0; height:8px; width:984px; background-color: #6699cc; background-repeat: repeat-x; background-image: url('../images/shadow_bottom.jpg');}
.shadow_bottom_left{padding: 0; margin:0; height:8px; width:8px; background-color: #6699cc; background-repeat: repeat-x; background-image: url('../images/shadow_bottom_left.jpg');}
.shadow_bottom_right{padding: 0; margin:0; height:8px; width:8px; background-color: #6699cc; background-repeat: repeat-x; background-image: url('../images/shadow_bottom_right.jpg');}

/* ======== START: HEADER ======== */
#head{width: 913px; background-color: #FFFFFF;}
#head tr {vertical-align:top;}
#head .head_left {padding: 30px 40px 30px 40px;}
#head .head_right {padding: 40px 40px 20px 40px;}
#head td{font-family: Arial, sans-serif;font-size: 12px; color: #5c5c5c;}
#head td a{color: #5c5c5c; text-decoration:none;}
#head td a:hover{color: #ff8a00; text-decoration:none;}
/* ======== END: HEADER ======== */

/* ======== START: MENU ======== */
#menu{width: 913px; background-color: #FFFFFF;}
#menu tr td{}
#menu .menu_left{background-color: #483f3a; padding-left: 245px;} 
#menu ul, #menu li{list-style-type: none; margin: 0; padding: 0; display: inline;}
#menu  a   
{
    font-family: Arial, sans-serif;
    font-size: 12px;
	float: left;
	display: block;
	text-align: center; 
	text-decoration: none; 
	color: #FFFFFF;
	padding: 4px 15px 4px 15px;
	border-left: 1px solid #FFFFFF;
}
#menu a:hover
{
    background-image: url('../images/menu_bg.jpg');
    background-repeat: repeat-x;
	text-decoration: none;
	
}
#menu li#current a, #menu #active_menu, #menu ul.menu li.active a
{
    text-decoration: none;
    background-color: #ae612b;
    }
    
/* ======== END: MENU ======== */

#trenner {width: 913px; background-color: #ffffff;}


/* ======== START: CONTENT ======== */

#middle {width: 913px; background-color: #FFFFFF; font-family: Verdana; font-size: 12px;}

.content_left{width: 236px;} /*ACHTUNG > ABSTAND IM TEMPLATE ZWISCHEN DEN SPALTEN DAZU RECHNEN */
.content{width: 430px;}
.content_right{width: 228px;}

/* Menü */
#middle .content_left ul.menu{list-style: none; margin: 0px; padding-left:25px;}
#middle .content_left ul.menu li{margin-top:10px;} 
#middle .content_left ul.menu li a
{
	color: #262626;
    text-decoration:none;
    font-size: 12px;
    font-family: Arial, sans-serif;
	padding-left:12px; 
	padding-top:4px;
	padding-bottom:4px;
	background: url(../images/link_inactive.png) center left no-repeat;
}
#middle .content_left ul.menu li#current a{background: url(../images/link_active.png) center left no-repeat; color: #d0752c;}

/* Style der Untermenüpunkte, wenn der oberste Baum angeklickt worden ist */
#middle .content_left ul.menu li#current ul{list-style: none; margin: 0px; padding-left: 12px;}
#middle .content_left ul.menu li#current ul li a
{
	color: #262626;
    text-decoration:none;
    font-size: 10px;
    font-family: Arial, sans-serif;
	padding-left:0px; 
	padding-top:4px;
	padding-bottom:4px;
	background: none;
}

/* Style der Untermenüpunkte, wenn ein Untermenüeintrag angeklickt worden ist */
#middle .content_left ul.menu li.parent.active ul{list-style: none; margin: 0px; padding-left: 12px;}
#middle .content_left ul.menu li.parent.active ul li a
{
	/*display:block;*/
	/*height:13px;*/
	/*line-height:13px;*/
	color: #262626;
    text-decoration:none;
    font-size: 10px;
    font-family: Arial, sans-serif;
	padding-left:0px; 
	padding-top:10px;
	padding-bottom:4px;
	background: none;
}

#middle .content_left ul.menu li.parent.active ul li#current a{background: none; color: #d0752c;}

/* Style des obersten Baumes wenn ein Untermenüpunkt angeklickt worden ist */
#middle .content_left ul.menu li.parent.active a{background: url(../images/link_active.png) center left no-repeat; color: #d0752c;}

/* Hover gilt für alle Menüpunkte gleich 
1. Alle Mainmenüpunkte 
2. Alle Untermenüpunkte wenn oberster Baum ausgewählt ist  
3. Alle Untermenüpunkte wenn untermenüpunkt ausgewählt ist 
3. Oberster Menüpunkt wenn untermenüpunkt ausgewählt ist*/
#middle .content_left ul.menu li a:hover, #middle .content_left ul.menu li#current a:hover,
#middle .content_left ul.menu li#current ul li a:hover, #middle .content_left ul.menu li#current ul li#current a:hover, 
#middle .content_left ul.menu li.parent.active ul li a:hover, #middle .content_left ul.menu li.parent.active ul li#current a:hover,
#middle .content_left ul.menu li.parent.active a:hover{color: #934100;}


#middle .content{font-family: Arial; font-size:12px;}
#middle .content a{color:#e07414; text-decoration:none }
#middle .content a:hover{color:#6e3604; text-decoration:none}

#middle .content_right{background-color: #ffff99;}

/* ======== END: CONTENT ========== */

#bottom {width: 913px;}
