/* Stand 13.01.10 */

/* Startseite mit CDU-Logos */

html { 
   height: 100%;
}

html, body {
   margin: 0;
   padding: 0;
   font-family: Verdana, Helvetica, sans-serif; 
   font-size: 12px; 
   line-height: 1.1em; 
   text-align: center;
}

body {
   height: 100%;
   border: none;
   line-height: 1.6em;
   background: #F5F5F5 url(../bilder/bg_verlauf2.jpg) repeat-x;
}

#container {
   min-height: 100%;
   width: 1148px; /* Inhalt 828 + 2 x 150 extra rechts/links + 2 x 10 Abstand */
   margin-top: 0;
   margin-left: auto;
   margin-right: auto;
   padding-bottom: 1px;
   text-align: left;
}

* html #container {
   padding: 0;
   height: 100%;
}

/* ----------- Allgemeine Definitionen ------------ */

html, body, ul, li, form, input, select, textarea, a, img, p {
   margin: 0;
   padding: 0;
}

table, img {
   border: none;
}

p {
    margin: 0 0 1em 0;
    line-height: 1.5em;
}

h1, h2, h3 {
   font-family: Arial, Helvetica, sans-serif;
   font-weight: normal;
}

h1 {
   font-size: 1.8em; 
   letter-spacing: 0.02em;
   line-height: 1.1em;
   margin: 15px 0 0 0;
}

h2, h3 {
   letter-spacing: 0.04em;
   margin: 0 0 0.5em 0;
   font-weight: bold; 
   color: #2E45A7; 
}

h2 {
   font-size: 1.5em;
}

h3 {
   font-size: 1.25em; 
}

a, a:link, a:visited { 
   text-decoration: underline;
   color: #3300CC; 
}

a:hover, a:active { 
   text-decoration: none; 
   color: #3300CC; 
}

table {
   padding: 0;
   width: 100%;
}

td {
   margin: 0;
   padding: 0;
   vertical-align: top;
}

td p, .tab p {
   line-height: 1.25em;
}


#page {
   float: left;
   width: 820px;
   margin: 0 3px 0 3px;
   background-color: #fff;
   border-left: 1px solid #D8D8D8;
   border-right: 1px solid #D8D8D8;
}

#ausleger_li {
   float: left;
   width: 150px;
   height: 500px;
   margin: 261px 10px 0 0;
}

#ausleger_re {
   float: left;
   width: 150px;
   height: 500px;
   margin: 0 0 0 10px;
}

/* ------- Header --------- */


#header {
   float: left;
   width: 828px;
   height: 261px;
   background: #FFF url(../bilder/header_kopf.jpg) top center no-repeat;
}

#name {
   float: left;
   width: 382px;
   height: 165px;
   margin: 18px 0 0 10px;
   color: #fff;
   font-size: 22px;
   line-height: 26px;
   display: inline;
   letter-spacing: 0.01em;
}

#name span {
   font-size: 10px;
   padding-top: 0;
}

#logo {
   float: left;
   width: 432px;
   height: 165px;
   margin: 9px 0 0 0; 
   text-align: right;
}

#logo img {
   border: none;
   margin-bottom: 5px;
}

#logo a {
   border: none;
   text-decoration: none;
}

#line {
   float: left;
   width: 820px;
   margin-top: 26px;
   padding: 0 4px 0 4px;
   height: 32px;
   line-height: 32px;
   background: transparent url(../bilder/bg_topnavi.png);
}

#line p {
   padding-left: 626px;
   letter-spacing: 0.01em;
   line-height: 30px;
   color: #fff;
   margin: 0;
}

#date {
   float: right;
   width: 820px;
   padding: 0 4px 0 4px;
   height: 20px;
   background: transparent url(../bilder/bg_subnavi.png);
}

#date p {
   padding-left: 626px;
   font-size: 0.75em;
   letter-spacing: 0.02em;
   text-transform: uppercase;
   color: #333;
}

/* --------- Inhalt ------- */

#main {
   float: left;
   width: 820px;
}

/* Obere Reihe: Überschrift + Datum */

#top {
   float: left;
   width: 820px;
   height: 110px;
   background-color: #FFF
}

#h_left {
   float: left;
   width: 650px;
}

#headline {
   position: relative;
   width: 402px;
   height: 100px;
   left: 170px;
   top: 0;
   vertical-align: bottom;
}

#headline h1 {
   position: absolute;
   bottom: 0;
   margin: 0;
   padding: 0;
   vertical-align: text-bottom;
   line-height: 1.3em;	
   font-weight: normal;
   letter-spacing: 0.04em;
   font-size: 1.7em;
}

.illustration {
   float: left; 
   width: 150px; /* wird ggf vom Modul überschrieben */
   margin: 3px 15px 15px 0;
}


/* Aktuelles */

#content .news h2 {
   font-family: Arial, Helvetica, sans-serif;
   color: #333;
   font-size: 1.35em;
   letter-spacing: 0.06em;
   padding-bottom: 0.2em;
}

#content .news h3 {
    font-size: 1.15em;
    color: #555;
}


/* Abweichend: Startseite */

.start #top {
   height: 70px;
}

.start #headline {
   height: 50px;
   left: 20px;   
}

#start_left {
   float: left;
   width: 594px; /* left + content */
   display: inline;
}

#start_content {
   float: left;
   width: 574px; /* left + content */
   margin-left: 20px;
   display: inline;
}

.start #left {
   margin-left: 20px;
}
.start #content {
   width: 377px;
}

.start .illustration {
   margin-top: 0;
}


/* Startseite: Aktuelles */

#start .news h3 {
   font-size: 16px;
   color: #6F1D00;
   padding: 0;
   margin: 20px 0 5px 0;
}

#start .newsitem {
   padding: 10px 10px 5px 10px;
   margin-bottom: 10px;
   background-color: #DFDFDF;
}

#start .newsitem h2 {
   color: #333;
   font-weight: bold;
   font-size: 14px;
   letter-spacing: 0.04em;
   padding: 0;

}


/* Untere Reihe: Linker Bereich / Hauptinhalt / Navi */

#left {
   float: left;
   width: 150px;
   padding-top: 3px;
}

#content {
   float: left;
   width: 397px;
   margin-left: 20px;
   display: inline;
}

#content ul {
   margin: 3px 0 3px 20px;
}

#right {
   float: right;
   width: 195px;
}

#kontext {
   float: left;
   width: 195px;
   margin: 20px 0 10px 0;
}

#kontext h3 {
   font-size: 100%;
   font-weight: normal;
   padding-right: 10px;
}

#kontext p {
   font-size: 0.9em;
   padding-right: 10px;
}

#kontext .news {
   margin: 10px 0 10px 0;
}

#kontext .news h3 {
   font-size: 1.5em 
   letter-spacing: 0.04em;
   margin: 0 10px 0 0;
   color: #333;
}

#kontext .news h2 {
   font-size: 1.25em; 
   letter-spacing: 0.04em;
   margin: 0; 
}

/* Navigation */

#nav {
   float: left;
   width: 195px;
   margin: 3px 0 0 0;
   background-color: #EEE;
}

#nav li {
   width: 100%;
   line-height: 25px;
   border-top: 1px solid #FFF;
   list-style-type: none;

}

#nav a {
   line-height: 25px;
   padding-left: 5px;
   display: block;
   text-decoration: none;
   color: #333;
}

#nav li.lev2, #nav li.lev3 {
   border-top: none;
}

#nav li.lev2 a {
   padding-left: 20px;
}

#nav li.lev3 a {
   padding-left: 40px;
}

#nav a.sel, #nav a:hover, #nav a:active {
   background-color: #DDD;
}

#nav ul {
   border-bottom: 1px solid #FFF;
}

#nav .bold {
   font-weight: bold;
}

#footer {
   width: 100%;
   height: 50px;
   font-size: 0.9em;
   color: #666;
   margin-top: 25px;
}

/* Galerie */

.infobox {
   float: left;
   background-color: #EEE; 
   padding: 5px 10px;
   margin: 0 10px 10px 0;   
}

.box {
   float: left;
   width: 100%;
   padding: 5px 0 20px 0;
}

.img {
   float: left;
   width: 150px;
   margin: 0 10px 10px 0;
}

.gal {
   float: left;
   width: 76px;
   margin: 0 10px 10px 0;
}

.galerie {
   width: 450px;
}

.gal_img {
   float: left;
   width: 55px;
   height: 55px;
   margin: 0 10px 10px 0;
   display: inline;
}

/* Absende-Knöpfe */ 

.bt { 
   padding: 3px 2px;
   background-color: #B4DFA7;
}

.bt_cancel {
   padding: 3px 2px;
   background-color: #FFBD6F;
}

.clear {
	clear: both;
}

/* H2: ohne Abstand nach oben */
.top {
	margin-top: 0;
}

.klein {
   font-size: 0.9em;
}

.grau,
.grau a { 
   color: #666;
}

.right {
   float: right;
   text-align: right;
}

/* Formulare */

.err_msg {
	width: 80%;
	border: 1px solid #FF0000;
	padding: 5px 5px;
}

.err {
	background-color: #FF0000;
	color: #FFF;
	padding: 1px 4px;
}

.frm fieldset {
	margin: 0 0 20px 0;
	color: #666;
}

.frm label, .frm input, .frm textarea {
	float: left;
   margin: 5px 0 0 0;	
	color: #000;
}

.frm label {
	width: 80%;
}

.frm input, .frm textarea {
	width: 80%;
}