*{margin:0;padding:0;}

html{
height:100%;
margin-bottom:1px;
}
body{
font-family: Arial, Helvetica, FreeSans, sans-serif;
font-size:75%;
line-height:1.5em;
color:#555555;
}
.wrapper{
font-size:1em;
}
.floatleft { float:left;  }
.floatright{ float:right; }
.clear{
clear:both;
}
.clear_left{
clear:left;
}
.center{
  text-align:center;
}
h1 { font-size:  2em;}
h2 { font-size:1.8em;}
h3 { font-size:1.6em;}
h4 { font-size:1.4em;}
h5 { font-size:1.2em;}
h6 { font-size:  1em; color:#EF7600;}

h1, h2, h3, h4, h5, h6, p, dt, dd{
line-height:1.5em;
margin-bottom:1em;
}
a:link, a:visited{
font-weight:bold;
color:#EF7600;
}
a:hover{
color:#555555;
}
.falsch{text-decoration:line-through;}
h2 span{
display:block;
}
body{
padding-bottom:50px;
}
.wrapper{
width:688px;
margin:100px auto;
padding:0 153px 0 100px;
position:relative;
}
.menu{
width:187px;
height:249px;
float:left;
padding-top:4px;
}
.logo{
height:251px;
width:501px;
float:right;
}
h1{
display:block;
height:251px;
width:501px;
background:url(bilder/logo.jpg) 0 0 no-repeat;
}
h1 a{
display:block;
height:251px;
width:501px;
}
h1 span{
margin-left:-999em;
}
.menu ul{
list-style:none;
}
.menu li a{
display:block;
height:83px;
width:187px;
}
.menu li a span{
margin-left:-999em;
}
.menu .wer  a       { background:url(bilder/wer.jpg)        0 0 no-repeat; }
.menu .wer  a:hover { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
.menu .wann a       { background:url(bilder/wann.jpg)       0 0 no-repeat; }
.menu .wann a:hover { background:url(bilder/wann_hover.jpg) 0 0 no-repeat; }
.menu .was  a       { background:url(bilder/was.jpg)        0 0 no-repeat; }
.menu .was  a:hover { background:url(bilder/was_hover.jpg)  0 0 no-repeat; }

.toc{
position:absolute;
top:283px;
left:810px;
padding:0 20px 9px 5px;
min-width:120px;
border-bottom:1px solid #BFBFBF;
/* border-top:1px solid #BFBFBF; */
border-right:1px solid #BFBFBF;
}
.toc ul{
list-style:none;
margin:0 0 1em 0;
}
.galerie img{
border:2px solid #CCCCCC;
}
.galerie img:hover{
border:2px solid #808080;
}
.mainbody{
width:595px;
margin-left:53px;
margin-top:30px;
border-bottom:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
border-right:1px solid #BFBFBF;
padding:0 20px 18px 20px;
}
.entry_end{
padding-bottom:18px;
margin-bottom:18px;
border-bottom:1px solid #BFBFBF;
}
.name{
font-weight:bold;
}
.player{
list-style:none;
}
.player li{
position:absolute;
display:block;
width:135px;
height:22px;
}
.player a{
display:block;
width:135px;
height:22px;
}
.player a span{
margin-left:-999em;
}
.player .richard   { top:285px; left:0px; }
.player .max       { top:325px; left:0px; }
.player .stefan    { top:365px; left:0px; }
.player .julitta   { top:405px; left:0px; }
/* .player .irene     { top:445px; left:0px; } */
.player .irene     { display:none; }
.player .sabine_b  { top:445px; left:0px; }
.player .andi      { top:285px; left:806px; }
.player .julia     { top:325px; left:806px; }
/* .player .valerie   { top:365px; left:806px; } */
.player .valerie   { display:none; }
.player .magdalena   { top:365px; left:806px; }
.player .sabine_f { top:405px; left:806px; }
.player .erik  { top:405px; left:806px; }
.player .publikum      { top:445px; left:806px; }
/* .player .publikum  { top:485px; left:806px; } */

.player .richard   a { background:url(bilder/nav_richard.jpg)   0 0 no-repeat; }
.player .max       a { background:url(bilder/nav_max.jpg)       0 0 no-repeat; }
.player .stefan    a { background:url(bilder/nav_stefan.jpg)    0 0 no-repeat; }
.player .julitta   a { background:url(bilder/nav_julitta.jpg)   0 0 no-repeat; }
.player .irene     a { background:url(bilder/nav_irene.jpg)     0 0 no-repeat; }
.player .sabine_b  a { background:url(bilder/nav_sabine_b.jpg)  0 0 no-repeat; }
.player .andi      a { background:url(bilder/nav_andi.jpg)      0 0 no-repeat; }
.player .julia     a { background:url(bilder/nav_julia.jpg)     0 0 no-repeat; }
.player .valerie   a { background:url(bilder/nav_valerie.jpg)   0 0 no-repeat; }
.player .magdalena a { background:url(bilder/nav_magdalena.jpg) 0 0 no-repeat; }
.player .sabine_f  a { background:url(bilder/nav_sabine_f.jpg)  0 0 no-repeat; }
.player .erik      a { background:url(bilder/nav_erik.jpg)      0 0 no-repeat; }
.player .publikum  a { background:url(bilder/nav_publikum.jpg)  0 0 no-repeat; }

.player .richard   a:hover { background:url(bilder/nav_richard_hover.jpg)   0 0 no-repeat; }
.player .max       a:hover { background:url(bilder/nav_max_hover.jpg)       0 0 no-repeat; }
.player .stefan    a:hover { background:url(bilder/nav_stefan_hover.jpg)    0 0 no-repeat; }
.player .julitta   a:hover { background:url(bilder/nav_julitta_hover.jpg)   0 0 no-repeat; }
.player .irene     a:hover { background:url(bilder/nav_irene_hover.jpg)     0 0 no-repeat; }
.player .sabine_b  a:hover { background:url(bilder/nav_sabine_b_hover.jpg)  0 0 no-repeat; }
.player .andi      a:hover { background:url(bilder/nav_andi_hover.jpg)      0 0 no-repeat; }
.player .julia     a:hover { background:url(bilder/nav_julia_hover.jpg)     0 0 no-repeat; }
.player .valerie   a:hover { background:url(bilder/nav_valerie_hover.jpg)   0 0 no-repeat; }
.player .magdalena a:hover { background:url(bilder/nav_magdalena_hover.jpg) 0 0 no-repeat; }
.player .sabine_f  a:hover { background:url(bilder/nav_sabine_f_hover.jpg)  0 0 no-repeat; }
.player .erik      a:hover { background:url(bilder/nav_erik_hover.jpg)      0 0 no-repeat; }
.player .publikum  a:hover { background:url(bilder/nav_publikum_hover.jpg)  0 0 no-repeat; }

/******************
 **** Subsites ****
 *****************/

.subsite .menu{
width:384px;
height:50px;
float:right;
padding-top:58px;
}
.subsite .logo{
margin-left:23px;
height:139px;
width:277px;
float:left;
}
.subsite h1{
display:block;
height:139px;
width:277px;
background:url(bilder/subsite_logo.jpg) 0 0 no-repeat;
}
.subsite h1 a{
display:block;
height:139px;
width:277px;
}
.subsite h1 span{
margin-left:-999em;
}
.subsite .menu ul{
list-style:none;
width:384px;
height:50px;
}
.subsite .menu li{
display:block;
height:50px;
width:128px;
float:left;
}
.subsite .menu li a{
display:block;
height:50px;
width:128px;
}
.subsite .menu li a span{
margin-left:-999em;
}
.subsite .menu .wer  a       { background:url(bilder/subsite_wer.jpg)        0 0 no-repeat; }
.subsite .menu .wer  a:hover { background:url(bilder/subsite_wer_hover.jpg)  0 0 no-repeat; }
.subsite .menu .wann a       { background:url(bilder/subsite_wann.jpg)       0 0 no-repeat; }
.subsite .menu .wann a:hover { background:url(bilder/subsite_wann_hover.jpg) 0 0 no-repeat; }
.subsite .menu .was  a       { background:url(bilder/subsite_was.jpg)        0 0 no-repeat; }
.subsite .menu .was  a:hover { background:url(bilder/subsite_was_hover.jpg)  0 0 no-repeat; }

.subsite .mainbody{
margin-left:33px;
}

/**** Subsite player menu position ****/

.subsite .player .richard   { top:170px; left:-20px; }
.subsite .player .max       { top:210px; left:-20px; }
.subsite .player .stefan    { top:250px; left:-20px; }
.subsite .player .julitta   { top:290px; left:-20px; }
.subsite .player .irene     { top:330px; left:-20px; }
.subsite .player .sabine_b  { top:370px; left:-20px; }
.subsite .player .andi      { top:170px; left: 786px; }
.subsite .player .julia     { top:210px; left: 786px; }
.subsite .player .valerie   { top:250px; left: 786px; }
.subsite .player .magdalena { top:290px; left: 786px; }
.subsite .player .sabine_f  { top:330px; left: 786px; }
.subsite .player .erik      { top:330px; left: 786px; }
.subsite .player .publikum  { top:370px; left: 786px; }

/**** Player ****/
.player_wall{
display:block;
height:110px;
width:110px;
float:left;
margin:0 6px 6px 0;
}
.player_wall img{
height:110px;
width:110px;
border:2px solid #CCCCCC;
}
.player_wall img:hover{
border:2px solid #808080;
}
.matrize p{
}
.form .form_head{
float:left;
padding-right:3px;
margin-bottom:1.6em;
}
.form em{
font-style:normal;
font-weight:bold;
}
.matrize dt{
float:left;
font-weight:bold;
padding-right:3px;
}
.matrize dd{
}

/**** Wann ****/
.wann_submenu{
/*height:52px;*/
width:145px;
float:right;
list-style:none;
padding:0 0 18px 18px;
margin-left:18px;
border-bottom:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
}
.wann_submenu li{
display:block;
height:17px;
width:145px;
}
.wo{
margin-top:18px;
}
.wann_submenu a{
display:block;
height:17px;
width:145px;
}
.olds_news a       { background:url(bilder/olds_news.jpg)       0 0 no-repeat; }
.olds_news a:hover { background:url(bilder/olds_news_hover.jpg) 0 0 no-repeat; }
.wo        a       { background:url(bilder/wo.jpg)              0 0 no-repeat; }
.wo        a:hover { background:url(bilder/wo_hover.jpg)        0 0 no-repeat; }

.olds_news span, .wo span{
margin-left:-999em;
}
#map{
height:495px;
width:595px;
}

/***********************************
 **** Active Menu Highlightning ****
 **********************************/

/**** main menu ****/

#wer  .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#wann .menu .wann a { background:url(bilder/wann_hover.jpg) 0 0 no-repeat; }
#was  .menu .was  a { background:url(bilder/was_hover.jpg)  0 0 no-repeat; }

/**** wer subsites ****/  /* disabled for a big menu
#richard   .menu .wer a,
#julitta   .menu .wer a,
#sabine_f  .menu .wer a,
#irene     .menu .wer a,
#julia     .menu .wer a,
#magdalena .menu .wer a,
#stefan    .menu .wer a,
#max       .menu .wer a,
#sabine_b  .menu .wer a,
#valerie   .menu .wer a,
#andi      .menu .wer a,
#publikum  .menu .wer a { background:url(bilder/subsite_wer_hover.jpg)   0 0 no-repeat; } */

#richard   .richard   a { background:url(bilder/nav_richard_hover.jpg)   0 0 no-repeat; }
#max       .max       a { background:url(bilder/nav_max_hover.jpg)       0 0 no-repeat; }
#stefan    .stefan    a { background:url(bilder/nav_stefan_hover.jpg)    0 0 no-repeat; }
#julitta   .julitta   a { background:url(bilder/nav_julitta_hover.jpg)   0 0 no-repeat; }
#irene     .irene     a { background:url(bilder/nav_irene_hover.jpg)     0 0 no-repeat; }
#sabine_b  .sabine_b  a { background:url(bilder/nav_sabine_b_hover.jpg)  0 0 no-repeat; }
#andi      .andi      a { background:url(bilder/nav_andi_hover.jpg)      0 0 no-repeat; }
#julia     .julia     a { background:url(bilder/nav_julia_hover.jpg)     0 0 no-repeat; }
#valerie   .valerie   a { background:url(bilder/nav_valerie_hover.jpg)   0 0 no-repeat; }
#magdalena .magdalena a { background:url(bilder/nav_magdalena_hover.jpg) 0 0 no-repeat; }
#sabine_f  .sabine_f  a { background:url(bilder/nav_sabine_f_hover.jpg)  0 0 no-repeat; }
#erik      .erik      a { background:url(bilder/nav_erik_hover.jpg)      0 0 no-repeat; }
#publikum  .publikum  a { background:url(bilder/nav_publikum_hover.jpg)  0 0 no-repeat; }

#richard   .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#max       .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#stefan    .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#julitta   .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#irene     .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#sabine_b  .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#andi      .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#julia     .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#valerie   .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#magdalena .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#sabine_f  .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#erik  .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }
#publikum  .menu .wer  a { background:url(bilder/wer_hover.jpg)  0 0 no-repeat; }

/**** wann subsites ****/
#olds_news .menu .wann a { background:url(bilder/wann_hover.jpg) 0 0 no-repeat; }
#olds_news .olds_news    { background:url(bilder/olds_news.jpg)  0 0 no-repeat; }

/**** Top menu Sites ***/
#links     .links     a,
#impressum .impressum a,
#kontakt   .kontakt   a { color:#EF7600; }


/*********************************
 **** Rotierende Playerbilder ****
 ********************************/
.glidecontentwrapper{
position: relative; /* Do not change this value */
width: 110px;
height: 110px; /* Set height to be able to contain height of largest content shown*/
overflow: hidden;
float:right;
padding:0 0 18px 18px;
margin-left:18px;
border-bottom:1px solid #BFBFBF;
border-left:1px solid #BFBFBF;
}
/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/


.player_img{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
visibility: hidden;
width: 110px;
margin-left:18px;
}
.player_img img{
height:110px;
width:110px;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
display:none;
width: 110px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
display:none;/* Verhindwert die anzeige der links zum switchen */
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}


/******************
 **** top menu ****
 *****************/
.top_menu{
position:absolute;
top:-90px;
left:730px;
height:18px;
list-style:none;
}
.top_menu li{
float:left;
margin-left:9px;
padding-right:9px;
}
.top_menu a{
color:#555555;
text-decoration:none;
}
.top_menu a:hover{
text-decoration:underline;
}
#impress .impressum{
color:#EC7404;
}

/**** Shirt auf reisen ****/

.shirt_img{
margin:0 20px 0 0;
}




