/* Guillotine-Bug */
#guihack
{
clear: both;
visibility: hidden;
}

/* 3-Pixel-Bug bei floatenden Spalten
   vor IE Mac verstecken */

* html div#content
{
    height: 1em;
}
/* Verstecken Ende */

/*  Cursorform für Formularbuttons  */

@media screen
{
	.button
	{
	cursor: pointer;
	}
}

/*
#####################################################
##  Standard-Markup-Formatierungen                 ##
#####################################################
*/

*
{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
padding: 0px;
margin: 0px;
}





/*
#####################################################
##  Layout                                         ##
#####################################################
*/

html
{
background-image: url("../../media/layout/background.png");
background-position: 0px 70px;
background-repeat: repeat-x;
overflow: scroll;
}

h1,h2,h3,h4,h5,h6
{
font-size:80%;
font-weight:bold;
line-height:180%;
color:#858585;
padding-bottom:0px;
padding-top:10px;
padding-left:0px;
padding-right:10px;
}

p
{
font-size:80%;
line-height:180%;
color:#858585;
padding-bottom:0px;
padding-top:10px;
padding-left:0px;
padding-right:10px;
}

p img
{
padding-top:10px;
padding-left:0px;
padding-right:10px;
padding-bottom:10px;
}

a
{
color:#6E6E6E;
text-decoration:none;
font-weight:bold;
}

a:hover
{
color:#A1A1A1;
font-weight:bold;
}

#wrapper1
{
width: 801px;
height: 70px;
margin: 0px auto 0 auto;
background-color: white;
}

#logotop
{
float: left;
width: 199px;
height: 70px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

.toplogo
{
background-image: url("../../media/layout/logo_top.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.topejs
{
background-image: url("../../media/layout/ejs_top.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.topjugend
{
background-image: url("../../media/layout/jugendliche_top.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.topkind
{
background-image: url("../../media/layout/kinder_top.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#banner
{
float: left;
width: 600px;
height: 70px;
background-image: url("../../media/layout/banner.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#banner h1
{
display: none;
}

#wrapper2
{
width: 801px;
height: 100px;
margin: 0px auto 0 auto;
background-color: white;
}

#logomid
{
float: left;
width: 199px;
height: 100px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

.midlogo
{
background-image: url("../../media/layout/logo_mid.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.midejs
{
background-image: url("../../media/layout/ejs_mid.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.midjugend
{
background-image: url("../../media/layout/jugendliche_mid.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.midkind
{
background-image: url("../../media/layout/kinder_mid.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menueejs
{
float: left;
width: 150px;
height: 100px;
font-size: 0;
line-height: 0;
color: #ffffff;
background-image: url("../../media/layout/menue_ejs.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menueejs ul
{
list-style-type:none;
text-indent: -999px
}

#menueejs a
{
display: block;
width: 150px;
height: 100px;
}

#menueejs a:hover
{
background-image: url("../../media/layout/menue_ejs_hover.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuekinder
{
float: left;
width: 150px;
height: 100px;
font-size: 0;
line-height: 0;
color: #ffffff;
background-image: url("../../media/layout/menue_kinder.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuekinder ul
{
list-style-type:none;
text-indent: -999px
}

#menuekinder a
{
display: block;
width: 150px;
height: 100px;
}

#menuekinder a:hover
{
background-image: url("../../media/layout/menue_kinder_hover.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuejugendliche
{
float: left;
width: 150px;
height: 100px;
font-size: 0;
line-height: 0;
color: #ffffff;
background-image: url("../../media/layout/menue_jugendliche.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuejugendliche ul
{
list-style-type:none;
text-indent: -999px
}

#menuejugendliche a
{
display: block;
width: 150px;
height: 100px;
}

#menuejugendliche a:hover
{
background-image: url("../../media/layout/menue_jugendliche_hover.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuebilder
{
float: left;
width: 150px;
height: 100px;
font-size: 0;
line-height: 0;
color: #ffffff;
background-image: url("../../media/layout/menue_bilder.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#menuebilder ul
{
list-style-type:none;
text-indent: -999px
}

#menuebilder a
{
display: block;
width: 150px;
height: 100px;
}

#menuebilder a:hover
{
background-image: url("../../media/layout/menue_bilder_hover.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#wrapper3
{
width: 801px;
margin: 0px auto 0 auto;
background-color: white;
background-image: url("../../media/layout/background2.png");
background-position: 0px 0px;
background-repeat: repeat-y;
}

#wrapperlinks
{
float: left;
width: 199px;
border-left: 1px solid #dadada;
border-right: 1px solid #dadada;
}

#logobottom
{
float: left;
width: 199px;
height: 82px;
}

.bottomlogo
{
background-image: url("../../media/layout/logo_bottom.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.bottomejs
{
background-image: url("../../media/layout/ejs_bottom.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.bottomjugend
{
background-image: url("../../media/layout/jugendliche_bottom.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

.bottomkind
{
background-image: url("../../media/layout/kinder_bottom.png");
background-position: 0px 0px;
background-repeat: no-repeat;
}

#haupmenue
{
float: left;
width: 199px;
padding-top: 24px;
}

#servicemenue
{
float: left;
width: 199px;
padding-top: 24px;
}

.menue
{
font-size:80%;
font-weight:bold;
line-height:180%;
}

.menue ul
{
padding:0;
margin:0;
list-style-type:none;
}

.menue ul a
{
color:#6E6E6E;
display: block;
width: 169px;
height: 24px;
padding-bottom:0px;
padding-top:0px;
padding-left:20px;
padding-right:10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.menue ul a:hover
{
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}

.menue ul ul a
{
color:#6E6E6E;
display: block;
width: 159px;
height: 24px;
padding-bottom:0px;
padding-top:0px;
padding-left:30px;
padding-right:10px;
border-top: 1px solid #ffffff;
border-bottom: 1px solid #ffffff;
}

.menue ul ul a:hover
{
border-top: 1px solid #dadada;
border-bottom: 1px solid #dadada;
}

.yellow a:hover
{
color:#F5C100;
}

.green a:hover
{
color:#38A828;
}

.blue a:hover
{
color:#36B7BA;
}

.mauve a:hover
{
color:#CD0073;
}

.start a:hover
{
color:#A1A1A1;
}

#drucken
{
float: left;
width: 169px;
padding-top: 24px;
}

#drucken h1,
#drucken h2,
#drucken h3,
#drucken h4,
#drucken h5,
#drucken h6
{
padding-top:10px;
padding-left:20px;
padding-right:10px;
padding-bottom:0px;
}

#drucken p
{
padding-top:10px;
padding-left:20px;
padding-right:10px;
padding-bottom:0px;
}

#relcontent
{
float: left;
width: 169px;
padding-top: 24px;
}

#relcontent h1,
#relcontent h2,
#relcontent h3,
#relcontent h4,
#relcontent h5,
#relcontent h6
{
padding-top:10px;
padding-left:20px;
padding-right:10px;
padding-bottom:0px;
}

#relcontent p
{
padding-top:10px;
padding-left:20px;
padding-right:10px;
padding-bottom:0px;
}


#content
{
margin-left: 199px;
padding-top:10px;
padding-left:30px;
padding-right:20px;
padding-bottom:10px;
}

.border
{
line-height:1px;
border-top: 1px solid #dadada;
}

.border2
{
line-height:1px;
border-bottom: 1px solid #dadada;
}

.line, .line_rightalign {
border-bottom: 1px solid #dadada;
font-size:80%;
line-height:180%;
color:#858585;
}

.line_rightalign { 
	text-align: right;
	white-space: nowrap;
}

.line_text {
padding: 0px 0px 0px 0px;
}

.dgheader {
font-weight: bold;
font-size:80%;
line-height:180%;
color:#858585;
padding: 5px 0px 10px 0px;
}

.picturelink
{
margin: 10px;        
}

.filename
{
display: block;
width: 160px;
height: 30px;
}