@charset "utf-8";
* {
	margin: 0px;
	padding: 0px;
}

strong.red{color:#E3001B}

img{border:0}
img.ml10{margin-left:10px;margin-top:10px;height:60px;width:60px}
img.marginl10{margin-left:10px;margin-top:10px;float:left}
img.marginl20{margin-left:20px;margin-top:15px}

html{width:100%;height:100%}
body{
	width:100%;
	height:100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

a.rem{cursor:pointer}

#main{
	width:950px;
	height:690px;
	margin-top:50px;
	margin-left:auto;
	margin-right:auto;
	background-image: url(../basic/main-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
}

div#langswitch{position:absolute;right:20px;top:-25px;font-size:11px}
div#langswitch a{font-size:11px;color:#666}
div#langswitch a:hover{color:black}

/*img#logo{width:200px;height:210px;margin-left:10px;margin-top:10px;float:left}*/
div#logodiv{width:200px;height:210px;margin-left:10px;margin-top:10px;float:left;position:relative}
#logo-teaser1{position:absolute;top:143px;left:20px;z-index:55;opacity:0;filter:Alpha(opacity=0);}
#logo-teaser2{position:absolute;top:164px;left:40px;z-index:56;opacity:0;filter:Alpha(opacity=0);}

div#prodmenue{width:720px;height:210px;margin-left:10px;margin-top:10px;
	float:left;
	position:relative}
	
#prodmenue ol{
	background-image: url(../basic/bg-prodbuttons.gif);
	background-repeat: no-repeat;
	background-position: left top;
	float:left;
	width:725px;
	height:45px;
	list-style-type: none;}
	
#prodmenue li{float:left;color:white;font-size:0.70em;font-weight:bold;width:140px;height:45px;margin-right:5px}
#prodmenue li a, #prodmenue li span{color:white;text-decoration:none;display:block;width:130px;height:35px;padding-top:10px;padding-left:2px;text-align:center}
#prodmenue li a:focus, #prodmenue li a:active{outline:none}
#prodmenue li a{outline:none}


#prodmenue-standard{
	/*720*/
	position:absolute;
	background-image: url(../basic/prodmenue-standard-bg.gif);
	top:35px;
	left:0px;
	width:720px;
	height:175px;
	float:left;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow:auto;
}




div#prodkatlist{width:720px;float:left}
#prodkatlist dl{width:140px;margin-top:25px;float:left;margin-left:5px}
#prodkatlist dl dt{width:140px;text-align:center;height:93px}
#prodkatlist dl dt img{margin-left:auto;margin-right:auto}
#prodkatlist dl dd{color:#000;font-size:10px;padding-left:0px;text-align:center} 
#prodkatlist dl dd p{margin-left:auto;margin-right:auto}

#prodmenue-standard dl dd p a{text-decoration:none;color:black}

#prodmenue-ad, #prodmenue-vt, #prodmenue-us, #prodmenue-pu, #prodmenue-ap{
	/*720*/
	position:absolute;
	top:35px;
	left:0px;
	width:720px;
	height:175px;
	float:left;
	background-repeat: no-repeat;
	background-position: left bottom;
	overflow:auto;
	/*opacity:0;
	filter:Alpha(opacity=0);*/
}

#prodmenue-ad{
	z-index:10;
	background-image: url(../basic/bg-ad.gif);
}

#prodmenue-vt{
	z-index:9;
	background-image: url(../basic/bg-ht.gif);
}

#prodmenue-us{
	z-index:8;
	background-image: url(../basic/bg-in.gif);
}

#prodmenue-pu{
	z-index:7;
	background-image: url(../basic/bg-ab.gif);
}

#prodmenue-ap{
	z-index:6;
	background-image: url(../basic/bg-ap.gif);
}



div#prodmenuelist{width:720px;float:left}
#prodmenuelist dl{width:90px;margin-top:30px;float:left;margin-left:12px}
#prodmenuelist dl dt{position:relative}
#prodmenuelist dl dt img.systemicon{position:absolute;top:60px;left:0px}
#prodmenuelist dl dd{color:#fff;font-size:10px;padding-left:0px;text-align:center} 
#prodmenuelist dl dd p{margin-left:auto;margin-right:auto}

ol#menue{
	float:left;
	width:200px;
	height:auto;
	margin-left:10px;
	margin-top:5px;
	list-style-type: none;
}

ol#submenue{
	width:200px;
	height:auto;
	margin-left:-15px;
	margin-top:0px;
	padding-bottom:5px;
	list-style-type: none;
	background-image: url(../basic/submenue-ol-bg.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
}

#menue li{
	color:white;
	font-size:14px;
	width:185px;
	min-height:30px;
	padding-top:10px;
	padding-left:15px;
	margin-bottom:5px;
	background-image: url(../basic/menue-li-bg.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

ol#submenue li{
	color:white;
	background-image: none;
	font-size:12px;
	padding-top:5px;
	padding-left:30px;
	width:170px;
	min-height:20px;
	margin-bottom:3px;

}

#menue li span{font-weight:bold}
#menue li a{color:white;text-decoration:none;display:block}
#menue li a:hover{font-weight:bold}

div#content{
	position:relative;
	width:720px;
	height:455px;
	float:left;
	margin-left:10px;
	margin-top:5px;
	background-image: url(../basic/content-bg.gif);
	background-repeat: no-repeat;
	opacity:0.1;
	filter:Alpha(opacity=1);
}

div#content2{overflow:auto;width:720px;height:455px}
div#content2 img.fullpic{float:left}


#content h1{margin-left:100px;margin-top:40px;font-size:15px;color:#004E90}
#content h1.hdlintext{margin-top:20px}
#content h2{margin-left:100px;margin-top:20px;font-size:12px;color:#004E90;clear:left}
#content h3{margin-left:100px;margin-top:20px;font-size:11px;color:#004E90}
#content h4{margin-left:150px;margin-top:20px;font-size:11px;color:#004E90;clear:left}
#content p{margin-left:150px;margin-top:15px;width:400px;font-size:12px;line-height:17px;}
#content ul{margin-left:165px;font-size:12px;line-height:17px}
#content ul li{}
#content div.galthumblist{margin-left:140px;margin-top:15px}
#content div.galthumblist img{margin-left:10px}
/*#content div.galthumblist img:first-child{margin-left:0px}*/

#content img.mt15{margin-left:150px;margin-top:15px}

#content a{color:red;text-decoration:none}
#content label{display:block;width:70px;font-size:12px;float:left;clear:left;margin-left:150px;margin-top:10px}
#content input{
	display:block;
	font-size:11px;
	float:left;
	margin-top:10px;
	height:18px;
	width:330px;
	border: 1px solid #666666;
}

#content input#smit, #content #contactform input#smit{
	width:80px;
	float:left;
	margin-left:10px;
	color:#fff;
	background-image: url(../basic/but-send.gif);
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-repeat: no-repeat;
	background-color:#fff;
	height:20px;
}

#content #contactform {margin-top:20px}
#content #contactform label{width:135px}
#content #contactform input{width:270px}
#content input#smit{}
#content textarea{
	display:block;
	font-size:11px;
	float:left;
	margin-top:10px;
	height:75px;
	width:270px;
	border: 1px solid #666666;
}
#content #contactform input#smit{margin-top:65px}

/*2-spaltiger Content*/
div#twocols{margin-left:150px;width:570px;font-size:11px;line-height:16px;}
div#twocols p{margin-left:0px;width:220px;margin-right:5px}
div#twocols div{float:left}
div#twocols #twocols1{width:250px}


#foot {margin-top:20px;float:left;width:950px}
#foot p{font-size:9px;text-align:center}

#col01 {width:240px;margin-left:20px;float:left;color:#004E90;position:relative}
#col01 img.systemicon{position:absolute;top:20px;left:5px}
#col02 {width:400px;margin-left:30px;float:left;color:#004E90}
#col03 {width:400px;margin-left:290px;float:left;color:#004E90}
#col01 p, #col02 p, #col03 p, #col02 ul{margin-left:0px}
#col01 p{width:230px;font-size:11px}
#col02 ul, #col03 ul{margin-left:15px}
#col02 h1{margin-top:25px;margin-left:0px}
#col02 hr{margin-top:15px;float:left}
p.dlbut img{float:right}



#divider{
	clear:left;
	margin-top:15px;
	margin-left:20px;
	height:2px;
	float:left;
	width:670px;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #004E90;
}

/*Downloadbereich*/
.dlbut{width:450px !important}
#col01 p.dlbut{width:230px !important}


/*Bildgalerie Buttons*/
#galnext{position:absolute;top:20px;right:0px;z-index:10001}
#galback{position:absolute;top:20px;left:0px;z-index:10002}
#galbacklink{position:absolute;bottom:10px;right:10px;z-index:10003}

/*Zertifikate*/

#content div.zert{height:auto;width:450px;float:left;clear:left;margin-left:150px}
#content div.zert h3{margin-left:0px}
#content div.zert dl{float:left;margin-right:10px;margin-top:10px}
#content div.zert dt,#content div.zert dd {clear:left;}
#content div.zert dd {font-size:8px !important;text-align:center;margin-top:5px}


/*Zertifikate NEU*/

#content div.zert{height:auto;width:450px;float:left;clear:left;margin-left:150px}
#content h3.zert{margin-left:0px;clear:left;margin-left:150px}
#content dl.zert{float:left;margin-right:10px;margin-top:10px;margin-bottom:15px}
#content dl.zert dt,#content dl.zert dd {clear:left;}
#content dl.zert dd {font-size:8px !important;text-align:center;margin-top:5px}
h3+dl.zert{margin-left:150px !important}


/*sitemap*/
div.wglLinkTree{margin-top:20px}
ul.navLevel1space{margin-left:150px !important;font-weight:bold}
ul.navLevel1space ul.navLevel1space{margin-left:20px !important;font-weight:bold}
ul.navLevel1space ul.navLevel1space ul{margin-left:20px !important;font-weight:normal}
div.wglLinkTree a{color:#666 !important}
div.wglLinkTree a:hover{color:#000 !important}
div.wglLinkTree li{
	list-style-type: disc !important;
}

.navLevel2space{display:none}


/* 
REDAXO-Modul: do form!
Beschreibung: CSS-DEMO
Bereich: CSS 
Für: do form! 2.x  
Stand: 20.04.2009 
Version: 1.0
--------------------------------------------------------------------------
HINWEISE:
--------------------------------------------------------------------------
!! Das CSS berücksichtigt nicht alle möglichen Felder 
!! Farben nicht 1 zu 1 übernehmen
!! ist ja nicht wirklich hübsch

Weitere Infos zu den CSS hier:
http://wiki.redaxo.de/index.php?n=R4.DoForm
-------------------------------------------------------
*/

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
	width:100%;
	margin-left:20px;margin-top:20px;float:left;
}




/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;

}



.formgen form
{
line-height : 120%;
}




/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;

	
}
 .forminfo 
{
	width: 423px;
	margin-top:10px;
	margin-bottom: 15px;
	margin-left:20px;
	background-color: #FFF;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	border: 1px dashed #c52030;
	float:left;
	clear:left;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	/*width: 400px;
	height: 200px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;*/
}


/* Textfeld */
.formgen .formtext
{
	/*width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	background-color: #E9EBF3;
	border: 1px solid #003366;*/
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	/*border-bottom-color: #000000;*/
	background-color: #FFF;	
}



/* Label */
.formgen label {
	/*width: 135px;
	margin-left:150px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #003399;*/
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	background-color: #33FF33;
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	/*width: 100%;
	text-align: center;
	background-color: #006699;
	border: 1px solid #FFCC33;
	float: right;
	color: #FFFFFF;*/
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}



.formgen label{display:block;float:left;width:135px !important;margin-left:120px !important;color:#000}
.formgen input{display:block;float:left;width:270px !important;background-color:#F4F4F4;margin-bottom:5px;height:22px;font-family:Verdana, Arial, Geneva, sans-serif}
.formgen textarea{display:block;float:left;width:300px;background-color:#F4F4F4;margin-bottom:5px;height:200px;font-family:Verdana, Arial, Geneva, sans-serif}
.formgen input.formsubmit{
	/*background-image: url(../basic/button_red.gif);
	background-repeat: no-repeat;
	height: 22px;
	width:100px;
	color:white;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left:325px */
	
	
	width:80px !important;
	float:left !important;
	margin-left:450px !important;
	color:#fff;
	background-image: url(../basic/but-send.gif);
	border-top-style: none !important;
	border-right-style: none !important;
	border-bottom-style: none !important;
	border-left-style: none !important;
	background-repeat: no-repeat !important;
	background-color:#fff;
	height:20px !important;
	font-size:11px !important;
	
}


input[type=hidden]{display:none !important}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color:#c52030;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #c52030;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}