/*
	Farben: 
	Tuerkis Linkfarbe:659E7C
	orange: #99c5ab
*/

/*##############################################################################
	html elemente
###############################################################################*/
html { width:98%; }
body {
	font-family:Arial,Helvetica, sans-serif;
	font-size:85%;
	height:92%;
	max-width:1250px;
	margin-left:30px;
	margin-right:30px;
	margin-top:10px;
	color:#333333;
}

h1,h2,h3,div,p, form,fieldset,legend,input,textarea,ul,ol,li,table,td,tr, dl, dd, dt { margin:0;padding:0;}
a img { border:none; }
p { padding-bottom:5px; }
h1 { font-size:1.1em; padding-bottom:10px;line-height:1.3em; }
h2 { font-size:1em; padding-bottom:10px;line-height:1.2em; }

a { color:#659E7C; text-decoration:none; }
a:hover,a.active { color:#666666; }

form br { clear:both; }
fieldset { border:none;  }
legend { font-weight:bold; margin-bottom:20px; color:#333333; }
input, select, textarea { padding:2px; font-family: Arial, Helvetica, sans-serif; font-size:0.85em;  }
label { line-height:1.5em; float:left; width:90px; margin-right:10px; text-align:right; font-weight:bold; }

td { vertical-align:top; }

ul,ol { margin-left:10px; padding-left:10px; }

.hidden { display:none; }
.white { color:#fff; }


/*##############################################################################
	1. zeile => logo, grosse buttons mitte, kleine buttons rechts
###############################################################################*/

div#grass { 
	position:absolute; 
	top:92px; 
	left:0px; 
	background-image:url(/img/bgGrass.gif);
	background-position:top left;
	background-repeat:no-repeat;
	z-index:1;
	width:762px;
	height:87px; 
}

div#headLeft { width:185px; height:42px; float:left; }
div#headCenter { height:42px; margin-left:205px; margin-right:205px; }
div#buttonsCenter { position:absolute; left:234px; top:25px; }
div#headRight { width:185px; height:42px; float:right; }
div#buttonsRight { position:absolute; right:30px; top:50px; width:185px; text-align:center;  height:35px;}
div#languages { position:absolute; right:30px; top:110px; width:185px;  }

/* html 1. zeile */
div#headCenter ul { white-space:nowrap; }
div#headCenter li { display:inline; padding-right:1%; }
div#headCenter li.hidden { display:none;  }
div#headCenter a { text-decoration:none; }

div#languages li { display:inline; padding:3px; }
div#languages a { font-size:0.8em; }
div#languages a:hover, div#languages a.active { font-size:0.8em;color:#333; text-decoration:none; }

/*##############################################################################
	2. zeile => rueckmeldungen
###############################################################################*/

div#spacer { 
	clear:both;
	display:block;
	position:absolute; 
	z-index:1;
	height:40px;
	top:150px;
	width:95%;
	text-align:center;font-weight:bold;
}

/*##############################################################################
	3. zeile => suchformulare, inhalt, rechte navigation
###############################################################################*/

/* linke spalte */
div#colLeft {
	clear:both;
	width:165px;
	height:40%;
	float:left;
	padding-left:10px;
	padding-right:10px;
	margin-top:120px;
	font-size:0.9em;
}
div#colLeft div.borderTop {
	background-image:url(/img/brt.gif);
	background-position:left top;
	background-repeat:no-repeat;
	height:15px;
}

/* html linke spalte */
div#colLeft legend { font-size:1em;padding-bottom:30px; }
div#colLeft img {margin-bottom:-10px; }
div#colLeft select { width:100%; margin-bottom:10px; }
div#colLeft label { display:none; }
div#colLeft ul { list-style-image:url(/img/dot.gif); }
div#colLeft p.italic { font-family:Times serif; font-style:italic; font-size:14px;line-height:18px;padding-bottom:10px; }
div#colLeft a { color:#333; }
div#colLeft a:hover { text-decoration:underline; }

/* mittlere spalte */
div#colCenter {
	margin-top:120px;
	height:40%;
	margin-left:205px;
	margin-right:205px;
	font-size:0.9em;
}

/* Erzeugung der runden Ecken */
div.borderTopLeft { 
	float:left; 
	width:20px;
	height:11%; 
	background-image:url(/img/bclt.gif);
	background-position:left top;
	background-repeat:no-repeat;
}
div.headline { 
	height:11%; 
	margin-left:20px; 
	background-image:url(/img/bct.gif);
	background-position:left top;
	background-repeat:repeat-x;
	margin-right:20px;
	position:relative; 
	z-index:2; 
}
div.borderTopRight { 
	float:right; 
	width:20px;
	height:11%;
	background-image:url(/img/bcrt.gif);
	background-position:right top;
	background-repeat:no-repeat;
}

div.centerLeft { float:left; height:78%; border-left:2px solid #99c5ab; width:20px; margin-top:-10px; }
div.scroll { height:78%; overflow:auto; padding-right:10px;margin-top:-10px;}
div.detailRight { float:right; width:220px; vertical-align:top; margin-left:20px; }

div.centerRight { float:right; height:78%; border-right:2px solid #99c5ab; width:20px; margin-top:-10px;}

div.borderBottomLeft { 
	float:left; 
	width:20px; 
	height:11%; 
	background-image:url(/img/bclb.gif);
	background-position:left bottom;
	background-repeat:no-repeat; 
}
div.footer { 
	height:11%; 
	background-image:url(/img/bcb.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	margin-left:20px; 
	margin-right:20px;
}
div.borderBottomRight {
	float:right; 
	width:20px; 
	height:11%; 
	background-image:url(/img/bcrb.gif);
	background-position:right bottom;
	background-repeat:no-repeat;
}

/* html mittlere spalte */
div.headline h1 { line-height:1.1em; padding-top:15px; }
div.headline img { padding-top:5px; }

div#colCenter h2 { padding-top:10px; padding-bottom:5px; }
div#colCenter form { padding-top:20px; }
div#colCenter input, select, textarea { width:70%;border:1px solid #99c5ab; }
div#colCenter input.submit { 
	width:auto; 
	border:2px solid #666666;
	background-color: #99c5ab; 
	color:#ffffff; 
}
div#colCenter input.auth { width:130px; }
div#colCenter textarea { height:120px; }

div#colCenter table { width:95%; }
div#colCenter table td { padding:3px; padding-left:0px;padding-right:5px; }
div.detailRight p { line-height:2em;  margin-top:20px; margin-bottom:20px; }
div.label { float:left; width:25%; text-align:right; margin-right:15px; line-height:20px; }
div.value {  line-height: 20px; width:75%; }

div#colCenter .border { border-bottom:1px solid #99c5ab; padding-bottom:10px; }
div.footer div { padding-top:10px; }

dl.image { width:210px; float:right; margin-left:20px; margin-top:-5px;padding-bottom:10px;}
dl.image dd, .copyright { font-size:10px; color:#999999; line-height:10px; }

div#colCenter table.downloads td { vertical-align:middle; }

/* rechte spalte */
div#colRight {
	margin-top:120px;
	width:185px;
	height:40%;
	float:right;
	font-size:0.9em;
}

div.borderTop { 
	width:185px;
	height:15px;
	background-image:url(/img/brt.gif);
	background-position:left top;
	background-repeat:no-repeat; 
}
div#contentRight { 
	height:90%; 
	overflow:auto; 
	margin-right:2px;
	padding-left:10px;
	padding-right:10px;
}


/* html rechte spalte */
div#contentRight ul { list-style-image:url(/img/dot.gif); margin-left:7px;padding-left:7px; height:auto; }
div#contentRight a { color:#333; }
div#contentRight a:hover,div#contentRight a.active { text-decoration:underline; }


/*##############################################################################
	4. zeile => banner
###############################################################################*/

div#banner { clear:both;margin-top:15px; display:block;  }
div.promoter { float:left; }
div.label { 
	margin:0px;
	float:right; 
	width:185px; 
	margin-right:10px;
}
div#imprint { clear:both; display:block;font-size:0.85em; margin-left:10px; margin-top:0px; }
div#imprint a { color:#333333; }

/* Alle Browser ausser IE Mac */
@media all {
	html { height:99%; }
	body { height:91%; }
	div#colLeft,div#colRight,div#colCenter { height:66%; }
	div#colLeft div.borderTop { margin-left:-10px; }
	div.centerLeft,div.scroll,div.centerRight { margin-top:0px; }
}