/* Änderungen an dieser CSS Datei können fatale Folgen haben. 
Sie steuert das gesamte Layot dieses Templates. 

Sollten Sie Probleme haben diese Datei Ihren Vorstellungen gemäß
anzupassen, helfe ich Ihnen gerne weiter. weber@exotec-design.de */

body {
	padding: 0px;
	margin: 0px;
	text-align: center;
	background: #FFFFFF url(main_FILES/body_bg.jpg) repeat-y center;
	height: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a { 
	color: #000000;
}
a:hover { 
	color: #AEDE4B;
}

a img {
	border:none;
}

#all {
	padding:0;
	width:773px;
	height: 100%;
	margin: 0px auto 0px auto;
}

td {
font-size:11px;
}

td a {
margin:5px;
}

td a:hover {
text-decoration:none;
}

#header {
	clear:both;
	margin:22px 0 0 0 !important;
	margin:0 0 0 0;
	padding:0;
}

#logo {
	width: 773px;
	margin: 0;
	padding:0;
}

h1#headline span {
	display: none;
	margin: 0px;
}

#top_nav {
	display:none;
}

#sub_nav {
	border-top: 1px solid #FFFFFF;
	width: 179px;
	height: 250px;
	text-align: left;
	background: url(main_FILES/vert_line.gif) repeat-y right;
	float: left;
}

#sub_nav_content {
	background: url(main_FILES/sub_nav_header.gif) no-repeat;
}

#sub_nav_content h3 {
	font-size:12px;
	margin-left:16px;
	padding:16px 0 0 0;
	margin-bottom:16px;
}

#sub_nav_content h3 a {
text-decoration:none;
}

div[id="sub_nav_content"]>h3 {
	margin:0 0 16px 0 !important;
	padding:16px 0 0 10px !important;
}

#content {
	width: 560px;
	float: right;
	text-align: left;
	margin: 0px 4px 100px 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	padding-bottom:20px;
	background:url(main_FILES/hori_line.gif) repeat-x bottom;
}

#sub_content {
	width:179px;
	padding-bottom:5px;
	background:#fff;
                position:relative;
                top:0;
}

#sub_content h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000;
	font-weight: bolder;
	margin: 0px 0px 10px 0px;
 	padding-top:15px;
 	padding-bottom:15px;
	padding-left:5px;	
	background:#F4F4F3 url(main_FILES/sub_nav_header.gif) no-repeat;
}

#sub_content p {
	margin-top: -4px;
	padding-left:5px;
}

#sub_content p, li {
	font-size: 11px;
	line-height: 20px;
	color: #333333;
}

#content p {
	margin-top: 3px;
}

#content p, li {
	font-size: 11px;
	line-height: 20px;
	color: #333333;
}

#content li {
	background:url(main_FILES/arrow_left.gif) no-repeat left;
	padding-left:10px;
}

#content ul {
	list-style-type:none;
}

#content h1 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #7CA81F;
	font-weight: bolder;
	margin: 0px 0px 10px 0px;
}

#content h2 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #999999;
	line-height: 20px;
	margin: 0px 0px 20px 0px;
}

#content h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	color: #333333;
}

div#footer {
	padding: 20px 0px 0px 20px;
	font-size: 8px;
	color: #7CA81F
	font-weight: bolder;
	line-height: 10px;
}

div#footer ul {
	clear: both;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

div#footer ul li {
	display: block;
	float: left;
	padding-right: 5px;
	line-height: 15px;
}

div#footer ul li span a {
	color: #000000;
	text-decoration: none;
	padding-right: 5px;
	font-size: 10px;
}

div#footer ul li span a:hover {
	color: #7CA81F;
}

div#footer ul .testList {
	padding: 0px;
}


/*########################### nav ###########################*/


#navi {
display: none;  /* wird über die javascript.js wieder auf block gesetzt, verhindert damit einen FOUC */
width:773px;
padding:0;
background: #000; 
border-left:0;
border-right:0;
border-top:1px solid #fff;
border-bottom:1px solid #fff;
margin:0;
}

#top a {  /* die links der ersten ebene */
   color: #fff;
   text-align: center;
   font-size:11px;
   background-color: #000;
   border-left:0;
   border-right:0;
   border-top:0;
   border-bottom:0px solid #000 !important;
   border-bottom:2px solid #000; 
   padding:0;
   padding:1px 11px 1px 12px !important;
   text-decoration:none;
   }   

#top a:hover {
   text-decoration: none;
   } 

.menu {
    display:block;
    margin:0;
    padding:0;
    width:750px; /* important pour Opera7 */
    }

.menu ul{
    width: 128px;
    position:absolute; /* pour sortir la liste du flux de donnée */
    display:block;
    margin: 0 10px !important;
    margin: 0 -75px;
    padding:0;
    height:10em; /* probably fix a bug in IE5 Mac */
    }

.menu li ul{
    visibility:hidden;
    }

.menu li li ul{
    position:absolute; /* pour sortir la liste du flux de donnée */
    top:auto;
    left:auto;
    margin-left:0;
    margin-left:-5px !important;
    margin-top:-15px; /* move the sub menu verticaly */
    }
    
.menu li{
    width: 150px;
    list-style:none;
    height:auto;
    display:inline;
    display/**/:block;
    float:none;
    float/**/:left;
    margin:0;
    padding:0;
    }
    
.menu li li{
    display:block;
    float:none;
    }
    
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }

ul[id="menu"] a {
    width:150px;
    font-size: 10px;
    text-align:center;
    background:url(main_FILES/menu_bg.png);
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:2px 5px;
    margin:0;
    }

.menu a{  /* die links im popup */
    width:150px;
    font-size: 10px;
    text-align:center;
    background-color: #000;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
    color:#fff;
    display:block;
    text-decoration:none;
    padding:2px 5px;
    margin:0;
    filter:Alpha(opacity=80);
    }
    
.menu a:hover{
    color:#fff;
    padding-left:5px;
    background-color: #3E3E3E;
    text-decoration:none;
    border-bottom: 1px #fff solid;
    border-right: 1px #fff solid;
    border-left: 1px #fff solid;
    }


/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #ccc;
}

/* hide some accessibility stuff */
.menu span{
    display:none;
    }

/*################################## sub_nav #######################################*/
#sub_nav_content ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#sub_nav_content ul li {
	height: 25px;
	width: 179px;
	background-image: url(main_FILES/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 8px 10px;
}
#sub_nav_content ul li span {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 178px;
	background-image: url(main_FILES/hori_line.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
#sub_nav_content ul li span a {
	padding-left: 28px;
	display: block;
	line-height: 24px;
	height: 23px;
	width: 178px;
	text-decoration: none;
	color: #000000;
}
#sub_nav_content ul li span a:hover {
	background-color: #EEEEEE;
	width: auto;
}
#sub_nav_content #current a {
	font-weight:bold;
}

#sub_nav_content ul li ul li span a {
	padding-left: 48px;
	display: block;
	line-height: 24px;
	height: 23px;
	width: 178px;
	text-decoration: none;
	color: #000000;
                font-weight:normal !important;
}

#sub_nav_content ul li ul li {
	background: none;
}

@media screen and (min-width: 550px){ 
#header {
padding:0 !important;
margin:1px 0 0 0 !important;
}
#top_nav {
margin-bottom:-10px !important;
}
}