﻿body {
 margin:0;padding:0px;
 background-color:#fff; 
 background-image:url("../gfx/bg.gif"); 
 background-repeat:repeat-y;height:100%;
 width:990px;
}


body.popup {
 margin:5px 0px 40px 5px;padding:0px;
 background-color:#fff; 
 background-image:none; 
}

body.popup * {
 font: normal 12px Verdana,Helvetica,sans-serif;  
}

body.popup b,body.popup strong {
 font-weight:  bold;
}

body.popup h1 {
 font: bold 14px Verdana,Helvetica,sans-serif;  
}

body.popup #footer {
 padding:0;margin:40px 0 0 0;
}

body.popup #footer, body.popup #footer a {
 font: normal 10px Verdana,Helvetica,sans-serif;  
 background-image:none; 
}


body.popup a,body.popup  #footer a:link,body.popup  #footer a:visited {
  color:#003296;text-decoration:none;
}

body.popup a:hover,body.popup  #footer a:hover {
  text-decoration:underline;
}



form {
 margin:0;padding:0;display:inline;
}

img {
 border:none;
}


div.clear {
 clear:both;line-height:0px;font-size:1px;height:1px;
}

#container {
 
}


/* KOPF */
/* ##################################################################### */
#head {
 background-color:#003296;
 width:964px;height:52px;
}

#logo {
 float:left;margin-left:7px;
}


/* SUCHE - Feld + Ergebnis-Frame  */
#suchbox {
 position:absolute;top:11px;left:240px;
 z-index:200;
 /*height:25px;overflow-y:hidden;*/
}

#suchbox .term {
 height:14px;width:240px;
}

#cse-search-results iframe {
 width:600px;
}





#topnav {
 float:right;width:294px;
 margin:23px 22px 0 0;color:#fff;
 text-align:right;vertical-align:bottom;
 font: normal 11px Verdana,Helvetica,sans-serif;  
}

#topnav a {
 margin-left:10px;color:#fff;
 text-decoration:none;
}

#topnav a:active,#topnav a:focus,#topnav a:hover {
 text-decoration:underline;
}


/* NAVIGATION */
/* ##################################################################### */
#left {
 float:left;
 width:220px;
 height:200px;

}

#navigation {
 margin-top:70px;margin-left:5px; /* Originalhöhe ohne Urlaub 76 */
}

#navigation div {
 display:block;
 text-decoration:none;
 width:204px;
 height:35px;
 background-image:url("../gfx/navbutton.gif"); 
 margin-bottom:5px;
}

#navigation a {
 font: normal 12px Verdana,Helvetica,sans-serif;  
 display:block;color:#fff;
 padding-left:15px;
 padding-top:4px;
}

#navigation a:link,#navigation a:visited {
  text-decoration:none;
}

#navigation a:active,#navigation a:focus,#navigation a:hover,#navigation a.on {
 color:#C3D3E9;
}

#navigation a span.title {
 display:block;font-weight:bold;
}
#navigation a span.subtitle {
 display:block;
}




/* Button Warenkorb */

#navigation div#button_warenkorb{
 display:block;position:absolute;
 top:75px; /* Originalwert ohne Urlaub 75 */
 text-decoration:none;
 width:204px;
 height:35px;
 background-image:url("../gfx/navbutton_hell.gif"); 
 margin-bottom:5px;
}

#navigation div#button_urlaub{
 display:block;position:absolute;
 top:65px;
 text-decoration:none;
 width:204px;
 height:75px;
 background-image:none; 
 margin-bottom:15px;
 font: normal 12px Verdana,Helvetica,sans-serif;  
 display:block;color:#000;
 padding-left:15px;
 padding-top:4px;

 }



#navigation #button_warenkorb a {
 font: normal 12px Verdana,Helvetica,sans-serif;  
 display:block;color:#000;
 padding-left:15px;
 padding-top:4px;
}

#navigation #button_warenkorb a:link,#navigation #button_warenkorb a:visited {
  text-decoration:none;
}

#navigation #button_warenkorb a:active,#navigation #button_warenkorb a:focus,#navigation #button_warenkorb a:hover {
 color:#999;
}




/* NEWSBOX */
/* ##################################################################### */


#newsbox {
 margin-top:40px;margin-left:5px;
}



#newsbox div {
 display:block;
 text-decoration:none;
 width:189px;
 height:44px;
 background-image:url("../gfx/bg_news.gif"); 
 margin-bottom:5px;
 padding-left:15px;
 padding-top:4px;color:#fff;
 font: normal 11px Verdana,Helvetica,sans-serif;  
}

#newsbox a {
 color:#fff;
}

#newsbox a:link,#newsbox a:visited {
 text-decoration:none;
}

#newsbox a:active,#newsbox a:focus,#newsbox a:hover {
 color:#C3D3E9;
}

#newsbox span.title {
 display:block;font-weight:bold;
}
#newsbox span.text{
 display:block;
}

#kreise {
 width:143px;
 height:316px;
 background-image:url("../gfx/bg_kreise.gif"); 

}




/* INHALT */
/* ##################################################################### */
#headline {
 position:relative;
 left:-20px;margin-bottom:12px;
 width:744px;height:33px;
 background:url("../gfx/bg_headline.gif") no-repeat;z-index:100;
}

#headline h1 {
 margin-left:20px; color:#000;padding-top:5px;margin-top:0;
 font: bold 16px Verdana,Helvetica,sans-serif;  
}
#headline h1 span {

 font-weight: bold;
}

/* Adventskalender - CR */
.h1left {
 color:#000;padding-top:5px;margin-top:0;
 font: bold 16px Verdana,Helvetica,sans-serif;  
 margin-left:195px;
}



#content {
 float:left;
 margin-top:25px; margin-bottom:30px;  margin-left:20px;
 width:720px;
 color:#000;
 font: normal 11px Verdana,Helvetica,sans-serif;  
}
#content.mediafelder {
 width:724px;
}
#content p {
 margin:0;padding:0;
}

#content a:link,#content a:visited {
  color:#003296;
}

#content a:active,#content a:focus,#content a:hover {
 text-decoration:none;color:#000;
}


/* INHALT : Shop : Detailseite, Bestellung via Inigo */
/* ##################################################################### */


h2 {
 font: bold 12px Verdana,Helvetica,sans-serif;  color:#000;margin-top:0;margin-bottom:0;
}
h2 span {
 font-weight:normal;
}

.mediafield_xxl_functions {
 width:200px;height:100px;
 float:left;padding-top:10px;
}

.mediafield_xxl_functions .preis {
 font-weight: bold; font-size: 11px ;  color:#000;
}
.mediafield_xxl_functions .preiszusatz {
 margin-bottom:8px;font-size: 10px
}


.mediafield_xxl {
 float:left;position:relative;
 margin-bottom:10px;margin-right:10px;
 width:500px;padding:10px 4px 10px 4px;
 background:url("../gfx/mediafield_ro.gif") top right no-repeat #F5F7FA; 
 font: normal 11px Verdana,Helvetica,sans-serif;  color:#000;
}

.mediafield_xxl .cover {
 float:left; overflow:hidden;
 width:80px;
}
.mediafield_xxl .medienart {
  font: bold 11px Verdana,Helvetica,sans-serif;  color:#000;
  margin-top:10px;
}
.mediafield_xxl .detail {
 font-size: 10px ; 
}


.mediafield_xxl .content {
 float:left;width:400px;
 margin:0 0 20px 10px;
}



.mediafield_xxl .buttons {
 float:left;
 height:20px;width:262px;
}




/* INHALT : Shop : Detailseite, Bestellung DIREKT */
/* ##################################################################### */



.mediafield_xxldirekt_form {
 width:350px;
 float:left;padding-top:10px;
}

.mediafield_xxldirekt_form .left {
 float:left;width:110px;
}
.mediafield_xxldirekt_form .right {
 float:left;width:230px;
}


.mediafield_xxldirekt_form .preis {
 font-weight: bold; font-size: 11px ;  color:#000;
}
.mediafield_xxldirekt_form .preiszusatz {
 margin-bottom:8px;font-size: 10px
}
#versandkosten span{
	display:none;
	position:relative;
	padding:10px;background:white;
	border: solid 1px #000;
}

#versandkosten:focus span,
#versandkosten:active span{
	display:block;
}



.mediafield_xxldirekt {
 float:left;position:relative;
 margin-top:10px;margin-bottom:10px;margin-right:10px;
 width:350px;padding:10px 4px 10px 4px;
 background:url("../gfx/mediafield_ro.gif") top right no-repeat #F5F7FA; 
 font: normal 11px Verdana,Helvetica,sans-serif;  color:#000;
}

.mediafield_xxldirekt .cover {
 float:left; overflow:hidden;
 width:80px;
}
.mediafield_xxldirekt .medienart {
  font: bold 11px Verdana,Helvetica,sans-serif;  color:#000;
  margin-top:10px;
}
.mediafield_xxldirekt .detail {
 font-size: 10px ; 
}


.mediafield_xxldirekt .content {
 float:left;width:250px;
 margin:0 0 20px 10px;
}



/* MEDIENFELDER */
/* ##################################################################### */

/* 1) Medientitel */

.mediafield {
 float:left;position:relative;
 margin-bottom:10px;margin-right:20px;
 width:342px;height:155px;
 background:url("../gfx/mediafield_ro.gif") top right no-repeat #F5F7FA; 
 font: normal 11px Verdana,Helvetica,sans-serif;  color:#000;
}

.mediafield:hover {
 background-color:#EAEEF4; 
}

.mediafield .cover {
 float:left;
 height:155px;width:80px;
 overflow:hidden;  background:#DEE2E8; 
}

.mediafield .content {
 float:left;height:134px;overflow-y:none;
 margin:0 0 0 10px;
}

.mediafield .block {
 height:90px;width:250px;overflow:hidden;
 
}


.mediafield .medienart {
  font: bold 11px Verdana,Helvetica,sans-serif;  color:#000;
  margin-top:2px;margin-bottom:8px;
}
.mediafield .titel {
 font: bold 12px Verdana,Helvetica,sans-serif;
 color:#003296;width:250px;
}
.mediafield .titel a:link,.mediafield .titel a:visited{
 text-decoration:none;
}
#content .mediafield .titel a:hover{
 text-decoration:underline;
}


.mediafield .subtitel {
 font: normal 12px Verdana,Helvetica,sans-serif;
 color:#000000;width:250px;
}
.mediafield .detail {
 font-size: 10px ; width:250px;
}

.mediafield .preis {
 margin-top:8px;width:250px;overflow:hidden;
 font-weight: bold; font-size: 11px ;  color:#000;
}
.mediafield .preiszusatz {
 font-size: 10px ; width:250px;overflow:hidden;
}


.mediafield .buttons {
 float:left;
 height:20px;width:262px;
}

/* 2) Unterrubriken */



.folderfield {
 float:left;position:relative;
 margin-bottom:10px;
 width:704px;height:140px;
 background:url("../gfx/bg_impulse.jpg") top right no-repeat #F5F7FA; 
 font: normal 11px Verdana,Helvetica,sans-serif;  color:#000;
}

.folderfield:hover {
 background-color:#EAEEF4; 
}


.folderfield .buttons {
 position:absolute;bottom:0;right:0;
 width:262px;
}

.folderfield .button {
 background:#525354;
}
#content .folderfield .button a {
 color:#E9BD24;
}
#content .folderfield .button a:hover {
 color:#E1AA03;
}



/* Button: Detail 
------------------------------------------------*/

.button {
 float:right;margin-left:6px;
 min-width:72px;height:17px;text-align:center;
 padding: 4px 4px 0px 4px;
 font: bold 10px Verdana,Helvetica,sans-serif;  
 background:#DEE2E8; 
}

* html .button {
 width:72px;
}


#content .button a:visited,#content .button a:link {
 text-decoration:none;
}

#content  .button a:hover {
 color:#003296; 
text-decoration:underline;
}


/* Button: Vorschau
------------------------------------------------*/

.buttonpreview {
 float:right;margin-left:6px;
 min-width:90px;height:17px;text-align:center;
 padding: 4px 4px 0px 4px;
 font: bold 10px Verdana,Helvetica,sans-serif;  
 background:#DEE2E8; 
}

* html .buttonpreview {
 width:90px;
}

#content .mediafield .buttonpreview a:visited,.mediafield .buttonpreview a:link {
 text-decoration:none;
}

#content .mediafield .buttonpreview a:hover {
 color:#003296; 
text-decoration:underline;
}



/* WEITERE MEDIEN  */
/* ##################################################################### */


#moremedia {
 clear:both;width:730px;
 margin-left:240px;
 color:#000;padding: 50px  0 10px;
 font: normal 12px Verdana,Helvetica,sans-serif;  
 /*background:#F5F7FA; */
}

#moremedia div.more{
 float:left;position:relative;
 margin-bottom:10px;margin-right:20px;
 width:342px;height:50px;
 font: normal 11px Verdana,Helvetica,sans-serif;  color:#000;
}


#footer a:link,#footer a:visited {
  color:#003296;
}

#footer a:active,#footer a:focus,#footer a:hover {
 text-decoration:none;color:#000;
}



/* FOOTER */
/* ##################################################################### */


#footer {
 clear:both;
 margin-left:230px;margin-bottom:40px;
 margin-top:15px;height:33px;
 color:#000;padding: 10px 0 0 10px;
 font: normal 10px Verdana,Helvetica,sans-serif;  
 background-image:url("../gfx/bg_footer.gif"); 
 background-repeat:no-repeat;
}

#footer a:link,#footer a:visited {
  color:#003296;
}

#footer a:active,#footer a:focus,#footer a:hover {
 text-decoration:none;color:#000;
}


.gsc-adBlock {display:none!important}