/* Standardangaben

Paddings und Margins auf 0 setzen, vertikaler Scrollbar immer sichtbar, Clearfix und float-standard

*/



html{ height: 100.1%; }

*{ padding: 0; margin: 0;}

a img{ border: none; }

form {display: inline}

ul img, .navigation img{ vertical-align: bottom; }

.clearfix:after { content: ".";     display: block;     height: 0;     clear: both;     visibility: hidden; }

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.floatleft { float: left; margin-right: 10px; display: inline;}

.floatright {float: right; margin-left: 10px; display: inline;}



/* Schriftart und Größe für die Seite, Abstände von Paragraphen usw */

body, table, td, p {

    font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;

    font-weight: normal;

}



body, p, li{

    line-height: 1.3em;

}



body{

    background: white;

    text-align: center;

    padding: 0;

    margin: 0;

}

table tr td {

	padding:4px;

}

p {

    margin: 0em 0 1em;

    padding: 0;

}



/* Grundgerüst */





#navigation{

	background: url( ../bilder2008/navigation_balken_oben.png );

	height: 195px;

}

#navigation ul li{

	list-style: none;

}

#navigationContent {

    margin: 0 auto;

    text-align: left;

    position: relative;

    width: 980px;

    height: 195px;

}

#navigationLanguage {

	margin-top: 2px;

	margin-bottom: 20px;

	color: #a0a0a0;

}



#navigationListe {

    position: absolute;

    bottom: 6px;

    left: 220px;

}

#navigationListe ul {

	list-style: none;

	margin: 0;

    padding: 0;

}

#navigationListe ul li {

	float: left;

}

#navigationListe ul li a{

    border-left: 1px solid black;

	border-right: 1px solid white;

    float: left;

	width: 135px;

	height: 33px;

    line-height: 33px;

    display: block;

	color: white;

	font-size: 12px;

	text-transform: uppercase;

	text-align: center;

	text-decoration: none;

}

#navigationListe ul li a:hover {

	text-decoration: underline;

	font-weight: bold;

	background: #4DA0C7;

}



#content{

    margin: 0 auto;

    text-align: left;

    width: 980px;

    background: url( ../bilder2008/content_background.png );

    padding-top:15px;

}

#content2 {

    margin-left:1px;

    padding-top:2px;

    background: url( ../bilder2008/unternavigation_background.png );

    background-repeat:no-repeat;

}

#unternavigation {

	float:left;

	width: 199px;

}

#unternavigation h2 {

    text-transform: uppercase;

    color: white;

    background: #0077AF;

    padding-left: 5px;



    line-height:20px;

    font-size: 13px;

}

#unternavigation h3 {

    text-transform: lowercase;

    color: white;

    background: #0077AF;

    padding-left: 5px;

    line-height:20px;

    font-size: 12px;

}

#unternavigation h3 a{

    color: white;

    margin-right: 5px;

}

.hauptactive a{

    text-decoration: underline;

    font-weight: bold;

    background: #4DA0C7;

}

.unteractive {

    font-weight: bold;

}

.unternavigationContent {

    margin-top:1px;

    border-top: 1px solid #0077AF;

}

#termindetail {

       display:none;

}

#termindetail_inhalt {



    background: #0077AF;

    padding:4px;

    width:191px;



    margin-top:5px;



}

.terminInhalt {

    background:white;



}

.terminInhalt h4 {

    background:  #0077AF;

    border: 1px solid white;

    color: white;

    padding:2px;

}

.terminContent {

    padding: 4px;

    font-size: 11px;

    border-top:1px solid #0077AF;

}

#schlagwort {

	position:absolute;

	z-index: 10;

}

#schlagwort_inhalt {

    border: 1px solid black;

    padding: 4px;

    background: rgb(239, 239, 239);

    width: 350px;

    display: block;



}

#inhalt{

    margin-left: 25px;

    float: left;

    width:730px;

}





#newsbox {

    background: url( ../bilder2008/newsbox_background.png );

    float:right;

    width: 199px;

    margin-left:20px;

    background-repeat:no-repeat;



}

#newsbox2 {

    width: 180px;

    margin-left:21px;

}

#newsbox h2 {

    text-transform: uppercase;

    color: white;

    background: #0077AF;

    padding-left: 5px;



    line-height:20px;

    font-size: 14px;

}

#newsbox h3 {

    color: white;

    background: #0077AF;

    padding-left: 5px;

    line-height:20px;

    font-size: 12px;

}

#newsbox h3 a{

    color: white;

    margin-right: 5px;

}

.newsboxinhalt {

    margin-top:1px;

    border-top: 1px solid #0077AF;

}

#footer{

    background: url( ../bilder2008/footer_background.png );

    background-repeat: no-repeat;

    height: 50px;

    color: #0077af;

    text-align: center;

    font-size: 10px;

}

/* Ende Grundgerüst */







/* Inhalt */



#content ul{

    padding-left: 25px;

    margin : 15px 0;

    list-style: none;

}

#content ol{

    padding-left: 25px;

    margin : 15px 0;



}



#content ul li {

    list-style-image:url('../bilder/listenpunkt.gif');

    padding-left: 5px;

    position: relative;

}



.unternavigationContent ul li {

    padding-bottom: 10px;

}



h1{

    font-size: 16px;

    margin: 0 0 0.5em 0;

}



h2{

    font-size: 14px;

    margin: 0 0 0.1em 0;

}



h3{

    font-size: 14px;

    margin: 0 0 0.3em 0;

}



a {

    color: #5b80b2;

}



a:hover {

    color: #036;

    text-decoration: none;

}



.repeater{

    margin-bottom: 1.4em;

}



.repeater h2{

    margin: 0;

    font-size: 12px;

    padding: 0;

}



.rahmen {

    border: 1px solid black

}



.datum {

    font-size: 10px;

    color: #808080;

}

.button{

    background: #cecece;

    padding: 1px;

    }



/* Kontaktformular */

.kontakt, input.text, textarea.text {

    width: 250px;

}



#formmailmessage, .formmailerror {

    width: 370px;

}



label {

    position: relative;

    width: 170px;

    float: left;

    margin-bottom: 5px;

}



#kontaktform label {

    position: relative;

    width: 130px;

    float: left;

    margin-bottom: 5px;

}



input, textarea, select {

    background: #ffffff;

    color: #000000;

    border: 1px solid black;

}



input.text, input.password, textarea.text{

    margin: 0px 0px 5px 0px;

    padding: 2px 0;

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x;

    border: 1px solid #cccccc;

    font-size: 11px;

}



input.required, input.password.required, textarea.required{

    margin: 0px 0px 5px 0px;

    padding: 2px 0;

    background: #ffffff url(../bilder/hintergrund_input_text_required.gif) repeat-x;

    border: 1px solid #F8D5D5;

}



form input.required.completed, form input.ausfuellen.completed{

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x !important;

    border: 1px solid #cccccc !important;

}



select {

    margin-bottom: 5px;

    font-size: 11px;

    padding: 2px;

}



body > select {

    margin-bottom: 0px;

}



.checkbox, .radio {

    background: none;

    margin-bottom: 5px;

    border: 0;

}



.submit{

    margin: 5px 0 5px 0;

    padding: 2px 2px;

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x;

    border: 1px solid #cccccc;

}



input:focus, select:focus, input.required:focus {

    border: 1px solid black;

}



form label.required {

    color: red;

}



form label.completed {

    color: black;

}



.ausfuellen {

    border: 1px solid red;

}



#formmailmessage, .formmailerror {

    border: 1px solid #E7DBC6;

    padding: 5px;

    color: red;

    margin: 0px 0px 5px 0px;

    background: #ffffff url(../bilder/hintergrund_input_text_required.gif) repeat-x;

    display: none;

    overflow: hidden;

    line-height: 1.3em;

}



.formmailerror{

    display: block;

}



#formmailmessage.complete{

    color: black;

    border: 1px solid green;

    background: #ffffff url(../bilder/hintergrund_input_text.gif) repeat-x;

}



#formmailmessage em{

    color: green !important;

    font-weight: bold;

}



#formmailmessage .linkespalte{

    width: 110px;

    display: block;

    float: left;

    margin: 0;

}



#formmailmessage .rechtespalte{

    width: 110px;

    display: block;

    float: left;

    margin: 0;

}



#formmailmessage #daten{

    margin-top: 10px;

}



#formmailmessage br{

    clear: left;

}





.kontakt {

    position: relative;

    display: block;

    float: left;

    margin-bottom: 5px;

}



#anschrift {

    float: right;

    position: relative;

}



#anschrift label {

    position: relative;

    width: 60px;

    float: left;

    margin-bottom: 2px;

}



#anschrift p {

    margin-top: 4px;

}



#kontaktform, #formmailmessage {

    margin-right: 10px;

    position: relative;

}



#kontaktform input.radio {

    width: auto;

    margin: 0;

    padding: 0;

    border: 0;

    background: none;

}



.clearleft {clear: left; }

/* Ende Kontakt */



.kb_uebersicht {

    border: 1px solid black;

    background: #f0f0f0;

    padding: 4px;

    width:600px

}



.kbtabelle {

    border: 1px solid #0077AF;

    width:608px

}

.kbzeile {

    background:#0077AF;

    color:white;

}



.projekttabelle {

    background:#0077AF;

}