body{
        color: #58585A;
        font-size: 11px;
        font-family: Arial, Helvetica;
        margin: 0;
        padding: 0;
        background-repeat: repeat-x;
        background-color: #FFF;
        text-align: center; /* Fuer IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
}

div{
        text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbındig ausgerichtet sind */
}

html, body{
        font-size: 11px;
        height: 100.1%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

table, tr,td,th{
        color: #58585A;
        font-size: 10px;
        font-family: Verdana, Arial, Helvetica;
}
h1, h2, h3{
        color: #58585A;
}

h3{
        font-size: 11px;
}

div#wrapper{
        height: auto !important; /* !important-Regel fuer moderne Browser */
        height: 100%; /* Mindesthoehe in IE (<7) */
        margin: 0 auto; 
        min-height: 100%; /* Mindesthoehe in modernen Browsern */
        position: relative;
        width: 987px;
        background-image: url(http://www.ibu-service.de/files/schatten.png);
        background-repeat: repeat-y;
}

div#innerwrap{
        width: 987px;
        float: left;
        height: 100%;
}

div#innerinnerwrap{
        margin: 0px 9px 0px 10px;
        background-color: #333;
}

div#header{
        float: left;
        height: 236px; 
        width: 969px;
}

div#logo_spacer{
        padding: 0;
}

div#logo{
        color: #FFF;
        float: left;
}

/* * * * * * * * * * * * * * * * * * * LOGO  * * * * * * * * * * * * * */

div#logo img{
        border: 0px;
}


/* * * * * * * * * * * * * * * * * * * CONTENT  * * * * * * *  * */

div#content{
        float: left;
        margin: 0;
        height: 581px;
}

/* * * * * * * * * * * * * * * * * * * LINKE SPALTE  * * * * * * * * */

.column_left{
        width: 293px;
        float: left;
        padding-top: 68px;
}

.column_left ul{
        font-size: 11px;
        list-style: none;
        padding: 0px;
        margin-left: 46px;
        line-height: 25px;
        width: 210px;
}

.column_left ul li ul{
        font-size: 11px;
        list-style: none;
        padding: 0px;
        margin-left: 20px;
        line-height: 25px;
        width: 190px;
}

.column_left li{
       border-bottom: #F9B800;
}

.column_left li a{
        text-decoration: none;
        color: #710D25;
        padding-left: 2px;
        height: 25px;
        border-bottom: 1px dashed #710D25;
        display: block;
}

.column_left li a:hover,
.column_left li a#active{
        text-decoration: none;
        color: #710D25;
        padding-left: 2px;
        height: 25px;
        border-bottom: 1px dashed #710D25;
        display: block;
        font-weight: bold;
}

.column_left li a:hover{
}

/* * * * * * * * * * * * * * * * * * * MITTLERE SPALTE  * * * * * * * * */

h1.graf{
       font-size: 0.001em;
       text-indent: -20000em;
       height: 25px;
       float: left;
       width: 676px;
       clear: both;
       background-repeat: no-repeat;
}

.column_center h1.headline{
       margin-bottom: 10px;
}

.column_center{
        font-family: Verdana;
        font-size: 10px;
        float: left;
        width: 675px;
        line-height: 16px;
       padding-top: 30px;
}

.column_center h1,
.column_center h2,
.column_center h3,
.column_center h4,
.column_center h5,
.column_center h6{
        padding: 0px;
        margin: 0px; 
}

.column_center p.line-yellow{
        float: left;
        font-size: 0.01em;
        color: #FFF;
        margin-top: 8px;
        margin-bottom: 23px;
        height: 1px;
        width: 375px;
}

.column_center hr{
        float: left;
        margin-top: 5px;
        margin-bottom: 40px;
        width: 600px;
        height:0;
        border-top: 0px;
        border-bottom:1px dashed #710D25;
}
.column_center hr.bottom{
       float: left;
       margin-top: 23px;
       margin-bottom: 5px;
}

.cnt-blck-cnt{
       padding-left: 60px;
       width: 524px;

}


.cnt-blck-cnt h1{
       color: #fff;
       height: 16px;
       font-size: 11px;
       font-weight: bold;
       background-color: #710D25;
       clear: both;
       display: block;
       float: left;
       padding: 0px 5px 0px 5px;
}

.cnt-blck-cnt h2,
.cnt-blck-cnt h3,
.cnt-blck-cnt h4,
.cnt-blck-cnt h5,
.cnt-blck-cnt h6,
.newsletter h2,
.newsletter h3{
       font-size: 11px;
       font-weight: bold;
       clear: both;
margin: 0px;
       display: block;
       padding: 12px 0 0 0;
}

.cnt-blck-cnt img{
       float: left;
       padding-right: 7px;
}

.cnt-blck-cnt p{
       /*width: 525px;*/
       margin: 5px 0 0 0;
clear: both;

}

.column_center a{
        color: #710D25;
        font-weight: bold;
}

.cnt-blck-cnt ul{
        margin-top: 0px;
        padding: 5px 0 0 15px;
        float: left;
}


/* * * * * * * * * * * * * * * * * * * M E T A  U N T E N  * * * * * * * * */

#meta{
        font-family: Arial;
        float: left;
        width: 600px;
        text-align: right;
        color: #710D25;
}

#meta a{
        font-size: 11px;
        font-weight: normal;
        text-decoration: none;
}


/* * * * * * * * * * * * * * * * * * * Formular  * * * * * * * * */

#form_formular{
        width: 540px;
        padding-left: 59px;
}

#form_formular label{
        float: left;
        width: 100px;
}

#form_formular input,select{
        width: 200px;
}

#form_formular textarea{
        width: 250px;
        margin-left: 100px;
}

p.answertext{
        padding-left: 59px;
        clear: both;
}

a#metafirst{
       margin-right: 10px;
}
a#metalast{
       margin-left: 10px;
}

/* * * * * * * * * * * * * * * * * * * NEWSLETTER  * * * * * * * * */
.newsletter{
       padding-left: 59px;
}

.newsletter form p label{
       float: left;
       width: 100px;

}

/* * * * * * * * * * * * * * * * * * * ARTIKELISTE  * * * * * * * * */

div.artikeliste {
	margin:10px 70px 0px 60px;
}

div.artikeliste div.article-list p{
margin-top:0px;
}

/* * * * * * * * * * * * * * * * * * * CLEANEN  * * * * * * * * */

.clearer {
        clear:both;
}

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

.clearfix {display: inline-block;}
        /* Hides from IE-mac \*/
        * html .clearfix {height: 1%;}
        .clearfix {display: block;}
        /* End hide from IE-mac */






#form-module {
}

#form-module div.cols, 
#form-module div.cols p, 
#form-module p.formcheckbox {
	float: left;
	width: 100%;
}

#form-module div.cols
{
	clear:both;
	width:550px;
}


#form-module div.col-a {
	float: left;
	width: 250px;
padding:0px 0px 10px 0px;
margin:0px 20px 0px 0px;
}

#form-module div.col-b {
	float: right;
	width: 250px;
padding:0px 0px 10px 0px;
margin:0px 0px 0px 0px;
}

#form-module div.cols p.info {
	font-style: italic;
}
#form-module div.cols p.formtext label {
	float: left;
	display: block;
	width: 100px;
}
#form-module div.cols p.formtext input {
	width: 140px;
}
#form-module p.formcheckbox label {
	float: none;
	display: inline;
	width: auto;
}
#form-module p.formcheckbox input {
	display: inline;
	width: auto;
	margin: 0px 10px 0px 0px;
	vertical-align: bottom;
}
#form-module p.formsubmit label {
	display: none;
}
#form-module p.formsubmit input {
	width: auto;
}

ul.form_warning,
label.form_warning {
	color:#a00;
}

input.form_warning {
	background-color:#fcc;
}

#form-module ul.form_warning li.error_occured {
list-style-type:none;
}
