/*
 *
 *  --------------------------------------------
 *  Author: szenaris GmbH [PK]
 *  URL: www.szenaris.com
 *  --------------------------------------------
 *
 *  This code may not be duplicated, edited, or distributed
 *	without authors agreement.
 *
 *  
 *  Last edit: 2010-02-15   
 *
 */
 
 
 
/***		Tags		***/


body {
margin:                   	0;
padding:                  	0;
border:                   	0;
/**	 Font-Settings	**/
color:                    	#000;			
font-family:              	verdana;      
font-size:                	12px;	
text-align:				  	center;		
/**	Background	**/
background-image:         	url(bilder/main_background.jpg);    		
background-repeat:        	repeat-x;
background-color:			#e2ebf2;		
}
img {
border:                   	0;
}
a:link,
a:visited {
outline:                  	none;
}
a:hover,
a:active {}
td, td, table {}                                                           
fieldset {}
input {}
textarea {}
hr {}
h1 {
font-size:					14px;
color:						#29badb;
}
h2 {
font-size:					12px;
color:						#29badb;
}
h3, h4, h5, h6 {
font-size:					12px;
}
ul {
margin:                   	0;
padding:                  	0;
}
li {} 

/***		Layers		***/
                    
#outer {
margin:						5px auto 0 auto;
width:						1004px;
height:						auto;						
}
#left_col {
float:						left;
width:						99px;
height:						571px;
background-color:			#e0eaf0;
background-image:			url(bilder/left_col.jpg);
}
#middle_col {
position:					relative;
float:						left;
width:						805px;
height:						381px;
text-align:					left;
background-repeat:			no-repeat;
background-image:			url(bilder/middle_col.jpg);
background-position:		0 20px;
}
#right_col {
float:						left;
width:						100px;
height:						571px;
background-color:			#e0eaf0;
background-image:			url(bilder/right_col.jpg);
}
#headnav {
float:						right;
margin:						4px 0 0 0;
width:						190px;
height:						20px;
}
#headnav li {
float:						left;
padding:					0 0 0 5px;
list-style:					none;
}
#headnav a:link,
#headnav a:visited {
color:						#000;
font-size:					10px;
text-decoration:			none;
}
#headnav a:active,
#headnav a:hover {
text-decoration:			underline;
}
#content {
float:						left;
margin:						283px 0 0 0;
width:						805px;
height:						auto;
background-color:			#eaf0f5;
}

/* 
### raus - von alter navigation ###

#navigation {
float:						left;
width:						805px;
height:						27px;
clear:						both;
text-align:					center;
}
#navigation ul a:link,
#navigation ul a:visited {
display: 					block;
font-size:					12px;
padding:					6px 0 7px 0;
width:						159px;
height:						14px;
color:						#000;
text-decoration:			none;
background-image:			url(bilder/nav_button.jpg);
}
#navigation ul a:hover,
#navigation ul a:active {
color:						#29badb;
} 
#navigation ul {
list-style:					none;
position:					relative;
width:						805px;
}
#navigation ul li {
float:						left;
height:						25px;  
padding:					0 1px 0 1px;
width:						159px;
}
#navigation ul ul {
visibility:					hidden;
position:					relative;
width:						159px;
height:						0;
top:						0;
}
#navigation ul ul.menupunkt1 { 
left:						1px;
}
#navigation ul ul.menupunkt2 { 
left:						162px;
}
#navigation ul ul.menupunkt3 { 
left:						323px; 
}
#navigation ul ul li {
padding:					0;
margin:0;
width:						159px;
height:						auto !important;
color:						#FFF;
}
#navigation ul li:hover ul,
#navigation a:hover ul  {
visibility:					visible;
}
#navigation ul:hover ul ul {
visibility:					hidden;
}
#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
padding:					5px 5px 5px 5px;
width:						149px;
height:						auto;
background-image:			none;
background-color:			#EEE;
opacity: 					0.9;
filter:						alpha(opacity=90);
text-align:					left;
}

### ende raus - von alter navigation ###
*/


#navigation ul#nav,
#navigation ul#nav ul {
	width:805px;
	height:27px;
	margin: 0;
	padding: 0;
	list-style: none;
}

#navigation ul#nav li {
	position: relative;
	float: left;
	width:159px;
	height:25px;
	color:#fff;
	text-align:center;
	padding:0 1px 0 1px;
}
#navigation ul#nav li a,
#navigation ul#nav li a:link,
#navigation ul#nav li a:visited {
	display: 					block;
	font-size:					12px;
	padding:					6px 0 7px 0;
	width:						159px;
	height:						14px;
	color:						#000;
	text-decoration:			none;
	background-image:			url(bilder/nav_button.jpg);
}
#navigation ul#nav li a.active,
#navigation ul#nav li a:hover,
#navigation ul#nav li a:active {
	color:						#29badb;
	background-image:			url(bilder/nav_button.jpg);
} 
#navigation #nav li ul {
	position: 					absolute;
	left: 						0; 
	top:						27px;
	margin-left:				-999em;
	border:						none;
	height:						auto;
	width:						159px;
	color:						#fff;
}
#navigation ul#nav li li{
	height:auto;
	border:none;
}
#navigation ul#nav li li a,
#navigation ul#nav li li a:link,
#navigation ul#nav li li a:visited {
	padding:					5px 5px 5px 5px;
	width:						149px;
	height:						auto;
	background: #eee none no-repeat 0 0;
	display:block;
	color:#000;
	/*opacity for IE5+*/
	filter: alpha(opacity=85);
	/*opacity for older Mozilla browsers*/
	-moz-opacity: 0.85;
	/*opacity for mozilla/safari*/
	opacity: 0.85
}
#navigation ul#nav li li a.active,
#navigation ul#nav li li a:hover,
#navigation ul#nav li li a:active {
	background: #fff none no-repeat 0 0;
	/*opacity for IE5+*/
	filter: alpha(opacity=95);
	/*opacity for older Mozilla browsers*/
	-moz-opacity: 0.95;
	/*opacity for mozilla/safari*/
	opacity: 0.95;
	color:#29badb;
}
#navigation ul#nav li:hover ul, 
#navigation ul#nav li.over ul {
	margin-left:0;
}
/*
#navigation ul#nav li:hover,
#navigation ul#nav li.over,
#navigation ul#nav li:hover a,
#navigation ul#nav li.over a {color:#000}

#navigation ul#nav li:hover li a,
#navigation ul#nav li.over li a {
	color:#fff;
}
*/
#navigation ul#nav ul.menupunkt1 {
	top: -124px;
}
#navigation ul#nav ul.menupunkt2 {
	top: -72px;
}
#navigation ul#nav ul.menupunkt3 {
	top: -120px;
}







#textbox {
float:						left;
width:						805px;
height:						auto;
}
#left_textbox {
float:						left;
margin:						20px 0 20px 0;
padding:					0 20px 0 20px;
width:						330px;
height:						auto;
line-height:				18px;
text-align:					left;
}
#left_textbox a:link, 
#left_textbox a:visited {
padding:					0 0 0 12px;
background-image:			url(bilder/arrow.gif);
background-repeat:			no-repeat;
background-position:		0 5px;
}
#left_textbox a:link,
#left_textbox a:visited {}
#right_textbox {
float:						right;
margin:						20px 0 0 0;
padding:					0 10px 0 0;
width:						420px;
height:						auto;
}
#left_textbox ul {
padding:					0 0 0 20px;
}
#left_textbox li {
margin:						10px 0 0 0;
}
#left_textbox a:link,
#left_textbox a:visited {
padding:					0 0 0 10px;
text-decoration:			underline;
color:						#000;
}
#left_textbox a:hover,
#left_textbox a:active {
color:						#29badb;
}
#left_textbox input {
width:						280px;
margin-bottom: 				4px;
}
#left_textbox input.submit {
width:						284px;
margin:						12px 0 4px 0;
}
#left_textbox textarea {
width:						280px;
height:						110px;
margin-bottom: 				4px;
}
#footer {
float:						left;
margin:						5px 0 15px 0;
width:						805px;
font-size:					10px;
text-align:					center;
color:						#5a5a5a;
}                           
#footer a:link, 
#footer a:visited {
color:						#5a5a5a;
text-decoration:			none;
}
#footer a:hover, 
#footer a:active {
text-decoration:			underline;
}
#szelogo {
float:						left;
margin:						32px 0 0 0;
padding:					0 0 0 13px;
}
#vttlogo {
float:						left;
margin:						8px 0 0 0;
padding:					0 0 0 455px;
}


/***		Classes		***/

.border {
border-right:				1px solid #000;
padding-right:				5px;
}
.activebutton {
color:						#29badb;
}
.warning {
margin:						5px 0 10px 0;
padding:					5px 10px 5px 10px;
width:						auto;
height:						auto;
color:						#FFF;
background-color:			#ef5926;
}
.erfolg {
padding:					5px 10px 5px 10px;
width:						auto;
height:						auto;
color:						#FFF;
background-color:			#29badb;
}    
.active {
color:						#29badb !important;
}
.flag_de {
display:					block;
float:						left;
margin:						3px 0 0 0;
width:						15px;
height:						11px;
background-image:			url(bilder/flag_de.jpg);
background-repeat:			no-repeat;
}
.flag_en {
display:					block;
float:						left;
margin:						3px 0 0 0;
width:						15px;
height:						11px;
background-image:			url(bilder/flag_en.jpg);
background-repeat:			no-repeat;
}