/* Ä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 */

/* sitemap styles */
a.sitemap_link1 { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-decoration: underline }
a.sitemap_link1:hover { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 12px; text-decoration: none }
a.sitemap_link2 { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline }
a.sitemap_link2:hover { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none }
a.sitemap_link3 { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline }
a.sitemap_link3:hover { color: #000000; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none }

/* wiv footer link */
.wiv_text1 { color: #ABABAB; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px }
.wiv_link1 { color: #ABABAB; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: underline }
.wiv_link1:hover { color: #1D415B; font-family: verdana, arial, helvetica, sans-serif; font-size: 10px; text-decoration: none }

/* typo3 styles */
.search_input_01 { width: 95px; background-color: #FFFFFF; font-family: arial; font-size: 10px; color: #27247D; border: 1px solid; border-color: #000000 }
.page_title { color: #BC394A; font-family: verdana, helvetica, sans-serif; vertical-align: middle; font-size: 16px; font-weight: bold }

/* formular styles */
input { font-family: verdana, geneva; font-size: 12px }
textarea, option, select { font-family: verdana, geneva; font-size: 12px; border: 1px solid; border-color: #555555 }
.input_50pc { font-family: verdana, geneva; font-size: 12px; width: 80px; border: 1px solid; border-color: #555555 }
.input_100pc { font-family: verdana, geneva; font-size: 12px; width: 200px; border: 1px solid; border-color: #555555 }
.input_200pc { font-family: verdana, geneva; font-size: 12px; width: 300px; border: 1px solid; border-color: #555555 }

/* standard text styles */
.standard_content_text1 { font-family: Verdana, Helvetica; font-size: 10px; color: #000000 }
.standard_content_text2 { font-family: Verdana, Helvetica; font-size: 10px; color: #000000 }
.standard_content_text3 { font-family: Verdana, Helvetica; font-size: 10px; color: #000000 }


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

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

a img {
	border:none;
}

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

td {
font-size:11px;
vertical-align:top;
}

td a {
margin:5px;
}

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

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

#header {
margin-top:22px !important;
margin:0;
}

h1#headline {
	background: url(../images/rotat_header.gif) no-repeat;
	height: 78px;
	width: 773px;
	margin: 0px;
}

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(../images/vert_line.gif) repeat-y right;
	float: left;
	/margin-top:-3px;
}

/*
#sub_nav_content {
	background: url(../images/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:30px;
	background:url(../images/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(../images/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(../images/arrow_left.gif) no-repeat left;
	padding-left:10px;
}

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

#content h1 {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #666666;
	font-weight: normal;
	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: 10px;
	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: #666666;
}

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


/*########################### nav ###########################*/
div[id="navi"] {
padding:4px 0 !important;
padding: 0 !important;
}

#navi {
display: none;
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 {
   color: #fff;
   text-align: center;
   font-size:11px;
   background: #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(../images/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{
    width:150px;
    font-size: 10px;
    text-align:center;
	background:#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:none;
	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(../images/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: 8px;
}
#sub_nav_content ul li span {
	display: block;
	height: 25px;
	line-height: 25px;
	width: 178px;
	background-image: url(../images/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;
	background-color: #EEEEEE;
}

#sub_nav_content #submenu a {
	padding-left: 40px;
	font-size: 10px;
}

#sub_nav_content #subactive a {
	padding-left: 40px;
	font-weight:bold;
	background-color: #EEEEEE;
}