
/*--Grundeinstellungen--------------------------------------------------------*/

body, html,img,form, #container_oben,#content_links,#content_rechts,#regiospace{
margin:0;
padding:0;

}

.ungehovert { 

background-color:#ffffff;
color:yellow; 
}

img.bild{
margin:0;
padding:0;
display:block;
}

img.rand{
margin:0;
padding:0 0 0 0 ;
display:block;
border:1px solid #ffffff;
}


body {
background-color: #ffffff;
text-align: center;
font-family: arial, verdana,  sans-serif;
font-weight:normal;
font-size: 12px;
height: 101%;
}


/*--Container oben------------------------------------------------------------*/

#container{
width: 950px;
text-align: left;
margin: 0 auto;
}


/*--Header---------------------------------------------------------------*/

#header{
height:69px;
border:0px solid #999999;
padding:5px 0px 0px 0px;     /* oben rechts unten links */
}

.header_box_1{
float:left;
width:600px;
padding:10px 0px 0px 0px;     /* oben rechts unten links */
border:0px solid #999999;
}

.header_box_2{
float:right;
width:340px;
padding:0px 0px 0px 0px;     /* oben rechts unten links */
text-align: right;
border:0px solid #999999;
}

input.suchfeld{
font-size:12px;
width:200px;
}

input.button{
font-size:12px;
}

h1.ueberschrift_webseite{
font-size: 14px;
font-weight:normal;
color: #666666;
margin:0;
}

a.ueberschrift{
font-size:12px;
color: blue;
text-decoration:none;
}

a.ueberschrift:hover{
text-decoration:underline;
}


/*--Navigation Oben-----------------------------------------------------------*/

#navigation_oben_start{
width:950px;
height:37px;
background-image: url(../images/themakat_start.jpg);
}

#navigation_oben_blau{
width:950px;
height:37px;
background-image: url(../images/themakat_blau.jpg);
}

#navigation_oben_gelb{
width:950px;
height:37px;
background-image: url(../images/themakat_gelb.jpg);
}

#navigation_oben_gruen{
width:950px;
height:37px;
background-image: url(../images/themakat_gruen.jpg);
}

#navigation_oben_rot{
width:950px;
height:37px;
background-image: url(../images/themakat_rot.jpg);
}


.box_010{
float: left;
width: 150px;
display: inline;
border: 0px solid #000000;
height:37px;
position: relative;
text-align:center;
}

.box_010_ausrichten{
padding:8px 0px 0px 0px;     
}

.box_020{
float: left;
width: 340px;
height:37px;
display: inline;
border: 0px solid #000000;
position: relative;
}


h1.ueberschrift_menue{
font-size: 12px;
font-weight:normal;
color: #ffffff;
text-align: right;
margin:8px 0px 0px 0px;     /* oben rechts unten links */
}

a.button{
font-size:12px;
color: #ffffff;
text-decoration:none;
}

a.button:hover{
text-decoration:underline;
}



/*--Content Links-------------------------------------------------------------*/

#content_links{
float: left;
width: 600px;
}

h1.ueberschrift_seite{
font-size: 14px;
font-weight:bold;
color: #666666;
margin:0;
padding:0px 0px 0px 0px;     /* oben rechts unten links */
}

h1.ueberschrift_navibox{
font-size: 14px;
font-weight:bold;
color: #666666;
margin:0;
padding:20px 0px 0px 0px;     /* oben rechts unten links */
}

h1.ueberschrift_detail{
font-size: 17px;
font-weight:bold;
color: #999999;
margin:0;
padding:0px 0px 0px 0px;     /* oben rechts unten links */
}



h2.bezeichnung_abbildung{
font-size: 12px;
font-weight:normal;
color: #666666;
margin:0;
padding:2px 0px 0px 0px;     /* oben rechts unten links */
text-align: right;
}

h2.ueberschrift{
font-size: 13px;
font-weight:bold;
color: #333333;
margin:0;
padding:20px 0px 0px 0px;     /* oben rechts unten links */

}

h2.infokurz{
font-size: 14px;
font-weight:normal;
color: #333333;
margin:0;
padding:10px 10px 15px 10px;     /* oben rechts unten links */
line-height:18px;
}

#my-border {
width:600px; 
margin:10px 0px 0px 0px; 
color:#000000; 
}

#my-border,
#my-border .sb-inner { background:#EEEEEE}
#my-border .sb-border { background:#cccccc}
#my-border .sb-shadow { background:green}



h2.bezeichnung_abbildung{
font-size: 12px;
font-weight:normal;
color: #666666;
margin:0;
padding:2px 0px 0px 0px;     /* oben rechts unten links */
text-align: right;
}





a.bezeichnung_abbildung_link{
font-size:11px;
color: #666666;
text-decoration:underline;
}

a.bezeichnung_abbildung_link:hover{
text-decoration:underline;
}


h1.table{
font-size: 15px;
font-weight:bold;
color: #666666;
margin:0;
padding:3px 0px 0px 15px;     /* oben rechts unten links */
}

h1.table:first-letter{
font-size: 16px;
font-weight:bold;
}

p.normal{
margin: 10px 20px 0px 0px;     /* oben rechts unten links */
font-size:13px;
color: #000000;
line-height:18px;
}

p.table{
margin: 2px 0px 2px 15px;     /* oben rechts unten links */
font-size:13px;
color: #000000;
line-height:18px;
}

p.rund{           /* Eingabefelder mit Legende */
font-size:13px;
color: #000000;
line-height:18px;
font-weight:normal;
padding: 10px 10px 10px 10px;     /* oben rechts unten links */
}

p.geo{
margin: 0px 20px 15px 0px;     /* oben rechts unten links */
}

a.blue{
font-size:13px;
color: blue;
text-decoration:underline;
margin: 0px 0px 0px 0px;     /* oben rechts unten links */
}

a.table{
font-size:12px;
color: #666666;
text-decoration:none;
margin: 0px 0px 0px 15px;     /* oben rechts unten links */
}
a.table:hover{
text-decoration:underline;
color: blue;
}

a.geolink{
font-size:12px;
color: #666666;
text-decoration:none;
}

a.geolink:hover{
text-decoration:underline;
color: blue;
}


table.normal{           /* Eingabefelder mit Legende */
width:600px;
border-collapse: collapse;
font-size: 13px;
font-weight:normal;
margin: 15px 0px 15px 0px;     /* oben rechts unten links */
}

table.rund{           /* Eingabefelder mit Legende */
border-collapse: collapse;
font-size: 13px;
font-weight:normal;
margin: 10px 10px 10px 10px;     /* oben rechts unten links */
}

td.normal{                     /* Eingabefelder mit Legende */
font-size:13px;
padding: 0px 0px 13px 0px;     /* oben rechts unten links */
border:0px solid black;
}

td.klein{                     /* Eingabefelder mit Legende */
font-size:13px;
padding: 0px 0px 5px 0px;     /* oben rechts unten links */
border:0px solid black;
}

table.boxen{           /* Eingabefelder mit Legende */
width:600px;
border-collapse: collapse;
font-size: 13px;
font-weight:normal;
margin: 10px 0px 0px 0px;     /* oben rechts unten links */
}

td.boxen{                     /* Eingabefelder mit Legende */
font-size:13px;
padding: 0px 0px 0px 0px;     /* oben rechts unten links */

}

.inhalt {
margin:0;
padding: 10px 10px 10px 10px;     /* oben rechts unten links */
}


/*-Content Linkliste------------------------------------*/
table.linkliste{           /* Eingabefelder mit Legende */
width:600px;
border-collapse: collapse;
font-size: 13px;
font-weight:normal;
margin: 15px 0px 15px 0px;     /* oben rechts unten links */
background-image: url(../images/linkliste.jpg); 

}

td.linkliste{                     /* Eingabefelder mit Legende */
font-size:13px;
padding: 0px 0px 0px 0px;     /* oben rechts unten links */
}

td.linkliste1{                     /* Eingabefelder mit Legende */
font-size:13px;
padding: 0px 0px 0px 20px;     /* oben rechts unten links */
}

a.linkliste{
font-size:12px;
color: blue;
text-decoration:underline;
}

/*--Content Rechts------------------------------------------------------------*/

#content_rechts{
float: left;
width:345px;
margin:0px 0px 0px 5px;
}


#regiospace{
height:41px;
background-image: url(../images/grafik_07.jpg);
}

.regiospace_1{
float:left;
width:115px;
padding:11px 0px 0px 20px;     /* oben rechts unten links */
font-size: 13px;
font-weight:normal;
color: #ffffff;
}

.regiospace_2{
float:right;
width:210px;
padding:9px 0px 0px 0px;     /* oben rechts unten links */
text-align: left;
}

select.regiospace{
font-size:13px;
}



table.navi_1{           /* Eingabefelder mit Legende */
width:345px;
border-collapse: collapse;
font-size: 12px;
font-weight:normal;
color: #666666;
background-image: url(../images/navi_1.jpg);
}

table.navi_2{           /* Eingabefelder mit Legende */
width:345px;
border-collapse: collapse;
font-size: 12px;
font-weight:normal;
color: #666666;
background-image: url(../images/navi_2.jpg);
border-top: 1px solid #ffffff;
}

td.geo_1_unten{                     /* Eingabefelder mit Legende */
font-size:12px;
padding: 8px 0px 15px 20px;     /* oben rechts unten links */
}

td.geo_2_unten{                     /* Eingabefelder mit Legende */
padding: 8px 0px 15px 15px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 7px;
background-image: url(../images/pfeil1.jpg);
}

td.geo_1{                     /* Eingabefelder mit Legende */
font-size:12px;
padding: 8px 0px 0px 20px;     /* oben rechts unten links */
}

td.geo_2{                     /* Eingabefelder mit Legende */
padding: 8px 0px 0px 15px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 7px;
background-image: url(../images/pfeil1.jpg);
}

td.geo_3{                     /* Eingabefelder mit Legende */
padding: 8px 0px 0px 15px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 7px;
background-image: url(../images/pfeil2.jpg);
}

a.geo{
font-size:12px;
color: #000000;
text-decoration:none;
}

a.geo:hover{
text-decoration:underline;
}


/*-Content BOX------------------------------------------*/

table.box{           
width:345px;
border-collapse: collapse;
font-weight:normal;
color: #000000;
background-image: url(../images/navi_1.jpg);
margin: 10px 0px 0px 0px;     /* oben rechts unten links */
}

td.box_ueberschrift_blau{                   
padding: 8px 0px 16px 20px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(../images/box_ueberschrift_blau.jpg);
background-color:#EEEEEE;
font-size: 13px;
}
td.box_ueberschrift_rot{                   
padding: 8px 0px 16px 20px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(../images/box_ueberschrift_rot.jpg);
background-color:#EEEEEE;
font-size: 13px;
}
td.box_ueberschrift_gruen{                   
padding: 8px 0px 16px 20px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(../images/box_ueberschrift_gruen.jpg);
background-color:#EEEEEE;
font-size: 13px;
}
td.box_ueberschrift_gelb{                   
padding: 8px 0px 16px 20px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(../images/box_ueberschrift_gelb.jpg);
background-color:#EEEEEE;
font-size: 13px;
}
td.box_ueberschrift_start{                   
padding: 8px 0px 16px 20px;     /* oben rechts unten links */
background-repeat:no-repeat;
background-position:0px 0px;
background-image: url(../images/box_ueberschrift_start.jpg);
background-color:#EEEEEE;
font-size: 13px;
}

td.box{               
padding: 10px 0px 0px 20px;     /* oben rechts unten links */
background-color:#EEEEEE;
font-size: 12px;
}

td.box2{               
padding: 4px 0px 0px 20px;     /* oben rechts unten links */
background-color:#EEEEEE;
font-size: 12px;
}

td.box3{               
padding: 7px 0px 0px 0px;     /* oben rechts unten links */
background-color:#EEEEEE;
font-size: 12px;
}


/*-Footer------------------------------------------*/

#container_footer{
float: left;
width: 950px;
text-align: center;
margin: 0 auto;
}

.footer_box_1{
float:left;
width:600px;
padding:0px 0px 0px 0px;     /* oben rechts unten links */
}

.footer_box_2{
float:right;
width:350px;
padding:0px 0px 30px 0px;     /* oben rechts unten links */
text-align: right;
}


a.footer{
font-size:12px;
color: blue;
text-decoration:none;
}

a.footer:hover{
text-decoration:underline;
}

















