html { overflow-y:scroll; }
* { outline:0; border:0; }
img{ outline:0; border:0; border-style:none; }
::selection { background:#e9c382; color: #000; }
::-moz-selection { background: #e9c382; color: #000; }
body{ padding:0; margin:0; text-align:center; font-family:'Lucida Sans', Arial, Tahoma, Helvetica, sans-serif; font-size:13px; line-height:1.5; background: url(../bilder/bg_red.jpg) no-repeat right top #437563 fixed; color:#404040; }
a { text-decoration:none; color:#e9c382; }
a:hover { color:#faf3de;  }
a img { outline:0; border:0; border-style:none; }
h1,h2,h3,h4,h5,h6,p { margin:0; padding:0; font-weight: normal; }
h1 { font-size:38px; color:#faf3de; padding:25px 0; font-family:Georgia; width:460px; line-height:1.3; text-shadow: -1px -1px 0px #20361d; filter: dropshadow(color=#20361d, offx=-1, offy=-1);}
h1 span {font-size:25px;}
h2 { font-size:22px; color:#e9c382; padding:0 0 0 15px; } 
h3 { font-size:13px; color:#faf3de; margin:0 0 10px 0px; font-weight:bold; font-style:italic; } 
p  { line-height:1.6; padding:5px 15px; text-shadow: 0px -1px 0px #20361d; filter: dropshadow(color=#20361d, offx=0, offy=-1);}
ul { margin:0; padding:0; list-style:none; }
.gold { color:#e9c382; font-style:italic;}
.grey { color:#404040; }
.active{ background:url(../bilder/navibg.png) repeat-x; }
.clearer {clear:both;}

.wrapper { text-align:left; width:980px; margin:0 auto; overflow:hidden;}
#header { height:148px; background: url(../bilder/tile_header.jpg) repeat-x #666; width:100%;}
.headerpic{ position:absolute; top:0; right:0; background:url(../bilder/tile_pic.png) no-repeat right; height:148px; width:809px; display:block;}

#footer {
	background:url(../bilder/tile_footer.jpg) repeat;
	height:75px;
	width:100%;
	padding-top:10px;
}

#footer p { color:#aaa; font-size:11px;}

.floatleft{ float:left;}
.floatright{ float:right; }

.content { width:100%; padding:0; color:#bcbcbc; min-height:751px;} 
.logo { display:block; float:left; height:148px; width:150px; background:url(../bilder/logo.png) no-repeat;  position:relative;}
.logog4a {float:left; height:70px; margin:45px 0 0 0; position:absolute;}


#navigation{ height:37px; background:url(../bilder/tile_navi.jpg) repeat-x;}
#navigation li{float:left}
#navigation a{ display:block; height:37px; padding:0 15px; font-size:16px; color:#333; line-height:2.2; }
#navigation a:hover { background:url(../bilder/navibg.png) repeat-x;}
#navigation .submenu li{ float:none; background:url(../bilder/tile_navi.jpg) repeat-x; }
#navigation .submenu li a{ font-size:12px; line-height:3.0; }
#navigation .submenu { display:none; position:absolute; z-index:15; margin:0 auto 0 auto }
#navigation .submenu.partner li{ width:186px }
#navigation .submenu.mitglied li{  }
#navigation a.mainlink.last {background-color:#333; color:#fff;}
#navigation a.mainlink.last:hover {color:#333;}
#navigation a.mainlink.last.active {color:#333;}

.content_panel {display:block; width:464px; margin:0 0 15px 0;}
.doc { font-family:Georgia; background:url(../bilder/pdfdownload.png) no-repeat; width:284px; height:82px; display:block;  float:left; padding:20px 30px 0 20px; font-size:16px; color:#404040; margin-bottom:15px; line-height:1.2; text-shadow: 1px 1px 0px #faf3de; filter: dropshadow(color=#faf3de, offx=1, offy=1); transition:ease-in; transition-duration:0.2s;}
a.doc:hover { color:#e9c382 }
.freundewerben { font-size:28px; line-height:1.0 }
.topmargin { margin-top:20px; display:block; }
.topmargin_b { margin-top:-5px; display:block; }

.boxhead {height:63px; width:464px; background:url(../bilder/boxhead.png) no-repeat;}
.boxbody { background:url(../bilder/boxbody.png) repeat-y; width:424px; padding:10px 20px 15px 20px;}
.boxbody_a { background:url(../bilder/boxbody_a.png) repeat; width:424px; border:1px solid #404040; padding:15px; margin:5px 0 0 -1px }
.galerie img { display:block; background:url(../bilder/galerie/load.jpg) no-repeat; width:120px; height:70px; float:left; margin:10px; }
.boxbottom {height:10px; background:url(../bilder/boxbottom.png) no-repeat; width:464px;}
.boxhead h2 { font-size:22px; color:#e9c382; padding:15px 20px 0 20px; margin-left:15px; font-family:Georgia; cursor:default; transition:1s all ease;}
.boxhead_b { height:12px;  width:464px; background:url(../bilder/boxhead_b.png) no-repeat;}
.floatright { float:right;}
a.mehrinfo { padding-left:25px; background:url(../bilder/holeinone_i.png) center left no-repeat; height:20px; font-weight:bold; font-size:12px; display:block; line-height:1.7; margin-right:15px; margin-top:5px}
a.mehrinfo:hover { background:url(../bilder/holeinone_a.png) center left no-repeat; }
a.maillink {float:none;}
.lms {margin-left:15px;}
#slideshow {width:464px; height:180px; display:block; float:left; margin:115px 0 -25px -60px}
#slideshow img{width:464px;}
.boldest { font-size:24px; margin:0 0 -5px 0; padding:0; width:299px; color:#faf3de; font-style:italic;}
.price { font-size:26px; margin:0 0 -5px 0; display:block; color:#faf3de;}
.bottomline {margin-bottom:10px; }
.werben { margin-right:37px; margin-top:-170px;}
.werben_b { margin:0}
.werbenmo img{ width:350px; }
.werbenmo:hover { }
.boxbody.zero h3 { margin:0px }
.gplogo { margin-top:-5px; padding:0 5px 2px 0;}

@media (min-width: 780px) and (max-width: 1200px) {
.content_panel {width:252px; float:none;}
.content_panel img{ }
.lms {margin-left:0px;}
.wrapper {width:780px; overflow:hidden;}
#slideshow {width:464px; float:none;margin-top:15px; margin-left:0;}
#slideshow img{width:464px;}	
body { background: url(../bilder/bg_red.jpg) no-repeat right top #437563 fixed;}
}

@media (min-width: 481px) and (max-width: 780px) {
#navigation{ height:222px; background:url(../bilder/tile_navi.jpg) repeat;}
.content_panel {width:480px; float:none;}
.content_panel img{}
.lms {margin-left:0px; margin-top:5px;}
.wrapper {width:480px; overflow:hidden;}
#slideshow {width:480px; float:none; margin-top:15px; margin-left:0;}
#slideshow img{width:464px;}
#navigation li {width:100%; float:none; margin:0px 0;}
.logog4a { width:280px; height:auto;}
}
  
@media (min-width: 100px) and (max-width: 480px) {
.boxhead h2 {padding:18px 0 0 20px; margin:0; font-size:16px;}
#navigation{ height:222px; background:url(../bilder/tile_navi.jpg) repeat;}
#navigation li {width:100%; float:none; margin:0px 0;}
.content_panel {float:none; width:320px;}
.lms {margin-left:0; margin-top:5px;}
.wrapper {max-width:320px; overflow:hidden;}
h1 { font-size:27px; width:320px }
p { padding:5px 20px 0 0; font-size:11px;}
.boxhead h2, .price { font-size:18px; }
.boxhead { background-image:none;background-color:#437563; } 
.boxbody { background-image: none; background-color:#222; width:300px; }
.boxbody_a { width:288px }
.boxbottom, .boxhead_b { height:0px; background-image:none; }
#slideshow, #slideshow img { width:300px; height:150px; float:none; margin:0 0 -20px 0}
.boldest { font-size:18px; margin-top: 5px; width: 198px; }
.logog4a { width:180px; height:auto; margin-left:-20px;}
body { background: url("../bilder/bg_red.jpg") no-repeat fixed -1748px -40px; }
a.mehrinfo { font-size:10px; }
.doc { background-size:310px; }
.gplogo {margin: -10px 152px 0 0; width: 75px;}
}

#overlay{
  position: absolute;
  top: 0;
  left: 0;
  z-index: 10;
  background-color: rgba(0,0,0,0.9); /*dim the background*/
  color:#ffffff;
  text-align: left;
  transition: ease-out; 
  transition-duration:1s;
}

#overlay .content, {
  
  width:85%;
  margin:0 auto;
  
}
#overlay .olcontent {
  height: 148px;
overflow: auto;
background-color: rgba(0,0,0,0.9);
position: fixed;
}

#overlay .olcontent p,.olcontent h2,.olcontent h3{padding:0 10%;}

#overlay .olcontent p{ font-size:11px;}

#overlay a.closeoverlay{
  font-size: 20px;
  cursor: pointer;
  padding:0 10%;
}
#overlay .smallclose{
  position:fixed;
  top:20px;
  right:30px;
  cursor: pointer;
  font-size: 20px;
}