/* ************************** */
/* Generelle tag-Definitionen */
/* ************************** */
* {
	margin:				0;
	padding:			0;
	}
body {
	background-color:	white;
	color:				#333333;
	height:				100%;
	width:				540px;
	font-family: 		Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 			11px;
	text-align:			left;
	padding: 0 0 0 0;
	}

a {
	text-decoration:none;
	}
a img
	{
	border:					0;
	}

button {
	margin: 10px 5px 10px 5px;
	padding: 2px 5px 2px 5px;
	height: 20px;
	font-size: 10px;
	font-weight:bold;	
	border: 0px;
	position:absolute;
	right:20px;
	}

button img {
	padding: 0px 0px 0px 0px;
	border: 0px;
	}
h1 {
	margin-top:0px;
	padding-top:0px;
	color:#a60922;
	}
	
select {
	background-color:white;
	border-style:solid;
	}
table {
	 width:540px;
	 background-color:#F4F2F9;
	}
td {
	/* width:45%; */
	overflow:hidden;
	vertical-align:top;
	}
td, th {
	padding: 2px 5px 2px 5px;
	}
.tableHead {
	font-weight:bold;
	font-size:12px;
	}
.tableHead td {
	border-bottom:1px dotted #000000;
	}
.tableSubhead {
	font-weight:bold;
	font-size:12px;
	background-color:#a0b4da;
	}
.tableSubheadDetails {
	}
form {
	font-size:10px;
	margin-top:20px;
	line-height:2em;
	padding:0px 0px 0px 0px;
	display:block;
	}
div {
	}

input, select, textarea {
	font-size:10px;
	width:200px;
	}

form label {
	display:block;
	}
.formIntro {
	margin-top:20px;
	margin-bottom:20px;
	line-height:1.5em;
	}
.formProlog {
	font-weight:bold;
	line-height:1.5em;
	background-color:#afc0e1;
	margin-bottom:20px;
	}
.tableFieldgroupIntro {
	margin-top:20px;
	margin-bottom:10px;
	font-weight:bold;
	}
.smallFields input, select {
	width:60px;
	}
.formFinale {
	line-height:1.5em;
	background-color:#afc0e1;
	margin-bottom:20px;
	}
/* ******************** */
/* Klassen-Definitionen */
/* ******************** */
.controllingTabelle td {
	cursor:pointer;
	}
.controllingTabelle tr {
	background-color:#e3eecd;
	}
.controllingTabelle tr:hover {
	background-color:#9dc585;
	}
.table_std {
	width:90%; 
	border:1px solid #e3eecd;
	}
.table_std {
	cursor:pointer;
	}
.table_std tr:hover {
	background-color:#cbe0b4;
	}
.trDark {
	background-color:#e3eecd;
	}
.trDark td, .trDark th {
	/* border:1px solid #ffffff; */
	margin: 1px 1px 1px 1px;
	}
.trDark th {
	background-Color:#f3f7eb;
	}
.trLight {
	background-color:#f9fbf4;
	}
.trLight td, .trLight th {
	/* border:1px solid #ffffff; */
	margin: 1px 1px 1px 1px;
	}
.trLight th {
	background-color:#ffffff;
	}

.panel_body {
	color:				#01572e;
	background-color:	#FFFFFF;
	padding:			0px 0px 0px 0px;
	}
.navIcon {
	background:			url("../images/uwe/gui/pfeil_rechts_gr.gif") no-repeat left center;
	padding:			0px 5px 0px 15px;
	margin-left:		5px;
	}
.navIconActive {
	background:			url("../images/uwe/gui/pfeil_rnter_gr.gif") no-repeat left center;
	padding:			0px 5px 0px 15px;
	margin-left:		5px;
	}
.navIconHover {
	background:			url("../images/uwe/gui/pfeil_rechts_weiss.gif") no-repeat left center;
	padding:			0px 5px 0px 15px;
	margin-left:		5px;
	}
.accNavElement {
	border-top: 1px solid #a8d180;
	padding-top: 0px;
	padding-bottom: -1px;	/* Damit die Linie unter dem letzten Unterpunkt nicht sichtbar ist */
	margin-bottom: 1px;
	}
.accNavSubElementMitObererLinie {
	display:			block;
	border-top: 		1px solid #a8d180;
	padding: 			10px 10px 10px 10px;
	margin-left:		0px;
	margin-right:		0px;
	cursor:				pointer;
	}
.accNavSubElementOhneObereLinie {
	display:			block;
	padding: 			10px 10px 10px 10px;
	margin-left:		0px;
	margin-right:		0px;
	cursor:				pointer;
	}

.accNavLink {
	text-decoration:	none;
	}
.accNavLink img {
	margin-right:		10px;
	}
.accNavLink:hover {
	color:				#00844d;
	}
.formLabel {
	position:relative;
	left: 0px;
	width:30%;
	}
.formInput {
	position:absolute;
	right:30px;
	width:60%;
	}
.formSelect {
	width:203px; // 73%;
	}

.formTextarea {
	position:absolute;
	right:30px;
	height:50px;
	}
.typo_btn {
	margin-bottom:0px;
	border: 1px groove #ff6600;
	padding:0px 25px 0px 10px;
	height:19px;
	background-color:white;
	color:black;
	background-image:url(../images/uwe/gui/content_btn_pfeil.gif);
	background-position:right;
	background-repeat:no-repeat;
	}
/*
	Test: Boxen als Klassen definieren
*/	
.outerBox {
	display:block;
	width: 560px;
	margin-top: 20px;
	}
.outerBoxHead {
	background-color:#00844d;
	color:white;
	border: 1px solid #00844d;
	width: 540px;
	height: 16px;
	font-size:11px;
	font-weight:bold;
	padding: 2px 10px 2px 10px;
	}
	.outerBoxHead_helpIcon {
		position:absolute;
		right:46px;
		}
	.outerBoxHead_readyIcon {
		position:absolute;
		right:28px;
		}
.outerBoxBody {
	border: 1px solid #00844d;
	color: #333333;
	width: 538px;
	padding: 15px 10px 15px 10px;
	margin-top: 1px;
	}
.innerBox {
	display:block;
	width: 560px;
	margin-top: 20px;
	}
.innerBoxHead {
	border: 1px solid #00844d;
	background-color:#00844d;
	color:white;
	width: 540px;
	height: 16px;
	font-size:11px;
	font-weight:bold;
	padding: 2px 10px 2px 10px;
	}
	.innerBoxHead_closeIcon {
		position:absolute;
		left:550px;
		cursor:pointer;
		}
.innerBoxBody {
	border: 1px solid #00844d;
	color: #333333;
	width: 540px;
	padding: 15px 10px 15px 10px;
	margin-top: 1px;
	background-color:#f3f7eb;
	}
	
.innerBoxBody ul {
	list-style-type:square;
	list-style-position:outside;
	margin:10px 10px 10px 0px;
	
	}
.innerBoxBody ol {
	list-style-position:outside;
	margin:10px 10px 10px 0px;
	
	}
.innerBoxBody li {
	margin-bottom:10px;
	}

/* Signalfarbe für Text in der Info-Box */
.signal {
	font-weight: bold;
	color: #ff6501;
	}
	
/* *************** */
/* ID-Definitionen */
/* *************** */
#links {
	position:absolute;
	top: 0px;
	left: 0px;
	width:100px;
	height:100%;
	}
#mitte {	
	position:absolute;
	top: 0px;
	left:100px;
	width:1010px;
	/* height:100%; */
	background-color:#e9ebe2;
	}

#rechts {
	position:absolute;
	top:0px;
	left:1100px;
	width:100px;
	height:100%;
	}


#seitenkopf {
	position: 			relative;
	top: 				0px;
	left: 				0px;
	width: 				100%;	
	height:				130px;
	background-image:url(../images/uwe/gui/kopfbild.png);
	background-repeat: no-repeat;
	background-color:	#afc0e1;
	}
	#metanav {
		color:white;
		text-align:right;
		padding-right:15px;
		}
	#topmenu {
		color: #07633A;
		position: absolute;
		top: 102px;
		height:20px;
		font-weight:bold;
		padding: 1px 0px 1px 1px;
		width:100%;
		}
	.topnav_aktiv {
		float:left;
		height:32px;		
		padding: 0px 0px 0px 0px;
		}
	.topnav_passiv {
		color:white;
		float:left;
		height:32px;
		padding: 0px 0px 0px 0px;
		}
	#topnav_intro {
		float:left;
		height:32px;
		padding: 7px 0px 0px 0px;
		content: url(../images/uwe/gui/kbtn_1_a.png);
		}
	.topnavNormalLeft {
		background-image: url(../images/uwe/gui/kbtn_2_a.png);
		}
	.topnavNormalLeftFirst {
		background-image: url(../images/uwe/gui/kbtn_1_a.png);
		}
	.topnavNormalMiddle {
		background-image:url(../images/uwe/gui/kbtn_2_b.png);
		}
	.topnavNormalRight {
		background-image: url(../images/uwe/gui/kbtn_2_c.png);
		}
	.topnavHighlightLeft {
		background-image: url(../images/uwe/gui/kbtn_2_a_over.png);
		}
	.topnavHighlightLeftFirst {
		background-image: url(../images/uwe/gui/kbtn_2_a_over.png);
		}
	.topnavHighlightMiddle {
		background-image:url(../images/uwe/gui/kbtn_2_b_over.png);
		}
	.topnavHighlightRight {
		background-image: url(../images/uwe/gui/kbtn_2_c_over.png);
		}
	.topnavSelectedLeft {
		background-image: url(../images/uwe/gui/kbtn_aktiv_a.png); 
		}
	.topnavSelectedLeftFirst {
		background-image: url(../images/uwe/gui/kbtn_aktiv_a.png); 
		}
	.topnavSelectedMiddle {
		background-image:url(../images/uwe/gui/kbtn_aktiv_b.png);
		}
	.topnavSelectedRight {
		background-image: url(../images/uwe/gui/kbtn_aktiv_c.png);
		}

	.kli {
		float:left;
		width:9px;
		height:32px;
		}
	.kliFirst {
		float:left;
		width:9px;
		height:32px;
		}

	.kmi {
		float:left;
		height:19px;
		padding:13px 10px 0px 10px;
		}
	.kmi img {
		position:relative;
		bottom:2px;
		left:0px;
		}
		
	.kre {
		float:left;
		width:9px;
		height:32px;
		}
	#topnav_outro{
		float:left;
		height:32px;
		padding: 5px 0px 2px 0px;
		background-image: url(../images/uwe/gui/kbtn_ende.png);
		}

#main {
	position:relative;
	top:0px;
	width:100%;
	height:600px;
	z-index:1;
	margin-top:0px;
	}
	#mainmenuBox {
		position:absolute;
		left:5px;
		width:201px;
		margin-top:0px;
		margin-left:0px;
		color:white;
		}
		#mainmenuTopbox {
			background-image: url(../images/uwe/gui/schat_menue_oben.png);
			background-repeat: no-repeat;		
			height: 15px;
			}		

		#mainmenuBodybox {
			background-image:url(../images/uwe/gui/schat_menue_mitte.png);
			background-repeat:repeat-y;
			width:201px;
			}
			#mainmenu {
				margin-left:6px;
				padding-bottom: 0px;
				width:188px;
				}
			#mainmenu img {
				padding: 7px 0px 0px 10px;
				}
				#accordionNav {
					/* margin-top:10px; */	
					width:188px;
					visibility:hidden;
					padding-bottom:1px;
					}
				#accordionNav h3 {
					font-size:11px;
					font-weight:bold;
					padding-top:5px;
					padding-bottom:5px;
					margin-top:1px;
					background-color:#2e4396;
					color:#ffffff;
					cursor:pointer;
					/*
					border-bottom: 1px solid #C7D085;
					border-right: 1px solid #C7D085;
					*/
					}
				#accordionNav h3:hover {
					color:white;
					background-color:#00844d;
					/*
					border-bottom: 1px solid #C7D085;
					border-right: 1px solid #C7D085;
					*/
					}
				#mainmenuEnd {
					margin: -1px 0 0 0;
					}
		#mainmenuFooterbox {
			height:5px;
			width:201px;
			background-image:url(../images/uwe/gui/schat_menue_unten.png);
			background-repeat: no-repeat;
			}
	#maincontentBox {
		position: absolute;
		margin-top: 0px;
		left: 206px;
		width: 598px;
		/*
		min-height:300px;
		*height:300px;
		*/
		}
		#maincontentTopbox {
			background-image: url(../images/uwe/gui/schat_inhalt_oben.png);
			background-repeat: no-repeat;		
			height: 10px;
			*margin-bottom:-4px;
			}		
		#maincontentBodybox {
			padding-left:5px;
			background-image:url(../images/uwe/gui/schat_inhalt_mitte.png);
			background-repeat:repeat-y;
			}
			#maincontent {
				width:587px;
				}
				#firstContact {
					display: block;
					padding: 5px 10px 10px 10px;
					}
					#firstBox {
						display:block;
						width: 560px;
						margin-top: 0px;
						}
					#firstBoxHead {
						min-height: 16px;
						font-size:11px;
						font-weight:bold;
						padding: 2px 10px 2px 10px;
						}
					#firstBoxBody {
						padding: 15px 10px 15px 10px;
						margin-top: 1px;
						}

				#loginBox {
					display:block;
					width: 560px;
					margin-top: 0px;
					padding: 5px 10px 10px 10px;
					}
					#loginBoxHead {
						height: 16px;
						font-size:11px;
						font-weight:bold;
						padding: 2px 10px 2px 10px;
						}
					#loginBoxBody {
						padding: 15px 10px 15px 10px;
						margin-top: 1px;
						}
				#startpageQuickfinderTable {
					border: 1px solid #00844d;
					}
					#startpageQuickfinderTable caption {
						background-color:#00844d;
						color:white;			
						font-weight:bold;		
						text-align:left;	
						height:16px;
						padding: 2px 5px 2px 5px;
						}
					#startpageQuickfinderTable td {
						background-color:#e3eecd;
						padding: 1px 1px 1px 1px;
						margin: 1px 1px 1px 1px;
						border:1px solid #94c065;
						text-align:center;
						}
					#startpageQuickfinderTable th {
						padding: 1px 1px 1px 1px;
						border:1px solid #94c065;
						text-align:center;						
						}
					#startpageQuickfinderTable td:hover {
						background-color:#94c065;
						color:white;
						}
				#step_0 {
					display: block;
					padding: 5px 10px 10px 10px;
					}
					/*
					#overviewBox {
						display:block;
						width: 570px;
						margin-top: 0px;
						}
					#overviewBoxHead {
						height: 16px;
						font-size:11px;
						font-weight:bold;
						padding: 2px 10px 2px 10px;
						}
					#overviewBoxBody {
						padding: 15px 10px 15px 10px;
						margin-top: 1px;
						}
						#overviewBoxBody ul {
							list-style-type:square;
							list-style-position:outside;
							margin:10px 10px 10px 20px;
							
							}
						#overviewBoxBody ol {
							list-style-position:inside;
							margin:10px 10px 10px 50px;
							
							}
						#overviewBoxBody li {
							margin-bottom:10px;
							}
					*/
				#step_1 {
					display: block;
					padding: 10px 10px 10px 10px;
					}
					#contenthead {
						font-weight: bold;
						font-size: 12pt;
						margin-top:10px;
						}
					#stepInfo {
						font-weight: bold;
						width: 560px;
						margin-top:20px;
						}
					#layoutselect {
						width: 560px;
						margin-top:20px;
						}
						#mengenselect {
							width: 560px;
							margin-left: 0px;
							}
							#mengenselectBox {
								display:block;
								width: 560px;
								margin-top: 20px;
								}
							#mengenselectBoxHead {
								width: 540px;
								height: 16px;
								font-size:11px;
								font-weight:bold;
								padding: 2px 10px 2px 10px;
								}
								#mengenselectBoxHead_helpIcon {
									position:absolute;
									right:46px;
									}
								#mengenselectBoxHead_readyIcon {
									position:absolute;
									right:28px;
									}
							#mengenselectBoxBody {
								width: 540px;
								padding: 15px 10px 15px 10px;
								margin-top: 1px;
								}
							
						#formatselect {
							width: 560px;
							margin-left: 0px;
							}
							.boxHeadAktiv {
								background-color:#00844d;
								color:white;
								border: 1px solid #00844d;
								}
							.boxBodyAktiv {
								border: 1px solid #00844d;
								color: #333333;
								}
							.boxHeadInaktiv {
								background-color:#DAE1A6;
								color:white;
								border: 1px solid #DAE1A6;
								}
							.boxBodyInaktiv {
								border: 1px solid #DAE1A6;
								color:#999999;
								}
							
							#formatselectBoxHead {
								width: 540px;
								height: 16px;
								font-size:11px;
								font-weight:bold;
								padding: 2px 10px 2px 10px;
								}
							#formatselectBoxBody {
								width: 540px;
								padding: 15px 10px 15px 10px;
								margin-top: 1px;
								}
								#tpl_typo_format_select {
									width:530px;
									}
								#tplselect {
									margin-top: 10px;
									width:530px;
									max-height: 150px;
									position:relative;
									top: 0px;
									overflow:auto;
									}
								.tplListElement {
								/*
									clear:both;
									height: 30px;
									width: 80%;
									padding: 10px 10px 10px 10px;
									border-bottom: 1px solid #a8d180;
									*/
									}
								.tplListElementSelected {
									clear:both;
									height: 60px;
									width: 80%;
									padding: 10px 10px 10px 10px;
									color: #00844d;
									border-bottom: 1px solid #00844d;
									}
								.tplListElement img {
									float:	left;
									margin-right: 10px;
									}
							#farbselectBox {
								display:none;
								width: 560px;
								margin-top: 20px;
								}
							#farbselectBoxHead {
								width:540px;
								height: 16px;
								font-size:11px;
								font-weight:bold;
								padding: 2px 10px 2px 10px;
								}
							#farbselectBoxBody {
								width:540px;
								padding: 15px 10px 15px 10px;
								margin-top: 1px;
								height:30px;
								}
								#farbangaben {
									}
									#colorselect {
										float:left;
										width: 100%;
										}
									#channelselect {
										float:left;
										margin-left:100px;
										}
					.buttons {
						/*clear:both;*/
						padding-top: 10px;
						/* display: block; */
						width: 100%;
						text-align:right;
						}
						.buttons button {
							line-height:1em;
							}
						.back_btn {
							display:inline;
							background-color:#ff6501;
							color:white;
							height:20px;
							}
							.back_btn img {
								vertical-align:text-top;
								}
						.go_btn {
							display:inline;
							background-color:#a60922;
							color:white;
							height:20px;
							}
							.go_btn img {
								vertical-align:text-top;
								}
						.do_btn {
							display:inline;
							border: 1px solid #a60922;
							padding:0px 25px 0px 10px;
							height:18px;
							background-color:white;
							color:#333333;
							text-align:center;
							background-image:url(../images/uwe/gui/content_btn_pfeil.gif);
							background-position: right top;
							background-repeat:no-repeat;
							}
							.do_btn img {
								vertical-align:middle;
								}
						#gotoStep2_btn {
							display: none;
							}
						#gotoStep3_btn {
							display: none;
							}
						#gotoStep4_btn {
							display: inline;
							}
				#step_2 {
					display: none;
					padding: 10px 10px 0px 10px;
					}
#seitenfuss {
	position:absolute;
	bottom:0px;
	width:100%;
	height:17px;
	z-index:1;
	text-align:center;
	color:white;
	font-size:smaller;
	background-color:#2e4396;
	padding-top:3px;
	}

h1 {
	font-size:12px;
	font-weight:bold;
	margin-top:10px;
	margin-bottom:10px;
	}
h2 {
	font-size:11px;
	font-weight:bold;
	}
ul {
	list-style-type:square;
	list-style-position:outside;
	margin:10px 10px 10px 20px;
	
	}
ol {
	list-style-position:outside;
	margin:10px 10px 10px 20px;

	}
ol li {
	margin-bottom:10px;
	font-weight:bold;
	}
ul li {
	margin-bottom:10px;
	font-weight:normal;
	}
.moQuestion {cursor:pointer;}
.hiddenAnswer {
	display:none;
	padding:10px 10px 10px 10px;
	background-color:#dfe5f2;
	}