body {
 margin:0;padding:0px;
 background:none;
}


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;
}



/* KOPF */
/* ##################################################################### */
#head {
 background-color:#003296;
 width:964px;height:52px;
}

#logo {
 float:left;
}


/* SUCHE - Feld + Ergebnis-Frame  */
#suchbox {
display:none
}

#cse-search-results iframe {
 width:600px;
}



#topnav {
display:none
}


/* NAVIGATION */
/* ##################################################################### */
#left {
display:none;
}

#navigation {
display:none;
}





/* 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;
 font: bold 16px Verdana,Helvetica,sans-serif;  
}
#headline h1 span {

 font-weight: normal;
}


#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:740px;
}
#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: 14px ;  color:#000;
}
.mediafield_xxl_functions .preiszusatz {
 margin-bottom:8px;
}


.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;
 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;
}

/* 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: 14px ;  color:#000;
}
.mediafield_xxldirekt_form .preiszusatz {
 margin-bottom:8px;
}
#versandkosten span{
display:block;
position:relative;
padding:10px;background:white;
border: solid 1px #000;
}

.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;
 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 */
/* ##################################################################### */

.mediafield {
 float:left;position:relative;
 margin-bottom:10px;margin-right:20px;
 width:342px;height:140px;
 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:140px;width:80px;
 overflow:hidden;
}

.mediafield .content {
 float:left;height:119px;
 margin:0 0 0 10px;
}


.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;
}
.mediafield .subtitel {
 font: normal 12px Verdana,Helvetica,sans-serif;
 color:#000000;
}
.mediafield .detail {
 font-size: 10px ; 
}

.mediafield .preis {
 margin-top:8px;
 font-weight: bold; font-size: 11px ;  color:#000;
}
.mediafield .preiszusatz {
 font-size: 10px ; 
}


.mediafield .buttons {
 float:left;
 height:20px;width:262px;
}


/* Button: Detail 
------------------------------------------------*/

.mediafield .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 .mediafield .button {
 width:72px;
}


#content .mediafield .button a:visited,.mediafield .button a:link {
 text-decoration:none;
}

#content .mediafield .button a:hover {
 color:#003296; 
text-decoration:underline;
}


/* Button: Vorschau
------------------------------------------------*/

.mediafield .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 .mediafield .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;
}





/* FOOTER */
/* ##################################################################### */


#footer {
 clear:both;
 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;
}