/* 
 **********************************************************************************
 * CSS-Datei für den Layer "Newsletteranmeldung" auf www.komma-net.de
 * Layer-Design und -Umsetzung
 * von: Christoph John, Bonn (mailto:c.john[at]gmx.de), www.christophjohn.de
 * für: Verlag für die Deutsche Wirtschaft AG Bonn, www.vnr.de
 *		Fachverlag für Kommunikation & Management, www.komma-net.de
 * 1. Version: 20.09.2006
 * Änderungen: 08.08.2007 - #layergreen/height:735px statt 660px (wg. 5 neuer checkboxen im Formular)/width:455px statt 450px
 * 						  - #titel_grafik/height: 44px statt 54px/background:#4E506F/width:455px/margin-bottom:10px
 *                        - #layergreen/height: - /1 checkbox entfernt/js allchoice angepasst						  
 **********************************************************************************
*/

#layergreen {
	background-color: #8A8CC4;
	width:455px;/*450px*/
	/*height:735px;660px*/
	border: 1px solid #7F3B3F;
	color: #FFFFFF;
	text-align: left;
	margin-top:10px;
	left:130px;
	font-family: Arial, Helvetica, sans-serif;
	overflow:visible;
}

.schliessen {
	float: right;
	margin:5px;
}

#kopf {
	letter-spacing:0.08em;
	padding-top: 12px;
	padding-bottom: 0px;
	padding-left: 40px;
	font-size: 15px;
	font-weight: bold;
	line-height: 20px;
}

#titel_s{
	letter-spacing:0.1em;
	font-size: 18px;
	line-height: 20px;
}

#titel {
	letter-spacing:0.04em;
	padding-top: 2px;
	/*padding-bottom: -2px;*/
	padding-left: 15px;
	font-size: 40px;
	line-height: 30px;
	font-weight: 500;
	background-color: #5B7B10;
}

#titel_grafik{
	height: 44px;/*54px;*/
	background:#4E506F;
	width:455px;
	margin-bottom:10px;
}

#normal {
	letter-spacing:0.03em;
	word-spacing:0.05em;
	padding-top: 15px;
	padding-left: 40px;
	padding-right: 18px;
	font-size: 11px;
	line-height: 14px;
}

#formular {
	letter-spacing:0.08em;
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 40px;
	padding-right: 10px;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	background-color: #C8C9E3;
	color: #172997;
}
* html div#formular {
    /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-right: -3px;
 }
 
#formularelement_o {
	padding-top:5px;
	padding-bottom:5px;
	float:left;
	font-size:14px;
	font-weight:600;
	/*background-color: #C8C9E3;*/
	width:410px;
}

#formularelement_l {
	padding-bottom: 5px;
	white-space:nowrap;
	width:190px;
	float:left;
}

#formularelement_r {
	padding-bottom: 5px;
	white-space:nowrap;
	width:190px;
	float:left;
}

#formularelement_a {
	padding-bottom: 5px;
	width:40px;
	float:left;
	text-align:left;
}

#formularelement_b{
	padding-bottom: 5px;
	float:left;
	width:80px;
}

#formularelement_c {
	padding-bottom: 5px;
	float:left;
	white-space:nowrap;
	width:110px;
}

#formularelement_d{
	padding-bottom: 5px;
	float:left;
	white-space:nowrap;
	width:150px;
}

.textfeld {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 11px;
	background-color: #FFFFFF;
	border: 1px solid #626262;
	padding-bottom:0px;
	width:150px;
	/*margin-left: 30px;*/
}

.textfeld_t {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 11px;
	background-color: #FFFFFF;
	border: 1px solid #626262;
	padding-bottom:0px;
	width:20px;
	/*margin-left: 30px;*/
}

.radiobutton {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	line-height: 12px;
	margin-left:0px;
	/*margin-left: 30px;*/
}

* html .radiobutton {
    /* Workaround  Internet Explorer  */
		margin-left:-3px;
 }

#formbutton {
	margin-top:15px;
	margin-right:33px;
	 /*padding-bottom: 20px;
	background-color: #C8C9E3;*/
}
 
 * html div#formbutton {
    /* Workaround gegen den 3-Pixel-Bug des Internet Explorers */
    margin-right: 30px;
 }
 
.box {
	margin-left: 0px;
	margin-right: 10px;
}

 * html .box {
    /* Workaround für den Internet Explorer */
	margin-left: -3px;
	margin-right: 7px;
 }
 
.small {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	line-height: 12px;
	padding: 4px 4px 15px 12px;
}

a.layer:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: underline;
	font-weight:normal;
}
a.layer:visited {
	color: #FFFFFF;
	font-weight:normal; 
}
a.layer:hover { 	
	color:#666666;
  	text-decoration: underline;
	font-weight:normal;
 }

a.layer:active { 
	color: #FFFFFF;
	font-weight:normal;
 }
 
.warnung
{
	text-align:center;
	width:420px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 14px;
	color: #333333;
	/*background-color: #F4F4F4;*/
	background-color: #FFFFE0;
	border: 1px solid #FFA539;
	display:block; 
	padding: 4px;
	margin-top: 15px;
}