/* CSS Bildschirm */
/*----------------*/
/* ------------------------------------------------------------------------------------------------*/
/* Gerüst */
/* ------------------------------------------------------------------------------------------------*/

#rahmen {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #666666;
	background-color: #FFFFFF;
}

#oben_a, #oben_b, #oben_c, #oben_d, #oben_e, #oben_f, #oben_g, #oben_h, #oben_i, #oben_z, #oben_danke {
	height: 250px;
	width: 800px;
}

#oben_a {
	background-image: url(../layoutgrafik/label_a.jpg);
}
#oben_b {
	background-image: url(../layoutgrafik/label_b.jpg);
}
#oben_c {
	background-image: url(../layoutgrafik/label_c.jpg);
}
#oben_d {
	background-image: url(../layoutgrafik/label_d.jpg);
}
#oben_e {
	background-image: url(../layoutgrafik/label_e.jpg);
}
#oben_f {
	background-image: url(../layoutgrafik/label_f.jpg);
}
#oben_g {
	background-image: url(../layoutgrafik/label_g.jpg);
}
#oben_h, #oben_danke, #oben_z {
	background-image: url(../layoutgrafik/label_h.jpg);
}
#oben_i {
	background-image: url(../layoutgrafik/label_i.jpg);
}

#mitte {
}

#navi_links {
	width: 130px;
	float: left;
	margin-right:30px;
}

#navi_unten {
}
#navi_unten_inhalt {
	font-size:0.8em;
	color:#ffffff;
	padding-top:60px;
	margin-left:20px;
}
#navi_unten_inhalt_print {
	float:left;
}
#navi_unten_inhalt_screen {
	float:left;
}

#inhalt {
	width:600px;
	float: left;
	padding-right:30px;
}

#rechts {
	width:1px;
	float:left;
}

#unten_a, #unten_b, #unten_c, #unten_d, #unten_e, #unten_f, #unten_g, #unten_h, #unten_i, #unten_z, #unten_danke {
	height: 80px;
	width: 800px;
	clear:both;
}

#unten_a {
	background-image: url(../layoutgrafik/unten_a.jpg);
}
#unten_b {
	background-image: url(../layoutgrafik/unten_b.jpg);
}
#unten_c {
	background-image: url(../layoutgrafik/unten_c.jpg);
}
#unten_d {
	background-image: url(../layoutgrafik/unten_d.jpg);
}
#unten_e {
	background-image: url(../layoutgrafik/unten_e.jpg);
}
#unten_f {
	background-image: url(../layoutgrafik/unten_f.jpg);
}
#unten_g {
	background-image: url(../layoutgrafik/unten_g.jpg);
}
#unten_h, #unten_i, #unten_danke, #unten_z {
	background-image: url(../layoutgrafik/unten_h.jpg);
}

/* ------------------------------------------------------------------------------------------------*/
/* Basisdefinitionen */
/* ------------------------------------------------------------------------------------------------*/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: normal;
	color: #000000;
}

.hintergrundfarbe_a {
	background-color: #DDE5C3;
}
.hintergrundfarbe_b {
	background-color: #F0DAB9;
}
.hintergrundfarbe_c {
	background-color: #E4CBED;
}
.hintergrundfarbe_d {
	background-color: #EACCCC;
}
.hintergrundfarbe_e {
	background-color: #D0DEF2;
}
.hintergrundfarbe_f {
	background-color: #DDE5C3;
}
.hintergrundfarbe_g {
	background-color: #DEBE9F;
}
.hintergrundfarbe_h {
	background-color: #D4D4D4;
}
.hintergrundfarbe_i {
	background-color: #D4D4D4;
}

.bild_links, .bild_links_news {
	float:left;
	margin-right:10px;
}

.bild_links_news {
	width:200px;
}

.bild_rechts {
	float:right;
	margin-left:5px;
}


.abschluss {
	clear:both;
	}
/* ------------------------------------------------------------------------------------------------*/	
/* Navigation */
/* ------------------------------------------------------------------------------------------------*/
/* Haupt-Navigation */
/* ------------------------------------------------------------------------------------------------*/
/* Allgemeines Layout */
/* ------------------------------------------------------------------------------------------------*/

.hauptnavi_a, .hauptnavi_b, .hauptnavi_c, .hauptnavi_d, .hauptnavi_e, .hauptnavi_f, .hauptnavi_g, .hauptnavi_h,  .hauptnavi_i, .naviabschluss, .hauptnavi_a_aktiv, .hauptnavi_b_aktiv, .hauptnavi_c_aktiv, .hauptnavi_d_aktiv, .hauptnavi_e_aktiv, .hauptnavi_f_aktiv, .hauptnavi_g_aktiv, .hauptnavi_h_aktiv, .hauptnavi_i_aktiv {
	display: block;
	/*margin-bottom: 0.8em;*/
	padding-top: 0.2em;
	padding-bottom: 0.2em;
	border-top: 1px dashed #CCCCCC;
}

/* ------------------------------------------------------------------------------------------------*/
/* Aussehen wenn NICHT ausgewählt */
/* ------------------------------------------------------------------------------------------------*/

a.hauptnavi_a:link,  a.hauptnavi_a:visited, a.hauptnavi_b:link,  a.hauptnavi_b:visited, a.hauptnavi_c:link,  a.hauptnavi_c:visited, a.hauptnavi_d:link,  a.hauptnavi_d:visited, a.hauptnavi_e:link,  a.hauptnavi_e:visited, a.hauptnavi_f:link,  a.hauptnavi_f:visited, a.hauptnavi_g:link,  a.hauptnavi_g:visited, a.hauptnavi_h:link,  a.hauptnavi_h:visited, a.hauptnavi_i:link,  a.hauptnavi_i:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-left-width: 1.2em;
	border-left-style: solid;
	padding-left: 5px;
	border-left-color: #FFFFFF;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------*/
/* Aussehen wenn ausgewählt */
/* ------------------------------------------------------------------------------------------------*/

.hauptnavi_a_aktiv:link, .hauptnavi_a_aktiv:visited, .hauptnavi_b_aktiv:link, .hauptnavi_b_aktiv:visited, .hauptnavi_c_aktiv:link, .hauptnavi_c_aktiv:visited, .hauptnavi_d_aktiv:link, .hauptnavi_d_aktiv:visited, .hauptnavi_e_aktiv:link, .hauptnavi_e_aktiv:visited, .hauptnavi_f_aktiv:link, .hauptnavi_f_aktiv:visited, .hauptnavi_g_aktiv:link, .hauptnavi_g_aktiv:visited, .hauptnavi_h_aktiv:link, .hauptnavi_h_aktiv:visited, .hauptnavi_i_aktiv:link, .hauptnavi_i_aktiv:visited  {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	border-left-width: 1.2em;
	border-left-style: solid;
	padding-left: 5px;
	text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------*/
/* Aussehen wenn gehovert */
/* ------------------------------------------------------------------------------------------------*/

a.hauptnavi_a:hover, a.hauptnavi_a:focus, a.hauptnavi_b:hover, a.hauptnavi_b:focus, a.hauptnavi_c:hover,  a.hauptnavi_c:focus, a.hauptnavi_d:hover, a.hauptnavi_d:focus, a.hauptnavi_e:hover, a.hauptnavi_e:focus, a.hauptnavi_f:hover, a.hauptnavi_f:focus, a.hauptnavi_g:hover, a.hauptnavi_g:focus, a.hauptnavi_h:hover,  a.hauptnavi_h:focus, a.hauptnavi_i:hover,  a.hauptnavi_i:focus {
	background-image:url(../layoutgrafik/back_navi.gif);
	background-repeat: repeat-y;
}

/* ------------------------------------------------------------------------------------------------*/
/* Aussehen des Farbkästchen wenn gehovert bzw. angewählt */
/* ------------------------------------------------------------------------------------------------*/

.hauptnavi_a_aktiv:link, .hauptnavi_a_aktiv:visited, a.hauptnavi_a:hover,  a.hauptnavi_a:focus {
	color:#84AA00;
	border-left-color:#84AA00;
}

.hauptnavi_b_aktiv:link, .hauptnavi_b_aktiv:visited, a.hauptnavi_b:hover,  a.hauptnavi_b:focus {
	color:#EDB100;
	border-left-color:#EDB100;
}

.hauptnavi_c_aktiv:link, .hauptnavi_c_aktiv:visited, a.hauptnavi_c:hover,  a.hauptnavi_c:focus {
	color:#891AC9;
	border-left-color:#891AC9;
}

.hauptnavi_d_aktiv:link, .hauptnavi_d_aktiv:visited, a.hauptnavi_d:hover,  a.hauptnavi_d:focus {
	color:#C10000;
	border-left-color:#C10000;
}

.hauptnavi_e_aktiv:link, .hauptnavi_e_aktiv:visited, a.hauptnavi_e:hover,  a.hauptnavi_e:focus {
	color:#829CFF;
	border-left-color:#829CFF;
}

.hauptnavi_f_aktiv:link, .hauptnavi_f_aktiv:visited, a.hauptnavi_f:hover,  a.hauptnavi_f:focus {
	color:#509400;
	border-left-color:#509400;
}

.hauptnavi_g_aktiv:link, .hauptnavi_g_aktiv:visited, a.hauptnavi_g:hover,  a.hauptnavi_g:focus {
	color:#D97A1D;
	border-left-color:#D97A1D;
}

.hauptnavi_h_aktiv:link, .hauptnavi_h_aktiv:visited, a.hauptnavi_h:hover,  a.hauptnavi_h:focus {
	color:#B3B3B3;
	border-left-color:#B3B3B3;
}

.hauptnavi_i_aktiv:link, .hauptnavi_i_aktiv:visited, a.hauptnavi_i:hover,  a.hauptnavi_i:focus {
	color:#B3B3B3;
	border-left-color:#B3B3B3;
}

/* ------------------------------------------------------------------------------------------------*/
/* Sub-Navigation */
/* ------------------------------------------------------------------------------------------------*/

.subnavi {
	display: block;
	padding-bottom: 7px;
	margin-left: 1.5em;
	padding-left: 5px;
	background-color: #F5F5F5;
}

a.subnavi:link, a.subnavi:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 10px;
	color: #888888;
	text-decoration: none;
}

a.subnavi:hover, a.subnavi:focus {
	text-decoration: underline;
}

/* ------------------------------------------------------------------------------------------------*/
/* Navigation unten */
/* ------------------------------------------------------------------------------------------------*/

a.naviunten:link, a.naviunten:visited {
	color:#FFFFFF;
	text-decoration:none;
}

a.naviunten:hover, a.naviunten:focus {
	color:#dddddd;
	text-decoration:underline;
}

/* ------------------------------------------------------------------------------------------------*/
/* allgemeine Links */
/* ------------------------------------------------------------------------------------------------*/

#inhalt a:link, #inhalt a:visited {
	color:#666666;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	background-image: url(../layoutgrafik/icon_link.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 15px;
}

#inhalt a:hover, #inhalt a:focus {
	color:#999999;
	border-bottom-width: 0px;
}

.bild_links_news a:link, .bild_links_news a:visited {
	font-size:0.8em;
	background-image: none;
	}
	
/* ------------------------------------------------------------------------------------------------*/
/* Definition für Bilderlink */
/* ------------------------------------------------------------------------------------------------*/	
	
#inhalt a.ohne:link, #inhalt a.ohne:visited, #inhalt a.ohne:hover, #inhalt a.ohne:focus {
	text-decoration: none;
	background-image: none;
	border: none;
	margin: 0px;
	padding: 0px;
}

/* ------------------------------------------------------------------------------------------------*/
/* Überschriften und Absätze */
/* ------------------------------------------------------------------------------------------------*/

h1 {
	font-family: "Minion", "Garamont", "Georgia", "Times New Roman", Times, serif;
	font-size: 1.4em;
	font-style: normal;
	color: #888888;
	margin-top: 0px;
	letter-spacing: 0.05em;
}

h2 {
font-family: "Minion", "Garamont", "Georgia", "Times New Roman", Times, serif;
	font-size: 1.2em;
	font-style: normal;
	color: #666666;
	margin-top: 10px;
	margin-bottom:0px;
	margin-left:5px;
	letter-spacing: 0.05em;
}

h3 {
font-family: "Minion", "Garamont", "Georgia", "Times New Roman", Times, serif;
	font-size: 1em;
	font-style: normal;
	color: #999999;
	margin-top: 0px;
	letter-spacing: 0.1em;
}

h4 {

	font-size: 0.9em;
	font-weight:bold;
	color: #000000;
	margin-top: 0px;
	margin-bottom:0.5em;
}

p {
	margin-top: 0px;
	margin-bottom: 2em;
}

.txt_klein {
	font-size:0.8em;
	color:#999999;
}

.txt_Nurklein {
	font-size:0.8em;
}

.txt_links {
	margin-top: 0px;
	margin-bottom:0px;
}

.txt_klein_links {
	font-size:0.8em;
	color:#999999;
	margin-top: 3em;
	margin-bottom: 0px;
}
.txt_klein_rechts {
	text-align:right;
	font-size:0.8em;
	color:#999999;
	margin-top: 0em;
}
.txtEingerueckt {
	line-height: 1.5em;
	color: #55555;
	margin-bottom:0.5em;
	font-size: 1.2em;
	font-style: italic;
	}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
	line-height: 1.5em;
}

.trenner {
height:10px;
	background-image: url(../material/trenner.gif);
	background-repeat: no-repeat;
}


/* Listen */

ul {
	list-style-position: outside;
	list-style-image: url(../layoutgrafik/icon_liste.gif);
	list-style-type: none;
	margin-top: 0px;
	margin-bottom: 3em;
}

li {
	margin-top: 0px;
	margin-bottom: 1.5em;
}

/* ------------------------------------------------------------------------------------------------*/
/* StartBild-Elemente */
/* ------------------------------------------------------------------------------------------------*/

.startbild_1 {
	background-image:url(../material/start_1.jpg);
}
.startbild_2 {
	background-image:url(../material/start_2.jpg);
}
.startbild_3 {
	background-image:url(../material/start_3.jpg);
}
.startbild_4 {
	background-image:url(../material/start_4.jpg);
}
.startbild_5 {
	background-image:url(../material/start_5.jpg);
}
.startbild_6 {
	background-image:url(../material/start_6.jpg);
}
.startbild_7 {
	background-image:url(../material/start_7.jpg);
}
.startbild_8 {
	background-image:url(../material/start_8.jpg);
}
.startbild_9 {
	background-image:url(../material/start_9.jpg);
}

/* ------------------------------------------------------------------------------------------------*/
/* Einzel-Elemente */
/* ------------------------------------------------------------------------------------------------*/

.unterschrift {
	font-size:0.8em;
	float:left;
	display:block;
	margin-right:25px;
	}


#newsRahmen {
	width: 500px;
	margin-top: 3px;
	background-image: url(../material/news_banner_kurz.gif);
	background-repeat: repeat-x;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 15px;
	padding-left: 15px;
}

.newsInhalt {
	margin-top: 5px;
	margin-bottom: 2.5em;
}

.newsDatum {
	color: #999999;
	font-size: 0.8em;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #cccccc;
	margin-bottom: 0.5em;
}
.newsUeberschrift {
	font-weight: bold;
	color: #000000;
	font-size: 1em;
}
.newsUnterueberschrift {
	font-weight: bold;
	color: #777777;
	font-size: 1em;
}
.newsText {
	margin-top: 1em;
}

.newsLink {
	margin-top:2em;
}

.bild_gross {
	text-align:right;
	}

.bildunterschrift {
	font-size:0.8em;
	color:#999999;
	background-color:#eeeeee;
}

.infoKasten, .infoKastenNorm, .infoKastenHalb {
	padding: 1em;
	background-image: url(../layoutgrafik/back_infobox.gif);
	border: 1px solid #CCCCCC;
	margin-bottom:2em;
}

.infoKasten {
	font-size:0.8em;
}

.infoKastenRahmen {
border: 1px solid #CCCCCC;
}

.infoKastenHalb {
	font-size:0.9em;
	width:250px;
	float:left;
	margin-right:15px;
}

.infoBox, .infoBoxHalb {
	padding: 1em;
	float: right;
	background-image: url(../layoutgrafik/back_infobox.gif);
}

.infoBox {
	width: 270px;
}
.infoBoxHalb {
	width: 220px;
	font-size:0.8em;
}

.infoBox p {
	margin-top: 0em;
	margin-bottom: 1em;
}

.infoBoxRahmen {
	border: 1px solid #CCCCCC;
}

.bilderRahmen {
	padding:5px;
	margin-right:10px;
	margin-bottom:10px;
	border: 1px solid #CCCCCC;
	float:left;
}

/* ------------------------------------------------------------------------------------------------*/
/* Formular Elemente */
/* ------------------------------------------------------------------------------------------------*/

input, textarea {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #dddddd;
	border-bottom-color: #dddddd;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #eeeeee;
	border-right-style: none;
	border-left-style: none;
	width: 250px;
}

label, textarea {
	display:block;
	}

textarea {
	height:75px;
	}	
	
#senden {
width: 75px;
	margin-top:10px;
	background-color: #dddddd;
	border: 1px solid #bbbbbb;
}

.txtRot {
	font-size:0.8em;
	color:#FF0000;
	}
	
fieldset {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
}

/* ------------------------------------------------------------------------------------------------*/
/* e-karte */
/* ------------------------------------------------------------------------------------------------*/

#karten_inhalt {
position:static;
width:450px;
height:350px;

margin-left:15px;
}

#karte_vorne {
	position:static;
	background-repeat: no-repeat;
	background-image: url(../material/e_karte_vorne.jpg);
	border: 1px solid #666666;
	height: 300px;
	width: 425px;
	margin-left:15px;
}


#karte_hinten{
	position:static;
	height: 325px;
	width: 425px;
	/*margin-left:20px;*/
}

#karte_hinten_rahmen{
	position: absolute;
	left:auto;
	top: auto;
	height: 325px;
	width: 425px;
	/*margin-left:20px;*/
}

#kartentext_links_absender {
padding-top:25px;
padding-left:10px;
height:35px;
}

#kartentext_links_abschluss {
padding-top:25px;
padding-left:10px;
height:20px;
}

#kartentext_links {
	float:left;
	width:250px;
	
	}
	
#kartentext_links_inhalt {
padding:10px;
height:170px;
	overflow: auto;
}
#kartentext_rechts {
width:155px;
float:right;
margin-top:150px;
}