/*
full gelb = #ffd500 
light gelb = #fff4bf
grau = #cacaca
text = #333333

*/

body{
font-family: Arial, Helvetica, sans-serif;
background-color:#ffd500;
margin:0px;
color:#333333;
font-size:80%;}

img{}

hr{
background-color:;
color:;
height:1px;
overflow:hidden;
border:1px solid;

}


h1{color:#ffd500 ; padding-top:10px;}
h2{}
h3{}

a:link{color:#7d7d7d; text-decoration:none; }
a:hover{color:#7d7d7d; text-decoration:underline;}
a:active{color:#7d7d7d; text-decoration:underline;}
a:visited{color:#7d7d7d; text-decoration:none;}


/* ######################################## */ 

.links{
float:left;}

.rechts{
float:right;}

.breakefloat{
clear:both;
height:0px;
overflow:hidden;
}


#page{
width:965px;
}


#head{
height:155px;
margin-bottom:10px;
background-color:#FFFFFF;
background-image:url(../images/layout/bg_head.jpg);
background-repeat:no-repeat;}

#logo{float:right; margin:24px;}

#titel{position:absolute;
left:405px; top:85px;
font-size:175%;
text-align:center;
width:220px;}

#layoutbalken{
height:35px;
width:965px;
background-image:url(../images/layout/bg_layoutbalken.gif);
background-position:left;
background-repeat:repeat-y;
background-color:#FFFFFF;}

#mainarea{
background-position:left;
background-repeat:repeat-y;
background-color:#FFFFFF;
width:965px;

}

.bg_startseite{background-image:url(../images/layout/bg_startseite.gif);}
.bg_startseite p{width:410px;}
#teaserbox{float:right; display:inline; width:220px;  margin-right:30px; margin-top:35px;}
#teaserbox p{width:auto;}

#teaserbox2{float:right; display:inline; width:280px;  margin-right:20px; margin-top:35px; padding-left:25px;}
#teaserbox2 p{width:auto;}


.bg_verein{background-image:url(../images/layout/bg_verein.gif);}
.bg_verein p{ max-width:600px;}
.bg_verein #content{width:630px;}


.bg_arbeit{background-image:url(../images/layout/bg_arbeit.gif);}
.bg_arbeit p {width:480px;}
#arbeit_spalte{width:480px;}

.bg_mitgliedschaft{background-image:url(../images/layout/bg_mitgliedschaft.gif);}
.bg_mitgliedschaft p{width:450px;}
#antrag{width:130px; float:right; display:inline; margin:30px 90px 0px 0px;}

#selektivvertrag{width:119px; float:right; display:inline; margin:30px 90px 0px 0px; }

.bg_vorstand{background-image:url(../images/layout/bg_vorstand.gif);}
.bg_vorstand h1{margin-left:275px;}

.bg_kontakt{background-image:url(../images/layout/bg_kontakt.gif);}
#kontaktform{float:right; display:inline; width:270px; height:360px; margin-right:50px; margin-top:50px;}

.bg_impressum{background-image:url(../images/layout/bg_impressum.gif);}

#navi{width:200px; float:left; background-color:#FFFFFF;}

#navi a{
display:block;
padding:5px 30px;
margin:3px 0px ;
background-image:url(../images/layout/pfeil.gif);
background-repeat:no-repeat;
background-position:20px center;
background-color:#fff4bf;
text-decoration:none;
color:#333333;}

#navi a:hover, #navi .active{
background-color:#ffd500;}

#content{
padding:0px 25px ;
width:710px;
float:left;}

#content a{  font-weight:bold;}

#fontsize_selector{color:#7d7d7d; font-weight:bold; font-size:90%; padding:0px 0px 5px 20px;}

#footer{font-weight:bold;
background-color:#cacaca;
padding:5px;
width:955px;
text-align:right;
color:#FFFFFF;}

#footer a {text-decoration:none; color:#FFFFFF;}
#footer a:hover {text-decoration:underline;}

#druckinfo{
display:none;}


/* #################################################### */

input{
border:1px solid #cccccc;}

textarea{
border:1px solid #cccccc;}

.input_header{
font-size:85%;
margin-top:5px;
}

.l_field{
width:260px;}

.m_field{
width:200px;}

.s_field{
width:50px;
margin-right:5px;}

.colored{
color:#ffd500;}

.warnung{
border:solid 2px #ffd500;
color:#ffd500;
padding:4px;
margin:10px 0px;
width:260px;
}

.bestaetigung{
border:solid 2px #333333;
color:#333333;
padding:4px;
margin:10px 0px;}

.links a{color:#7d7d7d; text-decoration:none; }
.links a:hover{color:#7d7d7d; text-decoration:underline;}
.links a:active{color:#7d7d7d; text-decoration:underline;}
.links a:visited{color:#7d7d7d; text-decoration:none;}