/* Autor: Michael Winter - www.winterdienst.info */


/* Allgemein */

.achtung {
	font-weight: bold;
	color: #00CC00; 
}

html {
	margin: 0;
	padding: 0;
}

body { 
	text-align: left;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Lucida, Verdana, Arial, Helvetica, sans-serif;
	font-size: 86%;
	color: #494949; 
	background: url(pics/head.jpg) no-repeat top left; 
	margin: 0; 
	padding: 0;
}

html[dir="rtl"] body {
	text-align: right;
	background: url(pics/head_ltr.jpg) no-repeat top right; 
}


p { 
	font-size: 1em;
}

a { 
	outline: none;
}

/* Links */

p a:link, p a:visited {
	font-weight: bold;
	color: #ffb300;
	text-decoration: none;
	padding-left: 15px;
	background: transparent url(pics/pfeil1.gif) no-repeat 2px 3px;
}

p a:active, p a:hover {
	color: #ffb300;
	text-decoration: underline;
	background: transparent url(pics/pfeil1.gif) no-repeat 2px -37px;
}

#ohnePfeil p a:link, #ohnePfeil p a:visited {
	padding-left: 0;
	background: none;
}

#ohnePfeil p a:active, #ohnePfeil p a:hover {
	color: #ffb300;
	text-decoration: underline;
}

/* Links RTL */

html[dir="rtl"] p a:link, html[dir="rtl"] p a:visited {
	padding-left: 0;
	background: none;
}

html[dir="rtl"] p a:active, html[dir="rtl"] p a:hover {
	background: none;
}


h3 a:link, h3 a:visited, h3 a:active {
	text-decoration: none;
	color: #ffb300;
}

h3 a:hover {
	text-decoration: underline;
}

.zurueck a:link, .zurueck a:visited {
	font-weight: bold;
	color: #ffb300;
	text-decoration: none;
	padding-left: 18px;
	background: transparent url(pics/pfeil2.gif) no-repeat 2px 3px;
}

.zurueck a:active, .zurueck a:hover {
	color: #ffb300;
	text-decoration: underline;
	background: transparent url(pics/pfeil2.gif) no-repeat 2px -37px;
}

.seitenanfang {
	height: 16px;
	margin: 26px 0;
}

.seitenanfang a:link, .seitenanfang a:visited {
	font-weight: bold;
	color: #ffb300;
	text-decoration: none;
	padding-left: 18px;
	background: transparent url(pics/pfeil3.gif) no-repeat 0px 4px;
}

.seitenanfang a:active, .seitenanfang a:hover {
	color: #ffb300;
	text-decoration: underline;
	background: transparent url(pics/pfeil3.gif) no-repeat 0px -36px;
}

#rechteSpalte a:link, #rechteSpalte a:visited {
	color: #494949;
	text-decoration: none;
	font-weight: normal;
	padding: 0;
	background: none;
}

#rechteSpalte a:active, #rechteSpalte a:hover {
	color: #494949;
	text-decoration: underline;
}

#footer a:link, #footer a:visited {
	padding: 4px;
	color:#999;
	text-decoration: none;
}

#footer a:active, #footer a:hover {
	text-decoration: underline;
}

/* Layout */


#head {
	height: 190px;
}

#logo {
	position: absolute;
	margin: 60px 0 0 12px;
	width: 170px;
}

html[dir="rtl"] #logo {
	top: 0;
	right: 0;
	margin: 60px 12px 0 0;
}

/*
#nav_lang_de, #nav_lang_en {
	position: absolute;
	margin: 90px 0 0 780px;
}
*/

#koerper {
	clear: both;
}

#nav {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	color: #666;
	width: 220px;
	float: left;
}

html[dir="rtl"] #nav {
	float: right;
}

#inhaltSchmal {
	width: 39%;
}

#inhaltSchmalNl {
	width: 39%;
	min-width:460px;
}

#inhaltBreit {
	width: 60%;
}

#inhaltBreitOhneNavi {
	float: left;
	padding: 0 30px 0 60px;
	/*text-align: left;*/
	line-height: 180%;
	width: 80%;
}

#inhaltBreitOhneNaviMitBild {
	width: 55%;
	float: left;
	padding: 0 20px 0 50px;
	/*text-align: left;*/
	line-height: 180%;
}

#inhaltKalender {
	width: 70%;
}

#inhaltSchmal, #inhaltSchmalNl, #inhaltBreit, #inhaltKalender {
	float: left;
	padding: 0 30px 0 30px;
	border: solid #999;
	border-width: 0 0 0 1px;
	/*text-align: left;*/
	line-height: 180%;
}

html[dir="rtl"] #inhaltSchmal, html[dir="rtl"] #inhaltSchmalNl, html[dir="rtl"] #inhaltBreit, html[dir="rtl"] #inhaltKalender {
	border: solid #999;
	border-width: 0 1px 0 0;
}

html[dir="rtl"] #inhaltSchmal, html[dir="rtl"] #inhaltSchmalNl, html[dir="rtl"] #inhaltBreit, html[dir="rtl"] #inhaltBreitOhneNavi, html[dir="rtl"] #inhaltBreitOhneNaviMitBild, html[dir="rtl"] #inhaltKalender {
		float: right;
}

#rechteSpalte {
	width: 200px;
	float: left;
	padding: 0 0 0 10px;
	font-size: 0.8em;
	/*text-align: left;*/
	line-height: 120%;
}

html[dir="rtl"] #rechteSpalte {
	float: right;
	padding: 0 10px 0 0;
}

#footer {
	font-size: 0.9em;
	padding: 10px 0 10px 16px;
	margin-top: 30px;
	color:#999;
	border-top: 1px solid #ccc;
}


/* Typo */

h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0;
	padding: 0;
	/*text-align: left;*/
}

#koerper ul {
	padding-left: 18px;
}

#head h1 { 
	background: transparent url(pics/logo.gif) no-repeat top left; 
	width: 170px; 
	height: 100px;
}

#head h1 span {
	display: none;
}

h2 {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	color: #FFB300;
	margin-bottom: 10px;
	letter-spacing: 0.1em;
	border-bottom: 1px solid #999;
	margin: 0 0 20px -14px;
	text-shadow: 2px 2px 4px #ccc;
}

h3 {
	font-family: Georgia, Garamond, "Times New Roman", serif;
	text-decoration: underline;
	color: #ffb300;
	margin-bottom: -6px;
	letter-spacing: 0.1em;
}



/* Bilder und Flash*/

#rechteSpalte img {
	border: 1px solid #999;
	padding: 3px;
}

#rechteSpalte img.noflash {
	border: 0;
	padding: 0;
}

.flashcontent {
	border: 1px solid #999;
	padding: 3px 3px 1px 3px;
	width: 180px;
}

td img {
	padding: 2px 3px 1px 1px;
}

.bildrechts {
	border: 1px solid #999;
	padding: 3px;
	float: right;
	margin: 6px 0 10px 14px;
}

.bildlinks {
	border: 1px solid #999;
	padding: 3px;
	float: left;
	margin: 6px 14px 10px 0;
}

/* Links auf Bildern */

#rechteSpalte a:link img, #rechteSpalte a:visited img {
	border: #999 solid 1px;
}

#rechteSpalte a:active img, #rechteSpalte a:hover img {
	border: #333 solid 1px;
}

/* Strukturierung */

.infokasten {
	border: 1px dotted #666;
	background: #fff; 
	padding: 10px;
	font-size: 0.9em;
	line-height: 150%;
	clear: both;
}

#inhaltBreit .infokasten {
	width: 70%;
}

hr 	{
	color: #999;
	background-color: #999;
	height: 1px;
	width: 90%;
	border: 0;
	text-align: center;
}

.hr1 {				
	background: transparent url(pics/hr.gif) no-repeat center; 
	width: 100%; 
	height: 16px;
	margin: 26px 0;
	clear: both;
}                                                                 

#inhaltBreit .hr1 {				
	background: transparent url(pics/hr_breit.gif) no-repeat center; 
}                                                                 
	                                                          
#inhaltBreitOhneNavi .hr1 {				
	background: transparent url(pics/hr_breit.gif) no-repeat center; 
}                                                                 
	                                                          
.hr1 hr {
	display: none;
}


/* Tabelle */


td, th {
	border-bottom: 1px solid #999;
	padding: 4px 10px 4px 1px;
	line-height: 150%;
	/*text-align: left;*/
	vertical-align: top;
}

td {
	font-size: 0.9em;
}

td.mitte, th.mitte {
	text-align: center;
}

th {
	padding: 4px 10px 8px 1px;
}

td a:link, td a:visited, th a:link, th a:visited {
	font-weight: bold;
	color: #ffb300;
	text-decoration: none;
	padding-left: 0;
	background: none;
}

td a:active, th a:active {
	color: #ffb300;
	text-decoration: underline;
	background: none;
}

td a:hover, th a:hover {
	color: #ffb300;
	text-decoration: underline;
	background: none;
}

th a.selected {
	color: #ffb300;
	padding: 0 18px 0 0;
	background: transparent url(pics/pfeilnachunten.gif) no-repeat right top;
}

.mehrere {
	padding: 4px 10px 4px 8px;
}



/* Navigation Links */

#nav a {
	display: block;
	margin: 0;
	font-weight: normal;
	text-decoration: none;
}

#nav div.fstLevel a, #nav div.fstLevelActive a {
	width: 200px;
	padding: 4px 0 4px 20px;
	font-size: 1.1em;
	font-weight: normal;
	background: none;
	color: #666;
}

#nav div.fstLevelActive a {
	color: #e19e00;
}

#nav div.fstLevel a:hover, #nav div.fstLevelActive a:hover {
	background-color: #fdd631;
	color: #333;
}

#nav div.secLevel a, #nav div.secLevelActive a {
	width: 180px;
	padding: 4px 0 4px 40px;
	font-size: 1em;
	color: #666;
	background: transparent url(pics/liste1.gif) no-repeat 20px 5px;
}

#nav div.secLevelActive a {
	color: #e19e00;
}

#nav div.secLevel a:hover, #nav div.secLevelActive a:hover {
	background: transparent url(pics/liste1.gif) no-repeat 20px -92px;
	background-color: #fdd631;
	color: #333;
}

/* Navigation RTL */

html[dir="rtl"] #nav div.fstLevel a, html[dir="rtl"] #nav div.fstLevelActive a {
	padding: 4px 20px 4px 0;
}

html[dir="rtl"] #nav div.secLevel a, html[dir="rtl"] #nav div.secLevelActive a {
	padding: 4px 40px 4px 0;
	background: transparent url(pics/liste1.gif) no-repeat 186px 5px;
}

html[dir="rtl"] #nav div.secLevel a:hover, html[dir="rtl"] #nav div.secLevelActive a:hover {
	background: transparent url(pics/liste1.gif) no-repeat 186px -92px;
	background-color: #fdd631;
	color: #333;
}


/* Navigation Sprachwahl 2009 */

#abstandSprache {
	height: 16px;
	border: dotted #ccc;
	border-width: 0 0 1px 0;
	margin: 0 0 6px 0;
}

/* Leserichtung LTR (left to right) */

#nav #spracheDE a, #nav #spracheEN a, #nav #spracheES a, #nav #spracheFR a, #nav #spracheIT a, #nav #spracheGR a, #nav #spracheCZ a, #nav #spracheNL a, #nav #spracheSE a, #nav #sprachePT a, #nav #sprachePL a, #nav #spracheHE a, #nav #spracheAR a {
	width: 66px;
	margin: 0 0 0 12px;
	padding: 4px 0 4px 28px;
	font-size: 0.9em;
	font-weight: normal;
	background: none;
	color: #666;
	float: left;
	display: inline;
}


#nav #spracheDE a {
	background: transparent url(pics/lang_links_de.gif) no-repeat 3px 6px;
}

#nav #spracheDE a:hover {
	background: transparent url(pics/lang_links_de.gif) no-repeat 3px -94px;
}


#nav #spracheEN a {
	background: transparent url(pics/lang_links_en.gif) no-repeat 3px 6px;
}

#nav #spracheEN a:hover {
	background: transparent url(pics/lang_links_en.gif) no-repeat 3px -94px;
}


#nav #spracheES a {
	background: transparent url(pics/lang_links_es.gif) no-repeat 3px 6px;
}

#nav #spracheES a:hover {
	background: transparent url(pics/lang_links_es.gif) no-repeat 3px -94px;
}


#nav #spracheFR a {
	background: transparent url(pics/lang_links_fr.gif) no-repeat 3px 6px;
}

#nav #spracheFR a:hover {
	background: transparent url(pics/lang_links_fr.gif) no-repeat 3px -94px;
}


#nav #spracheIT a {
	background: transparent url(pics/lang_links_it.gif) no-repeat 3px 6px;
}

#nav #spracheIT a:hover {
	background: transparent url(pics/lang_links_it.gif) no-repeat 3px -94px;
}


#nav #spracheGR a {
	background: transparent url(pics/lang_links_gr.gif) no-repeat 3px 6px;
}

#nav #spracheGR a:hover {
	background: transparent url(pics/lang_links_gr.gif) no-repeat 3px -94px;
}


#nav #spracheCZ a {
	background: transparent url(pics/lang_links_cz.gif) no-repeat 3px 6px;
}

#nav #spracheCZ a:hover {
	background: transparent url(pics/lang_links_cz.gif) no-repeat 3px -94px;
}


#nav #spracheNL a {
	background: transparent url(pics/lang_links_nl.gif) no-repeat 3px 6px;
}

#nav #spracheNL a:hover {
	background: transparent url(pics/lang_links_nl.gif) no-repeat 3px -94px;
}


#nav #spracheSE a {
	background: transparent url(pics/lang_links_se.gif) no-repeat 3px 6px;
}

#nav #spracheSE a:hover {
	background: transparent url(pics/lang_links_se.gif) no-repeat 3px -94px;
}


#nav #sprachePT a {
	background: transparent url(pics/lang_links_pt.gif) no-repeat 3px 6px;
}

#nav #sprachePT a:hover {
	background: transparent url(pics/lang_links_pt.gif) no-repeat 3px -94px;
}


#nav #sprachePL a {
	background: transparent url(pics/lang_links_pl.gif) no-repeat 3px 6px;
}

#nav #sprachePL a:hover {
	background: transparent url(pics/lang_links_pl.gif) no-repeat 3px -94px;
}


#nav #spracheHE a {
	background: transparent url(pics/lang_links_he.gif) no-repeat 3px 6px;
}

#nav #spracheHE a:hover {
	background: transparent url(pics/lang_links_he.gif) no-repeat 3px -94px;
}


#nav #spracheAR a {
	background: transparent url(pics/lang_links_ar.gif) no-repeat 3px 6px;
}

#nav #spracheAR a:hover {
	background: transparent url(pics/lang_links_ar.gif) no-repeat 3px -94px;
}

#nav #spracheDE a:hover, #nav #spracheEN a:hover, #nav #spracheES a:hover, #nav #spracheFR a:hover, #nav #spracheIT a:hover, #nav #spracheGR a:hover, #nav #spracheCZ a:hover, #nav #spracheNL a:hover, #nav #spracheSE a:hover, #nav #sprachePT a:hover, #nav #sprachePL a:hover, #nav #spracheHE a:hover, #nav #spracheAR a:hover {
	color: #000;
}


/* Leserichtung RTL (right to left) */

html[dir="rtl"] #nav #spracheDE a, html[dir="rtl"] #nav #spracheEN a, html[dir="rtl"] #nav #spracheES a, html[dir="rtl"] #nav #spracheFR a, html[dir="rtl"] #nav #spracheIT a, html[dir="rtl"] #nav #spracheGR a, html[dir="rtl"] #nav #spracheCZ a, html[dir="rtl"] #nav #spracheNL a, html[dir="rtl"] #nav #spracheSE a, html[dir="rtl"] #nav #sprachePT a, html[dir="rtl"] #nav #sprachePL a, html[dir="rtl"] #nav #spracheHE a, html[dir="rtl"] #nav #spracheAR a {
	width: 66px;
	margin: 0 12px 0 0;
	padding: 4px 28px 4px 0;
	font-size: 0.9em;
	font-weight: normal;
	background: none;
	color: #666;
	float: right;
	display: inline;
}


html[dir="rtl"] #nav #spracheDE a {
	background: transparent url(pics/lang_links_de.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheDE a:hover {
	background: transparent url(pics/lang_links_de.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheEN a {
	background: transparent url(pics/lang_links_en.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheEN a:hover {
	background: transparent url(pics/lang_links_en.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheES a {
	background: transparent url(pics/lang_links_es.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheES a:hover {
	background: transparent url(pics/lang_links_es.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheFR a {
	background: transparent url(pics/lang_links_fr.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheFR a:hover {
	background: transparent url(pics/lang_links_fr.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheIT a {
	background: transparent url(pics/lang_links_it.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheIT a:hover {
	background: transparent url(pics/lang_links_it.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheGR a {
	background: transparent url(pics/lang_links_gr.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheGR a:hover {
	background: transparent url(pics/lang_links_gr.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheCZ a {
	background: transparent url(pics/lang_links_cz.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheCZ a:hover {
	background: transparent url(pics/lang_links_cz.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheNL a {
	background: transparent url(pics/lang_links_nl.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheNL a:hover {
	background: transparent url(pics/lang_links_nl.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheSE a {
	background: transparent url(pics/lang_links_se.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheSE a:hover {
	background: transparent url(pics/lang_links_se.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #sprachePT a {
	background: transparent url(pics/lang_links_pt.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #sprachePT a:hover {
	background: transparent url(pics/lang_links_pt.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #sprachePL a {
	background: transparent url(pics/lang_links_pl.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #sprachePL a:hover {
	background: transparent url(pics/lang_links_pl.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheHE a {
	background: transparent url(pics/lang_links_he.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheHE a:hover {
	background: transparent url(pics/lang_links_he.gif) no-repeat 72px -94px;
}


html[dir="rtl"] #nav #spracheAR a {
	background: transparent url(pics/lang_links_ar.gif) no-repeat 72px 6px;
}

html[dir="rtl"] #nav #spracheAR a:hover {
	background: transparent url(pics/lang_links_ar.gif) no-repeat 72px -94px;
}

html[dir="rtl"] #nav #spracheDE a:hover, html[dir="rtl"] #nav #spracheEN a:hover, html[dir="rtl"] #nav #spracheES a:hover, html[dir="rtl"] #nav #spracheFR a:hover, html[dir="rtl"] #nav #spracheIT a:hover, html[dir="rtl"] #nav #spracheGR a:hover, html[dir="rtl"] #nav #spracheCZ a:hover, html[dir="rtl"] #nav #spracheNL a:hover, html[dir="rtl"] #nav #spracheSE a:hover, html[dir="rtl"] #nav #sprachePT a:hover, html[dir="rtl"] #nav #sprachePL a:hover, html[dir="rtl"] #nav #spracheHE a:hover, html[dir="rtl"] #nav #spracheAR a:hover {
	color: #000;
}


/* Addon */

.hellgrau {
	color: #999999;
}

.rot {
	color: #DD0000;
	font-weight:normal;
}

.rechts {
	text-align: right;
}

#spaceNav {
	width: 80px;
	float: left;
}

/* Formulare */

form {
	padding:0;
	margin:0;
}

form br {
	clear: both;
}


.auswahl {
	margin: 6px 0 20px 16px;
	border: solid 1px #999;
	background-color: #ffffff;
	width: 380px;
	cursor: pointer;
}

.texteingabe {
	margin: 0;
	border: solid 1px #999;
	background-color: #ffffff;
	width: 200px;
	padding: 2px 4px 2px 4px;
}

.button {
	font-weight: bold;
	margin: 20px 0 20px 0;
	border: solid 1px #999;
	color: #494949;
	background-color: #fdd631;
	/*
	background-color: #ffffff;
	*/
	padding: 2px 10px 2px 10px;
	cursor: pointer;
}

.button:hover {
	background-color: #E6BE17;
}

form div {
  clear: left;
  display: block;
  margin: 10px 0 5px 0;
  padding: 0;
}

form div label.etikett {
  line-height:20px;
  font-weight:bold;
  display: block;
  float: left;
  width: 150px;
  padding: 2px 20px;
  margin: 0;
  text-align: right;
}

/* Thanks to Tony Aslett
http://www.csscreator.com */

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */