/* CSS Document */

html{
	margin:0px;
	padding:0px;
	background:#F7F7F7 url(../img/body_bg.gif) ;
	background-repeat: repeat-x;
	}

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#323232;
	text-align:left;
	margin:0px;
	padding:0px;
	}

a {
	color:#000;
	text-decoration:none;
	}

a:hover {
	color:#838383;
	text-decoration:none;
	}


p{
	color:#323232;
	line-height:16px;
	margin:0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	}

h1, h2, h3, h4 {color:#474646;padding:0px;margin:0px; font-family: Arial, Verdana, Helvetica, sans-serif;}

h1 {letter-spacing: -0,5px;font-size:14px;padding:0px 0px 0px 0px;margin:29px 0px 10px 0px;}
h2 {font-size: 12px; font-weight:bold;padding:0px 0px 0px 0px;margin:20px 0px 10px 0px;}
h3 {font-size: 12px;background: url(../img/download.gif);background-position:0px -21px;border-bottom:1px solid #838383; font-weight:bold;padding:5px 2px 0px 0px;margin:0px 0px 2px 0px;}
h4 {width:100%;font-size: 16px; font-weight:bold;padding:10px 0px 0px 0px;margin:0px 0px 10px 0px;}


ul {
	line-height:16px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	}
	
ul li {
	line-height:18px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
ul.vg_bereich li{
	display:block;
	line-height:18px;}

#page {
	background: url(../img/page_bg.gif);
	background-repeat: repeat-y;
	width:850px;
	text-align: center;
	margin:0px auto;
	padding:0px 0px 0px 5px;
	}
	
#head {
	background: url(../img/une_banner_ani.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width:850px;
	height:75px;
	margin:0px 0px 0px -5px;
	padding:0px 0px 0px -5px;
	}
	
	#head img {border:none;}
	
.logo {
	float:right;
	width:129px;
	height:62px;
	border: none;
	margin:2px 50px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#content_container {
	background: url(../img/content_bg.gif);
	background-repeat: repeat-x;
	width:840px;
	float:left;
	text-align: left;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}	
	
#content_left {
	width:210px;
	float:left;
	height:400px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 13px;
	}	



#language {
	z-index:50px;
	float:left;
	width:160px;
	margin:0px 0px 0px 0px;
	padding:1px 15px 0 23px;}


.language {
	background-color: #f7f7f7;
	filter:alpha(opacity=10);
	-moz-opacity: 0.2;
	opacity: 0.6;	
	color:#323232;	
	width:148px;
	font-size: 10px;
	padding:0px 0px 0px 0px;
	margin:5px 0px 0px 0px;
	}
	
.language:hover {color:#323232;}

#banner {
	position: absolute;
	left:5px;
	top:4px;
	height:49px;
	width:630px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}
	
#banner_link {
	position:absolute;
	z-index:80;
	width:178px;
	height:90px;
	margin:0px;
	padding:0px;
	background-image:url(../img/system_ber_par.jpg);
	background-repeat:no-repeat;
	}


/*** SITE MENÜ ***/

#menubeginner {
	background: url(../img/language_bg.gif);
	background-repeat: repeat-x; 
	margin:0px 0px 0px 0px;
	padding:0 15px 0 15px;
	width:148px;
	height:25px;
	}


#menu{
	background: url(../img/menu_bg.gif);
	background-repeat: repeat-y; 
	width:184px;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 30px 3px;
	}

#menu ul {
	margin: 1px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	}
	
#menu li {
	float:left;
	display:block;
	padding:0px 0px 0px 0px;
	}

#menu li a.nav {
	display:block;
	float:left;
	padding:0 15px 0 15px;
	width:148px;
	height:21px;
	line-height:21px;
	font-size:11px;
	text-decoration: none;
	color:#6B6B6B;
	background: url(../img/vg_button.gif);
	}
	
#menu li a.nav:hover {
	display:block;
	float:left;
	text-decoration: none;
	padding:0 15px 0 15px;
	width:148px;
	height:21px;
	line-height:21px;
	font-size:11px;
	color:#f7f7f7;
	background: url(../img/vg_button.gif); background-position:0px 21px;
	}

#menu li a.nav_active{
	display:block;
	float:left;
	text-decoration: none;
	padding:0 15px 0 15px;
	width:148px;
	height:21px;
	line-height:21px;
	font-size:11px;
	color:#f7f7f7;
	background: url(../img/vg_button.gif); background-position:0px 21px;}


#stopper {
	width: 184px;
	height:94px;
	background: url(../img/menu_stopper.gif);
	background-repeat: no-repeat;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 3px;
	}
	
#newsbox {
	background: url(../img/newsbox.gif);
	background-repeat: repeat-x;
	width:170px;	
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 15px;
	border-bottom: 1px solid #c6c6c6;
	}

#newsbox a {
	background-image:url(../img/link.gif);
	background-repeat: no-repeat;
	color:#000;
	background-position:0px -18px;
	padding:0px 0px 0px 15px;
	}
	
#newsbox a:hover {
	background-image:url(../img/link.gif);
	background-repeat: no-repeat;
	color:#838383;
	background-position:0px -2px;
	padding:0px 0px 0px 15px;
	}

/*** Kontaktformular - START ***/

#kontaktformular {
	width:470px;
	float:left; 
	margin: 0px 10px 0px 0px;
	padding: 0px;
	}

form {margin:0px;padding:0px;}
form p {margin:5px 0px 5px 0px; padding:0px;}

label {display:block;float:left;width:100px; vertical-align:middle; height: 16px; padding-top:2px; line-height: 18px;}
input, textarea {font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;background-color:#fff;color:#463D58;border:1px solid #c2c2c2; padding:2px; margin:4px 0px 4px 0px; height: 16px; background-attachment: scroll }
input:hover, textarea:hover{font-family: Verdana, Arial, Helvetica, sans-serif; font-size:12px;background-color:#f1f1f1;color:#463D58;border:1px solid #c2c2c2; padding:2px; height: 16px; background-attachment: scroll }
.form_mark {color:#463D58;padding-left:2px;}

input.kontakt {width:200px;}
input.kontakt_pcode {width:60px;}
input.kontakt_city {width:130px;}
input.kontakt_news {margin:0px;padding:0px;border:none;}

input.send_btn {margin:15px 0px 0px 100px; padding:1px 10px 2px 10px;color:#f1f1f1; background-color:#333333;vertical-align:middle; height: 20px;float:left;}
input.send_btn a{color:#f1f1f1;text-decoration:none;}
input.send_btn a:hover{color:#333333;text-decoration:none;}
input.send_btn:hover {color:#333333;background-color:#f7f7f7;text-decoration:none;}


textarea.kontakt {width:200px;height:120px;}

.datenschutz {
	width:340px;
	margin: 0px 0px 10px 100px;
	float:left;
	}


/*** Kontaktformular - END ***/



#content_right {
	width:600px;
	height:100%;
	float:left;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	}	
	
#content {
	float:left;
	width:70%;
	margin:0px 0px 30px 0px;
	padding:0px 15px 0px 0px;
	}

	
*html #content {	
	margin:0px 0px 0px 0px;
	padding:0px 15px 30px 0px;
	}	
	
#content a {
	background-image:url(../img/link.gif);
	background-repeat: no-repeat;
	background-position:0px -18px;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	line-height:16px;
	}
	
#content a:hover {
	background-image:url(../img/link.gif);
	background-repeat: no-repeat;
	background-position:0px -2px;
	padding:0px 0px 0px 15px;
	}	
	

/*** SITE CONTENT ***/


#teaser {
	float:left;
	width:auto;
	margin:0px;
	padding:30px 0px 0px 0px;}
	
#braun {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#braun a{float:left;height:63px;width:337px;background:url(../img/kugel_braun.gif);}	
#braun a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_braun.gif);background-position: 0px 63px }
#braun li{display:none;}	

#rot {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#rot a{float:left;height:63px;width:337px;background:url(../img/kugel_rot.gif);}	
#rot a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_rot.gif);background-position: 0px 63px }
#rot li{display:none;}	

#orange {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#orange a{float:left;height:63px;width:337px;background:url(../img/kugel_orange.gif);}	
#orange a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_orange.gif);background-position: 0px 63px }
#orange li{display:none;}	

#blau {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#blau a{float:left;height:63px;width:337px;background:url(../img/kugel_gruen.gif);}	
#blau a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_gruen.gif);background-position: 0px 63px }
#blau li{display:none;}	

#gruen {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#gruen a{float:left;height:63px;width:337px;background:url(../img/kugel_blau.gif);}	
#gruen a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_blau.gif);background-position: 0px 63px }
#gruen li{display:none;}	

#gelb {margin:0px 0px 0px 0px;padding:0px 0px 0px 0px;}
#gelb a{float:left;height:63px;width:337px;background:url(../img/kugel_gelb.gif);}	
#gelb a:hover{float:left;height:63px;width:337px;background:url(../img/kugel_gelb.gif);background-position: 0px 63px }
#gelb li{display:none;}	

#back {
	width:200px;
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	}
	
#back a {
	background-image:url(../img/back_link.gif);
	background-repeat: no-repeat;
	background-position:0px -18px;
	text-decoration: none;
	color:#838383;
	padding:0px 0px 0px 15px;
	margin:0px 0px 0px 0px;
	line-height:16px;
	}
	
#back a:hover {
	background-image:url(../img/back_link.gif);
	background-repeat: no-repeat;
	background-position:0px --2px;
	color:#000;
	padding:0px 0px 0px 15px;
	}

#download {
	background: #f7f7f7 url(../img/download.gif);
	background-repeat: repeat-x;
	border:1px solid #CECECE;
	margin:0px 0px 0px 0px;
	padding:15px;
	}
		
#adobe_download{text-align: left;background-color: #FFFFFF;padding:3px 5px 10px 10px;border:1px solid #CECECE;}
#adobe_download a{background: none;}
#adobe_download a:hover{background: none;}

#adobe_download img{float:right;padding:0px;margin:15px 5px 5px 50px;}
	
#vg_partner{
	float:left;
	width:150px;
	height:400px;
	margin:32px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	text-align:center;
	}
	
#vg_partner img{
	padding:0px 0px 0px 0px;
	margin:0px 0px 10px 0px;
	border:1px solid #CECECE;
	}
	
#img_right {
	position: relative;
	z-index:50px;
	width:185px;
	height:330px;
	margin:80px 0px 0px 610px;
	padding:0px 0px 0px 0px;
	background-image:url(../img/login_bereich.gif);
	}
	
*html #img_right {
	position: relative;
	z-index:50px;
	width:185px;
	height:330px;
	margin:-370px 0px 0px 610px;
	padding:0px 0px 0px 0px;
	background-image:url(../img/login_bereich.gif);
	}
	
/*** PRESSE START ***/

#teaser_presse {
	width:300px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 10px 20px 10px;
	background: url(../img/download.gif);
	background-position: 0px -5px;	
	border:1px solid #CECECE;
	}
	
	
#info_box {	
	width:300px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 10px;
	border:1px solid #CECECE;
	background-color:#F8F8F8;
	}
	
	
#teaser_une {
	width:300px;
	float:left;
	margin:0px 0px 10px 0px;
	padding:0px 10px 10px 10px;
	background-position: 0px -5px;	
	border:1px solid #CECECE;
	}
	
	
/*** END SITE CONTENT ***/

#footer {
	clear: both;
	background-color:#323232;
	color:#f7f7f7;
	width:840px;
	line-height:20px;
	text-align: center;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	}
	
*html #footer{
	margin:0px 0px 0px -5px;}
	
	
.clear {
	clear: both;
	}
	
.description {
	color:#838383;
	font-weight:normal;
	font-style: italic;
	font-size: 11px;
	}