@charset "utf-8";
/* CSS Document */


*{
margin:0;
padding:0;
border:0;
font-family:"Trebuchet MS", Helvetica;

}

body{
background:url("http://www.siloah-hof.de/fileadmin/images/layout/main-bg.jpg") fixed;;
/*background:fixed*/
background-position:center 0;
background-repeat:no-repeat;
/* background-color:#d6dce3;*/ 


text-align:center;
font-size: 95%;
}

body h1{
font-size:1.2em;
}

#container {
position:absolute;
top:90px;
left:0px;
z-index:5;
width:100%;
text-align:center;
}

#containernav {
position:absolute;
top:67px;
left:0px;
z-index:7;
width:100%;
height:97px;
text-align:center;
}




#navigation {
margin: 0 auto;
width: 905px;

}

#navigation img{
padding: 0px;
margin: 0px;
float:left;
/*border-bottom:#000 1px solid;*/
}

#containerheadnav {
width:100%;
height:100px;
text-align:center;
position:absolute;
top:0px;
left:0px;
z-index:7;
}

#headnav {
margin: 0 auto;
width:200px;
padding-left:700px;
}

#headnav ul{
}

#headnav li{
list-style:none;
display:block;
float:left;
}

#headnav a{
text-decoration:none;
line-height:25px;
font-size:0.7em;
padding:0 20px 0 20px;
color:#888;
}

#headnav a:hover{
color:#000;
}


/* */

#maincontent {
margin: 0 auto;
width: 931px;
text-align:left;
}

#ff{
width:904px;
height:122px;
margin-left:13px;
/*padding-top:105px;*/
border-right:#FFFFFF 2px solid;
background:url(http://www.siloah-hof.de/fileadmin/images/layout/ff_startseite.png);
background-repeat:no-repeat;
border-bottom:#fff 3px solid;
overflow:hidden;
}

#ff ul li{
display:block;
float:left;
list-style:none;
padding-left:20px;
padding-right:20px;
vertical-align:bottom;
padding-top:100px;
line-height:25px;

}

#ff a:link, #ff a:active, #ff a:visited{
color:#000000;
text-decoration:none;
font-size:0.8em;

}

#ff a:hover{ /*
background-color:#FFFFFF;
color:#000000;
*/
}

#mainimages {
padding-left:14px;
width:904px;
overflow:hidden; 
float:left;
}

#mainblock {
padding-left:14px;
/*background-image:url(http://www.siloah-hof.de/fileadmin/images/layout/content-bg.jpg);*/
width:932px;

}

#mainleft {
font-size:0.85em;
padding-top:20px;
padding-left:10px;
padding-right:20px;
width:570px;
overflow:hidden;
float:left;
background-color:#FFFFFF;
}

#mainleft ul {
margin-left:50px;
}
#mainleft h1 {
font-size:1.3em;
}

#mainleft img{
margin:5px;
}

#mainright {
margin-right:14px;
margin-left:600px;
margin-top: 0px;
margin-bottom:2px;
padding-top:20px;
padding-left:20px;
padding-right:19px;
/*background-image:url(http://www.siloah-hof.de/fileadmin/images/layout/newsbg.jpg);*/
}


#mainright csc-textpic-clear {float:left;}
#mainright csc-textpic {float:left;}
#mainright csc-textpic-imagewrap {float:left;}
#mainright csc-textpic-image {float:left;}












/* Mainnavigation start*/
#subelements{
font-size:0.9em;
}

#subelements ul { 
width:190px;
font-size:0.9em;
text-align:left;
list-style:none;
background-color:#FFFFFF;
}

#subelements a{
text-decoration:none;
line-height:2em;
}



/* */


#substartseite{
position:absolute;
top:95px;
left:0px;
z-index:6;
width:109px;
visibility:hidden;

padding-top:94px;

background-color:#f0d63e;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_startseite.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}

#substartseite ul{
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:109px;
}

#substartseite li{
display: block;
}

#substartseite a:link, #substartseite a:link, #substartseite a:visited, #substartseite a:active{
display:block;
line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#000;
font-size:0.75em;
border-top:#c5af2e 1px solid;
}

#substartseite a:hover{
background-color:#dec535;
color:#000;
} 













/* */

/*

#substartseite{
width:900px;
margin: 0 auto;
padding-right:0;
text-align:left;
font-size:0.9em;
}
*/

/* */



#subkommunitaet{
position:absolute;
top:125px;
left:0px;
z-index:6;
width:176px;
visibility:hidden;
padding-top:68px;

background-color:#00616e;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_kommunitaet.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}


#jahresteam{
background-color:#00616e;
position:absolute;
top:219px;
left:0px;
z-index:7;
width:176px;
text-align:left;
visibility:hidden;
}

#freundeskreis{
background-color:#00616e;
position:absolute;
top:250px;
left:0px;
z-index:7;
width:166px;
text-align:left;
visibility:hidden;
}


#subkommunitaet ul, #jahresteam ul, #freundeskreis ul {
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:176px;
}

#subkommunitaet li, #jahresteam li, #freundeskreis li {
display: inline;

}

#subkommunitaet a:link, #subkommunitaet a:visited, #jahresteam a, #freundeskreis a {
display:block;

line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#FFFFFF;
font-size:0.75em;
border-top:#02515b 1px solid;
}

#subkommunitaet a:hover, #jahresteam a:hover, #freundeskreis a:hover{
background-color:#02515b;
color:#fff;
}




/* */





#subkinder{
position:absolute;
top:140px;
left:0px;
z-index:6;
width:173px;
visibility:hidden;
padding-top:52px;

background-color:#0196d4;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_kinder.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}


#gruppen{
background-color:#0196d4;
position:absolute;
top:192px;
left:0px;
z-index:7;
width:173px;
text-align:left;
visibility:hidden;
}

#subkinder ul, #gruppen ul{
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:173px;
}

#subkinder li, #gruppen li{
display: block;

}

#subkinder a:link, #subkinder a:visited, #subkinder a:active, #gruppen a{
display:block;
line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#FFFFFF;
font-size:0.75em;
border-top:#017db1 1px solid;
}

#subkinder a:hover, #gruppen a:hover{
background-color:#0085bd;
color:#fff;
}



/* */




#sublandwirtschaft{
position:absolute;
top:140px;
left:0px;
z-index:6;
width:109px;
visibility:hidden;
padding-top:52px;

background-color:#01d438;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_landwirtschaft.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}

#sublandwirtschaft ul{
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:109px;
}

#sublandwirtschaft li{
display: block;
}

#sublandwirtschaft a:link, #sublandwirtschaft a:link, #sublandwirtschaft a:visited, #sublandwirtschaft a:active{
display:block;
line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#FFFFFF;
font-size:0.75em;
border-top:#0b8e2d 1px solid;
}

#sublandwirtschaft a:hover{
background-color:#09ba37;
color:#fff;
} 









/* */



#subtermine{
position:absolute;
top:79px;
left:0px;
z-index:6;
width:196px;
visibility:hidden;
padding-top:113px;

background-color:#d46401;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_termine.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}


#gebetstag{
background-color:#d46401;
position:absolute;
top:307px;
left:0px;
z-index:7;
width:196px;
text-align:left;
visibility:hidden;
}

#weihnachten{
background-color:#d46401;
position:absolute;
top:336px;
left:0px;
z-index:7;
width:196px;
text-align:left;
visibility:hidden;
}

#uebersicht{
background-color:#d46401;
position:absolute;
top:191px;
left:0px;
z-index:7;
width:196px;
text-align:left;
visibility:hidden;
}



#subtermine ul, #gebetstag ul, #weihnachten ul, #uebersicht ul {
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:196px;
}

#subtermine li, #gebetstag li, #weihnachten li, #uebersicht li {
display: inline;

}

#subtermine a:link, #subtermine a:visited, #gebetstag a, #weihnachten a, #uebersicht a {
display:block;

line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#000;
font-size:0.75em;
border-top:#954c0b 1px solid;
}

#subtermine a:hover, #gebetstag a:hover, #weihnachten a:hover, #uebersicht a:hover{
background-color:#bb5903;
color:#000;
}



/* */









#subfreizeithaus{
position:absolute;
top:140px;
left:0px;
z-index:6;
width:170px;
visibility:hidden;
padding-top:50px;

background-color:#f0d63e;
background-image: url(http://www.siloah-hof.de/fileadmin/images/navigation/ug_freizeithaus.jpg);
background-position:0px 0px;
background-repeat:no-repeat;
/*border-left:#02515b 1px solid;
border-right:#02515b 1px solid;*/
}


#gut{
background-color:#f0d63e;
position:absolute;
top:219px;
left:0px;
z-index:7;
width:170px;
text-align:left;
visibility:hidden;
}

#freizeit{
background-color:#f0d63e;
position:absolute;
top:248px;
left:0px;
z-index:7;
width:170px;
text-align:left;
visibility:hidden;
}


#subfreizeithaus ul, #gut ul, #freizeit ul {
padding-top:0px;
list-style:none;
color:#FFFFFF;
text-align:left;
width:170px;
}

#subfreizeithaus li, #gut li, #freizeit li {
display: inline;

}

#subfreizeithaus a:link, #subfreizeithaus a:visited, #gut a, #freizeit a {
display:block;

line-height:25px;
padding-left:10px;
padding-top:3px;
padding:bottom:5px;
padding-right: 20px;
text-decoration:none;
color:#000;
font-size:0.75em;
border-top:#c5af2e 1px solid;
}

#subfreizeithaus a:hover, #gut a:hover, #freizeit a:hover{
background-color:#dec535;
color:#000;
}



/* */



/*
#containersubtermine{
position:absolute;
top:155px;
left:0px;
z-index:6;
width:100%;
text-align:center;
}

#subtermine {
width:250px;
padding-left:700px;
margin: 0 auto;
padding-right:0;
text-align:left;
font-size:0.9em;
}
*/





#left {
float:left;
height: 100%;
width:auto;
background-color:#CCCCCC;
}

#main {
width:900px;;

}

#right {

height: 100%;
width:auto;
background-color:#CCCCCC;
}




/* News */
.news_title{
padding-top:10px;
padding-bottom:10px;
}

.news_title a{
color:#000000;
line-height: 1.2em;
text-decoration:none;
font-weight:bold;

}

.news_text {
font-size:0.8em;
}

.news_date {
font-size:0.7em;
}

.news_image{
padding:10px 0 10px 0;
color:#000;
}




.news_link a:visited, .news_link a:active, .news_link a:link {
font-size:0.8em;
color:#000000;
}

.news_link a:hover{

}



.tx-newskategorie-pi1 ul li{
list-style:none;
}

.tx-newskategorie-pi1 a:link, .tx-newskategorie-pi1 a:visited, .tx-newskategorie-pi1 a:active{
color:#000;
text-decoration:none;
}

.tx-newskategorie-pi1 a:hover{
color:#000;
text-decoration:underline;
}

.news_kategorie_date {
font-size:10px;
font-weight:bold;
}

input, select{
margin:3px;
padding:2px;
border:#CCC 1px solid;
}

.csc-mailform input {
border: #ccc 1px solid;
margin-left:25px; 
padding:5x;
}

.csc-mailform textarea {
border: #ccc 1px solid;
margin-left:25px; padding-bottom:3px;
}

label{
float: left; width: 180px; 
}


#headimgcont{
position:absolute;
top 0px;
left:0px;
z-index:1;
text-align:center;
width:100%;
}

#headimg{
margin: 0 auto;
width:906px;
z-index:1;
background-color:#FFFFFF;
}

.csc-textpic-imagerow{
padding-bottom:5px;
}