HTML {
height: 100%;
}

body {
background-color: #FFFDF9;
margin: 0;
padding: 0;
color: #000;
height: 99%;
font-family: Verdana,Arial,Helvetica,sans-serif; 
font-size: 71%;
width: 100%;
background-image: url(../img_layout/hg_all1.gif);
background-repeat: repeat-x;
text-align: center;
}

a.nosign {
background-image: none;
margin: 0;
padding: 0;
}

#noscriptcontent {
background-color: #fff;
margin: 20px auto 0 auto;
z-index: 100;
font-size: 120%;
font-weight: bold;
padding: 10px;
text-align: center;
border: solid 2px #ccc;
}

#page {
background-color: #FFF;
margin: 10px auto 0 auto;
padding: 0;
height: 92%;
min-height: 92%;
width: 950px;
max-width: 950px;
border-right: solid 1px #9F2828;
text-align: left;
background-image: url(../img_layout/hg_page.gif);
background-repeat: repeat-y;
}

html>body #page {
height: auto;
}


/* foot */

#footer {
position: relative;
margin: 0 auto 0 auto;
padding: 3px 0 4px 0;
clear: both;
width: 950px;
max-width: 950px;
font-size: 90%;
background-image: url(../img_layout/hg_footer.gif);
background-repeat: repeat-y;
background-color: #F4E7EB;
text-align: right;
border-bottom: solid 1px #9F2828;
border-right: solid 1px #9F2828;
}

a.top, a.druck {
margin: 0 20px 0 0;
padding: 0 2px 0 0;
color: #29558F;
text-decoration: none;
font-weight: bold;
}

a.top {
padding-left: 1.6em;
background-image: url(../img_layout/pfeil_top.gif);
background-repeat: no-repeat;
background-position: 0.0em 0.4em;
}

a.druck {
padding-left: 2.1em;
background-image: url(../img_layout/print.gif);
background-repeat: no-repeat;
background-position: 0.0em 0.1em;
}

/* impressum */

#impressum {
position: absolute;
bottom: 2px;
left: 200px;
margin: 0;
padding: 0;
text-align: left;
}

#impressum a {
margin: 0;
padding: 0 2px 0 0;
color: #29558F;
text-decoration: none;
background-image: none;
font-weight: bold;
}


#impressum a:hover {
text-decoration: underline;
color: #9F2828;
}


/* all */

#all {
position: relative;
margin: 0;
padding: 0 0 20px 0;
height: 97%;
min-height: 97%;
}

html>body #all {
height: auto;
}

/* kopfbereich */

#header {
margin: 0 0 0 15px;
padding: 0;
height: 133px;
background: url(../img_layout/hg_top.gif);
background-repeat: repeat-x;
}

#header a {
margin: 0;
padding: 0;
background-image: none;
}


#titel {
margin: 0 0 0 0;
padding: 0;
height: 133px;
background: url(../img_layout/hg_top_l.gif);
background-repeat: no-repeat;
}

#titel img.titel2 {
float: right;
margin: 0 20px 0 0;
padding: 0;
}

.foto {
float: right;
margin: 0;
padding: 0;
border-left: solid 2px #fff;
line-height: 0.0em;
font-size: 0px;
}

.foto img {
margin: 0;
padding: 0;
}


/* navibereich */

#navi {
position: absolute;
top: 133px;
left: 19px;
width: 151px;
margin:  0 0 20px 0;
padding: 0;
}

.navlist, .navlist1 {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 105%;
width: 151px;
border-bottom: 1px solid #fff;
}

.navlist1 {
margin-top: 40px;
}

.navlist ul {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 105%;
width: 151px;
border-top: 1px solid #fff;
}

.navlist li, .navlist ul li, .navlist1 li {
margin: 0;
padding: 0;
display: inline;
}

.navlist li a, .navlist1 li a {
margin: 0;
padding: 5px 2px 5px 10px;
color: #E1E7EF;
text-decoration: none;
display: block;
background-color: #29558F;
background-image: none;
font-weight: bold;
width: 132px;
border-top: 1px solid #fff;
border-left: 7px solid #29558F;
}

.navlist ul li a {
margin: 0;
padding: 5px 2px 5px 10px;
color: #fff;
text-decoration: none;
display: block;
background-color: #6080AA;
background-image: none;
font-weight: normal;
width: 132px;
border-top: none;
border-left: 7px solid #7F99BC;
}

.navlist li a:hover, .navlist li a.aktuell, .navlist li a.aktuell:hover, .navlist1 li a:hover, .navlist1 li a.aktuell {
background-color: #E1E7EF;
border-left: 7px solid #fff;
color: #29558F;
text-decoration: none;
}

.navlist li a:hover {
border-left: 7px solid #29558F;
}




/* breadcrumb */

#rubrik {
margin: 0 0 0 200px;
padding: 7px 0 7px 0;
font-size: 85%;
}

#rubrik a {
font-weight: normal;
color: #29558F;
text-decoration: none;  
background-image: none; 
padding-left: 0.1em;  
}   

#rubrik a:hover {
text-decoration: underline;
color: #9F2828;
}




/* contentpage */

#main, #mainstart {
margin: 20px 20px 10px 200px;
padding: 0;
}

#mainstart {
background-image: url(../img_layout/hg_mainstart.gif);
background-repeat: repeat-y;
background-position: right top;
}

#inhaltstart, #inhalt {
margin: 0 214px 0 0; 
padding: 0;
font-size: 100%;
line-height: 1.4em;
}

#inhalt {
margin-right: 10px; 
}


/* contentpage container */


.bildbox210, .bildbox240, .bildbox120 {
float: left;
width: 210px;
margin: 0;
padding: 8px 10px 10px 0;
}

.bildboxstart {
float: left;
width: 510px;
margin: 0 0 10px 0;
padding: 8px 0 10px 0;
}


/* neu 2017 box besondere hinweise */

.boxstart, .balken {
float: left;
width: 510px;
margin: 0 0 15px 0;
padding: 8px 0 10px 0;
/*background-image: url(../img_layout/points.gif);
background-repeat: repeat-x; 
background-position: left bottom;*/
background-color: #F4F6F9;
}


.boxstart p {
padding: 2px 10px;
} 

.boxstart h1 {
padding: 0 10px 0 10px;
} 


.balken {
background-color: #D9D1D2;	
margin: 0 0 15px 0;
padding: 0;
}

.balken p {
padding: 0;
margin: 0;
} 	
	
/* neu 2017 box besondere hinweise ends */

.bildbox120 {
width: 120px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 5px;
}

.bildbox240 {
width: 240px;
}

.bildbox210 p, .bildbox240 p, .bildboxstart p {
font-size: 90%;
margin: 10px 0 0 0;
padding: 0;
line-height: 1.2em;
}

.bildbox240 p {
margin-bottom: 10px;
}

* html .bildbox210 {  /* nur fuer Internet Explorer */
margin-right: -3px;   /* Version 5.x */
m\argin-right: -3px;
}

* html .bildbox240 {  /* nur fuer Internet Explorer */
margin-right: -3px;   /* Version 5.x */
m\argin-right: -3px;
}

* html .bildbox120 {  /* nur fuer Internet Explorer */
margin-right: -3px;   /* Version 5.x */
m\argin-right: -3px;
}

.box1, .box2, .boxcv {
margin: 10px 0;
padding: 5px 10px;
background-image: url(../img_layout/points.gif);
background-repeat: repeat-x;
background-position: left bottom;
background-color: #F4F6F9;
border-right: solid 1px #D4DDE9;
}


.box2 {
background-image: url(../img_layout/points1.gif);
background-color: #Fff;
}

/* neu 2015 */

.bildboxstart2 {
float: left;
width: 647px;
margin: 0 0 10px 0;
padding: 8px 0 10px 0;
}


.boxblack  {
margin: 10px 0;
padding: 5px 10px;
background-color: #eee;
border: solid 1px #aaa;
font-family: 'Merriweather', serif;
font-weight: 400; 
	line-height: 1.7em;	
	font-size: 110%;
}

#aktuell .boxblack {
padding: 5px 8px 10px 8px;
background-color: #bbc0c8;
border: solid 1px #183051;
}

#aktuell .boxblack p.center, #aktuell .boxblack p.centerklein {
font-size: 130%;	
	text-align: center;
	padding-bottom: 0;
	color: #183051;
	line-height: 1.7em;	
font-family: 'Merriweather', serif;
font-weight: 400; 
border-bottom: solid #D9D1D2 0px;
}

#aktuell .boxblack p.centerklein {
	font-size: 100%;
	padding-top: 0;
	color: #183051;
	line-height: 1.7em;	
border-bottom: solid #D9D1D2 0px;
}

.tr-text {
	font-size: 110%;
	font-weight: bold;
	color: #666;
	text-align: center;
	line-height: 1.8em;	
font-family: 'Merriweather', serif;
font-weight: 700; 
}

.center, .center2 {
	font-size: 140%;	
	text-align: center;
	padding-bottom: 5px;
	color: #29558F;
	line-height: 1.8em;	
font-family: 'Merriweather', serif;
font-weight: 700; 
}
.center2 {
font-weight: 400; 
}	
	
.quelle {
	text-align: right;
	font-size: 100%;	
font-family: 'Merriweather', serif;
font-weight: 400; 
}
	
	.bildboxstart2 .quelle {	
font-family: Verdana, arial, helvetica, sans- serif;
font-size: 80%;
}

/* neu 2015 */

/* img */

img.right {
float: right;
margin: 0 0 5px 10px;
padding: 0;
}

img.left {
float: left;
margin: 0 20px 5px 0;
padding: 0;
}
 

/* schriftformat inhalt */

h1 {
font-size: 125%;
color: #4D4D4D;
margin: 0;
padding: 0 0 10px 0;
font-weight: bold;
line-height: 1.45em;
}

h2 {
font-size: 115%;
color: #701C1C;
margin: 0;
padding: 5px 10px;
font-weight: bold;
background-color: #D4DDE9;
border-bottom: 1px solid #A9BBD2;
}

h3 {
font-size: 100%;
color: #701C1C;
margin: 0;
padding: 4px 10px;
font-weight: bold;
background-color: #f3f5f9;
}


p {
margin: 8px 0;
padding: 0;
}

p.block {
text-align: justify;
}

p.block90 {
text-align: justify;
margin-left: 90px;
}

* html p.block90 {  /* nur fuer Internet Explorer */
margin-left: 87px;   /* Version 5.x */
m\argin-left: 87px;
display: inline-block; 
d\isplay:inline-block; 
}

p.block130 {
text-align: justify;
margin-left: 130px;
}

* html p.block130 {  /* nur fuer Internet Explorer */
margin-left: 127px;   /* Version 5.x */
m\argin-left: 127px;
display: inline-block; 
d\isplay:inline-block; 
}

.boxcv p {
text-align: justify;
margin-left: 230px;
}

.boxcv ul {
margin-left: 250px;
}

.boxcv ul li {
margin-left: 10px;
}

* html .boxcv p {  /* nur fuer Internet Explorer */
margin-left: 227px;   /* Version 5.x */
m\argin-left: 227px;
display: inline-block; 
d\isplay: inline-block; 
}
* html .boxcv ul {  /* nur fuer Internet Explorer */
margin-left: 247px;   /* Version 5.x */
m\argin-left: 247px;
}


p.block220 {
text-align: justify;
margin-left: 220px;
}

* html p.block220 {  /* nur fuer Internet Explorer */
margin-left: 217px;   /* Version 5.x */
m\argin-left: 217px;
display: inline-block; 
d\isplay:inline-block; 
}

p.block300 {
text-align: justify;
margin-left: 300px;
margin-right: 70px;
margin-top: 20px;
}

* html p.block300 {  /* nur fuer Internet Explorer */
margin-left: 297px;   /* Version 5.x */
m\argin-left: 297px;
display: inline-block; 
d\isplay:inline-block; 
}

.red {
font-weight: bold;
color: #701C1C;
}

.klein{
font-size: 80%;
color: grey;
}

ul, ul.box100 {
list-style-type: none;
list-style-image: url(../img_layout/list_point.gif);
margin: 5px 5px 5px 30px;
padding: 0;
}

ul.box100 {
	margin-left: 100px;
	line-height: 1.5em;
}

ul li {
margin: 0;
padding: 2px 0;
line-height: 1.3em;
}


ol li {
margin: 0;
padding: 0 0 6px 0;
}

/* links */


a {
font-weight: bold;
color: #29558F;
text-decoration: none;
background-image: url(../img_layout/pfeil.gif);
background-repeat: no-repeat;
margin: 0;
padding: 0 0 0 1.0em;
background-position: 0.1em 0.2em;
}

a:hover {
text-decoration: underline;
color: #9F2828;
}

a.pdf {
background-image: url(../img_layout/pdf.gif);
padding: 0 0 0 1.5em;
background-position: 0.1em 0.0em;
}

a.extern {
background-image: url(../img_layout/extern.gif);
padding: 0 0 0 1.2em;
background-position: 0.1em 0.2em;
}

a.close {
background-image: url(../img_layout/close.gif);
padding: 0 0 0 1.6em;
background-position: 0.0em 0.1em;
}



/* aktuelles und news rechts */

#aktuell {
float: right;
width: 180px;
margin: 0;
padding: 0;
font-size: 100%;
line-height: 1.3em;
}



/* schriftformat newsbereiche */

#aktuell h1 {
font-size: 110%;
color: #701C1C;
margin: 30px 0 0 0;
padding: 0;
font-weight: bold;
}

#aktuell p {
clear: left;
margin: 10px 0 0 0;
padding: 8px 0;
border-bottom: solid #D9D1D2 5px;
}

#aktuell a.pdf {
background-image: url(../img_layout/pdf.gif);
padding: 0 0 0 1.5em;
background-position: 0.1em 0.2em;
}

/* bilder newsbereiche */

#aktuell img.left {
float: left;
margin: 0 8px 15px 0;
padding: 0;
width: auto;
}


#aktuell .boxhell  {
margin: 10px 0 0 0;
padding: 5px 10px;
background-color: #fff;
border: solid 1px #D9D1D2;
	line-height: 1.5em;	
	font-size: 110%;
}

#aktuell .boxhell h1 {
margin: 0;
padding: 0;	
}

#aktuell .boxhell p {
	clear: left;
margin: 0;
padding: 8px 0;
border-bottom: none;
}


/* clearer und top */

.clear, .clearright, .clearleft, .clear1 {
clear: both;
margin: 0;
padding: 0;
line-height: 0.1em;
font-size: 1px;
}

.clearleft{
clear: left;
}

.clearright {
clear: right;
}

.clear1 {
height: 2px;
background-image: url(../img_layout/points1.gif);
background-repeat: repeat-x;
background-position: left bottom;
}


.top1 {
margin: 10px 0;
padding: 0;
text-align: right;
width: 100%;
}

.top1 a {
padding-right: 20px;
background-image: url(../img_layout/pfeil_top.gif);
background-repeat: no-repeat;
background-position: 0.0em 0.4em;
text-decoration: none;
}

.top1 a:hover {
text-decoration: none;
}

table.daten {
border: none
margin: 10px 0;
}

table.daten tr.grey {
background-color: #E9ECEE;
}

table.daten td {
vertical-align: top;
margin: 0;
padding: 4px;
}
