/* by hoffnungsträger - Agentur für Kommunikation */


/* Gerüst */

*
{
 padding:0px;
 margin:0px;
}


body
{
 font-family:Arial,Verdana,Helvetica;
 font-size:80%;
 color:#666666;
 text-align:center;
 background:#eeeeee;
 margin:0px;
 padding:0px;
}


#container
{
 margin:0px auto;
 padding:0px;
 width:950px;
 text-align:center;
 background:#eeeeee url(/fileadmin/tmpl/img/schatten_seite.png) scroll repeat-y; 
}

ul
{
 margin:0px;
 padding:0px;
 list-style-type:none;
}



#site
{
 margin:0px auto;
 padding:0px;
 width:900px;
 text-align:left;
 background-color:#ffffff;
}


#header
{
 background-color:#ffffff;
 background-repeat:no-repeat;
 background-position:left;
 height:180px;
}


.menu
{
 height:46px;
 background:#ccc url(/fileadmin/tmpl/img/bg_navi.jpg) scroll repeat-x;
 padding-left:45px;
}


#unterzeile
{
 padding: 15px 0px;
 font-size:0.9em;
}

#breadcrump
{
 float:left;
 width:570px;
 padding-left:60px;
}

#sprache
{
 float:right;
 width:210px;
 padding-right:20px;
 padding-top:2px;
}

#sprachauswahl
{
 line-height:100%;
}





#main
{
 padding: 20px 0px;
}

#content
{
 float:left;
 width:570px;
 padding-left:60px;
 padding-bottom:10px;
}

#marginalspalte
{
 float:right;
 width:210px;
 padding-right:20px;
 padding-top:70px;
}



#footer
{

 background-color:#ffffff;
 color:#666666;
 text-align:left;
 font-size:0.9em;
 padding:5px 0px;
 padding-left:60px;
}


#abschluss
{
 background:#ccc url(/fileadmin/tmpl/img/schatten_unten.jpg) scroll no-repeat; 
 height:40px;
}


.clear
{
 clear:both;
}

.spacer1
{
 height:2px;
 background:#fff url(/fileadmin/tmpl/img/linie_durchgezogen.jpg) scroll no-repeat;
}

.spacer2
{
 height:2px;
 background:#fff url(/fileadmin/tmpl/img/linie_unterbrochen.jpg) scroll no-repeat;
}


img
{
 padding:0px;
 margin:0px;
 border:none;
}









/* Navigationen */


/* remove the bullets, padding and margins from the lists */
.menu ul{
 list-style-type:none;
 padding:0;
 margin:0;
}


/* make the top level links horizontal and position relative so that we can position the sub level */
.menu li{
 float:left;
 position:relative;
 z-index:100;
}


.menu .lvl2 li{
 float:left;
 position:relative;
 z-index:100;
 background-color:#eaeaea;
 border-bottom: 1px dotted #006AB3;
}






/* use the table to position the dropdown list */
.menu table{
 position:absolute;
 border-collapse:collapse;
 z-index:80;
 left:-1px;
 top:25px;
}


/* style all the links */
.menu a, .menu :visited {
 display:block;
 font-size:1em;
 width:122px;
 padding:23px 0;
 padding-top:7px;
 padding-left:53px;
 color:#006AB3;
 text-decoration:none;
 text-align:left;
 font-weight:normal;
}


.menu .lvl2 a, .menu .lvl :visited {
 display:block;
 font-size:1em;
 width:160px;
 padding:10px 0;
 padding-left:15px;
 color:#666666;
 text-decoration:none;
 text-align:left;
 font-weight:normal;
}





.navi01act a, .navi01act :visited {
 color:#CC071E;
 font-weight:bold;
}

.navi02act a, .navi02act :visited {
 color:#CC071E;
 font-weight:bold;
}

.navi03act a, .navi03act :visited {
 color:#CC071E;
 font-weight:bold;
}

.navi04act a, .navi04act :visited {
 color:#CC071E;
 font-weight:bold;
}





/* style the links hover */
.menu :hover{
color:#CC071E;
}


.menu .lvl2 :hover{
 color:#CC071E;
 font-weight:bold;
}





/* hide the sub level links */
.menu ul ul {
visibility:hidden;
position:absolute;
width:175px;
height:0;
}



/* make the sub level visible on hover list or link */
.menu ul li:hover ul,
.menu ul a:hover ul{
visibility:visible;
}



.navi01no
{
 background: transparent url(/fileadmin/tmpl/img/navi01no.jpg) no-repeat scroll left top;
}

.navi01act
{
 background: transparent url(/fileadmin/tmpl/img/navi01act.jpg) no-repeat scroll left top;
 color:#CC071E;
}


.navi02no
{
 background: transparent url(/fileadmin/tmpl/img/navi02no.jpg) no-repeat scroll left top;
}

.navi02act
{
 background: transparent url(/fileadmin/tmpl/img/navi02act.jpg) no-repeat scroll left top;
}


.navi03no
{
 background: transparent url(/fileadmin/tmpl/img/navi03no.jpg) no-repeat scroll left top;
}

.navi03act
{
 background: transparent url(/fileadmin/tmpl/img/navi03act.jpg) no-repeat scroll left top;
}


.navi04no
{
 background: transparent url(/fileadmin/tmpl/img/navi04no.jpg) no-repeat scroll left top;
}

.navi04act
{
 background: transparent url(/fileadmin/tmpl/img/navi04act.jpg) no-repeat scroll left top;
}







#rootline a
{
 text-decoration:none;
 color:#666666;
 font-size:0.95em;
}

#rootline a
{
 text-decoration:none;
 color:#666666;
 font-size:0.95em;
}

#rootline a:hover
{
 text-decoration:underline;
}



#footer a
{
 text-decoration:none;
 color:#666666;
 font-size:0.95em;
}

#footer a:visited
{
 text-decoration:none;
 color:#666666;
 font-size:0.95em;
}

#footer a:hover
{
 text-decoration:underline;
}





#sprache a
{
 text-decoration:none;
 color:#CC071E;
 font-size:0.95em;
}

#sprache a:visited
{
 text-decoration:none;
 color:#CC071E;
 font-size:0.95em;
}

#sprache a:hover
{
 text-decoration:underline;
}





/* TEXT */

h1
{
 font-weight:bold;
 color:#CC071E;
 font-size:1.1em;
 margin:0px;
 padding:0px;
 line-height:140%;
}

h2
{
 font-weight:bold;
 color:#006AB3;
 font-size:1.6em;
 margin:0px;
 padding:0px;
 line-height:160%;
}


h3
{
 font-weight:bold;
 color:#006AB3;
 font-size:1em;
 margin:0px;
 padding:0px;
 line-height:250%;
}





p
{
 margin:0px;
 padding:0px;
 line-height:180%;
}


p a
{
 text-decoration:none;
 color:#CC071E;
}


a img
{
 text-decoration:none;
 border:none;
}


.absender
{
 visibility:hidden;
}




#marginalspalte ul
{
 list-style-type: none;
 padding-top:5px;
}


#marginalspalte li
{
 background-image: url(/fileadmin/tmpl/img/punkt.png);
 background-repeat:no-repeat;
 background-position:0px 3px;
 color:#006AB3;
 padding:5px 0px;
 padding-left:15px;
}















.csc-frame-rulerAfter, .csc-frame-rulerBefore
{
 height:25px;
 border-top:1px dotted #D51F69;
}



#homecontainer .csc-textpic
{
 padding-top:0px;
}




.csc-textpic-imagewrap img
{
 padding-top:5px;
 padding-right:10px;
}









/* SITEMAP */


.csc-sitemap a, .csc-sitemap a:visited
{
 text-decoration:none;
 color:#006AB3;
}

.csc-sitemap a:hover
{
 text-decoration:underline;
}

.csc-sitemap ul
{
 list-style-type:none;
 padding-left:25px;
}



.csc-sitemap li
{
 padding:5px 0;
 background-image: url(/fileadmin/tmpl/img/punkt.png);
 background-repeat:no-repeat;
 background-position:0px 3px;
 color:#006AB3;
 padding-left:15px; 
}





/* Mailformulare */


fieldset
{
 margin:0px;
 padding:0px;
 border:none;
 padding-top:25px;
}



label
{
 width:150px;
 display:block;
 float:left;
}

input
{
 width:204px;
 display:block;
 float:left;
}

.csc-mailform-field
{
 padding-bottom:10px;
}

input, textarea
{
 font-family:Arial,Verdana,Helvetica;
 font-size:1em;
 color:#654430;
 text-align:left;
}


.csc-mailform-submit
{
 text-align:center;
 color:#D51F69;
}


.csc-mailform-check
{
 text-align:left;
 width:0px;
 margin:0px;
}


