/* CSS Document */

body {
margin-top: 20px;
margin-bottom: 20px;
background-color: #EDEDED;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #333333;
}

/* ### Container fuer zentrierte Positionierung ### */

#container_aussen {
width: 100%;
text-align: center;
}

#container_innen {
width: 784px;
text-align: left;
margin: 0;
margin-left: auto;
margin-right: auto;
}

/* ### Header ### */

#header_oben {
width: 784px;
height: 53px;
background-image: url(../images/header/header_katplan_oben.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#header_unten {
width: 784px;
height: 20px;
background-image: url(../images/header/header_katplan_unten.jpg);
background-position: top left;
background-repeat: no-repeat;
}

#header_print {
display: none;
}

/* ### Positionierung Inhaltsbereich ### */

#container_inhalt {
background-image: url(../images/layout/layout_bg_continnen.jpg);
background-position: top left;
background-repeat: repeat-y;
}

#navigation {
float: left;
position: relative;
width: 136px;
padding-top: 1px;
background-image: url(../images/layout/layout_bg_navigation.jpg);
background-position: top left;
background-repeat: repeat-y;
overflow: hidden;
}

#inhalt {
width: auto;
margin: 0 22px 10px 152px;
padding: 20px 0 10px 0;
min-height: 400px;
z-index: 100;
}

/* ### Servicenavigation ### */

.serviceleft {
float: left;
padding: 3px 0 0 4px;
}

.serviceright {
float: right;
padding: 3px 9px 0 0;
}

.service {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

.service a {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

.service a:visited {
font-size: 10px;
color: #FFFFFF;
text-decoration: none;
}

.service a:hover, .service a.over {
font-size: 10px;
color: #FF6600;
text-decoration: none;
}

/* ### Hauptnavigation ### */

#navigation ul { 
list-style: none;
margin: 0;
padding: 0;
}

#navigation ul li a {
width: 129px;
height: 20px;
display: block;
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
padding: 1px 0 0 3px;
background-image: url(../images/navigation/nav_lev1_out.jpg);
background-repeat: no-repeat;
}

#navigation ul li a:hover, #navigation ul li a.over {
color: #FFFFFF;
font-size: 13px;
text-decoration: none;
background-image: url(../images/navigation/nav_lev1_over.gif);
background-repeat: no-repeat;
}

#navigation ul ul li a {
width: 129px;
height: 17px;
display: block;
color: #333333;
font-size: 10px;
text-decoration: none;
padding: 4px 0 0 3px;
background-image: url(../images/navigation/nav_lev2_out.jpg);
background-repeat: no-repeat;
}

#navigation ul ul li a:hover, #navigation ul ul li a.over {
color: #333333;
font-size: 10px;
text-decoration: none;
background-image: url(../images/navigation/nav_lev2_over.gif);
background-repeat: no-repeat;
}

#navigation .navigationact1 a {
background-image: url(../images/navigation/nav_lev1_over.gif);
background-repeat: no-repeat;
}

#navigation .navigationout1 a {
background-image: url(../images/navigation/nav_lev1_out.jpg);
background-repeat: no-repeat;
}

#navigation .navigationact2 a {
background-image: url(../images/navigation/nav_lev2_over.gif);
background-repeat: no-repeat;
}

#navigation .navigationout2 a {
background-image: url(../images/navigation/nav_lev2_out.jpg);
background-repeat: no-repeat;
}

/* ### Fusszeile ### */

#fusszeile {
clear: both;
width: 784px;
height: 22px;
background-image: url(../images/layout/layout_bg_fusszeile.jpg);
background-position: top left;
background-repeat: no-repeat;
padding-top: 4px;
}

.fusslink {
font-size: 10px;
padding: 0 0 0 156px;
}

.fusslink a {
color: #333333;
text-decoration: none;
}

.fusslink a:visited {
color: #333333;
text-decoration: none;
}

.fusslink a:hover, .fusslink a.over {
color: #FF6600;
text-decoration: none;
}

/* ### Newsboxen ### */

#newsboxen {
width: 607px;
height: 91px;
/*padding-top: 4px;*/
margin-bottom: 14px;
voice-family: "\"}\"";
voice-family: inherit;
width: 607px;
}

html>body #newsboxen {
width: 607px;
}

#newsbox_links {
float: left;
width: 305px;
height: 91px;
background-image: url(../images/layout/layout_newsbox_links.gif);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}

.newsbox_links {
font-size: 11px;
margin-top: 5px;
padding: 0 14px 0 8px;
}

#newsbox_rechts {
float: left;
height: 91px;
width: 302px;
background-image: url(../images/layout/layout_newsbox_rechts.gif);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
}

.newsbox_rechts {
font-size: 11px;
margin-top: 5px;
padding: 0 14px 0 10px;
}

/* ### Themenboxen ### */

#themenbox {
width: 607px;
height: 91px;
padding-top: 4px;
margin-bottom: 10px;
background-image: url(../images/layout/layout_themenbox.gif);
background-position: top left;
background-repeat: no-repeat;
overflow: hidden;
voice-family: "\"}\"";
voice-family: inherit;
width: 607px;
}

html>body #themenbox {
width: 607px;
}

.themenicon {
float: left;
width: 89px;
heigth: 91px;
text-align: center;
}

.themenicon A IMG {
border: none;
}

.themeninhalt {
width: auto;
heigth: 91px;
}

.thementitel {
width: auto;
height: 39px;
font-size: 13px;
font-weight: bold;
padding: 0 10px 0 2px;
}

.themenlinks {
width: auto;
font-size: 11px;
padding: 0 10px 0 2px;
}

/* ### Seitennews ### */

#seitennews {
width: 136px;
height: auto;
background-image: url(../images/layout/layout_bg_seitennews.jpg);
background-position: top left;
background-repeat: repeat-y;
}

.seitennews {
font-size: 10px;
margin: 0 10px 0 3px;
}

/* ### Textformatierungen ### */

p {
font-size: 1em;
color: #333333;
word-spacing: 0.05em;
letter-spacing: 0;
line-height: 1.4em;
}

a {
color: #000000;
text-decoration: underline;
}

a:visited {
color: #666666;
text-decoration: underline;
}

a:hover, a.over {
color: #FF6600;
text-decoration: none;
}

h1 {
font-size: 1.2em;
margin: 10px 0 3px 0;
padding: 0;
}

h2 {
font-size: 1.1em;
margin: 10px 0 3px 0;
padding: 0;
}

div.hr {
clear: both;
height: 10px;
background: #EDEDED url(../images/layout/layout_hr.jpg) no-repeat scroll center;
}

div.hr hr {
display: none;
}

/* ### Tabelle ### */

table tr.kopf {
background-color: #CACACA;
}

table tr.kopf td {
font-weight: bold;
}

table tr.odd {
background-color: #DBDBDB;
}

table tr.even {
background-color: #E4E4E4;
}

/* ### Text-Bild-Kombinationen ### */

.imgfloatleft-ueberschrift {
float: left;
margin: 13px 15px 5px 0;
voice-family: "\"}\"";
voice-family: inherit;
margin: 20px 12px 5px 0;
}

html>body .imgfloatleft-ueberschrift {
margin: 13px 15px 5px 0;
}

.imgfloatright-ueberschrift {
float: right;
margin: 13px 0 5px 10px;
voice-family: "\"}\"";
voice-family: inherit;
margin: 20px 0 5px 12px;
}

html>body .imgfloatright-ueberschrift {
margin: 13px 0 5px 10px;
}

.imgfloatleft {
float: left;
margin: 4px 15px 5px 0;
voice-family: "\"}\"";
voice-family: inherit;
margin: 4px 12px 5px 0;
}

html>body .imgfloatleft {
margin: 4px 15px 5px 0;
}

.imgfloatright {
float: right;
margin: 4px 0 5px 10px;
voice-family: "\"}\"";
voice-family: inherit;
margin: 4px 0 5px 12px;
}

html>body .imgfloatright {
margin: 4px 0 5px 10px;
}

/* ### Spezielle oder universelle Klassen ### */

.floatleft {
float: left;
}

.floatright {
float: right;
}

.clearer {
clear: both;
}

.border {
border: 1px solid #CACACA;
}