html, body{
width:100%;
margin:0; padding:15px 0 0 0;
background:url(design/bg.png) repeat-x;
background-color:#000015;
}
br{
clear:both;
}
#container{
text-align:center;
margin:auto;
width:90%; min-width:970px; max-width:1280px;
border:1px solid #292963;
background:url(design/content-bg.png) repeat-x; background-color:#13133c;
}
/*==========================================================================================*/
/*========================================[ BANNER ]========================================*/
/*==========================================================================================*/
/*========================================[ LINKS AUSSEN UND RECHTS AUSSEN - SITZEN AUSSERHALB DES BANNER CONTAINERS ]========================================*/
#banner-left, #banner-right{
float:left; display:inline;
min-width:40px; width:5%; height:198px;
background:url(design/banner-left.png) no-repeat;
}
#banner-right{
float:right;
background:url(design/banner-right.png) right no-repeat;
}
/*========================================[ CONTAINER FÃœR DIE INHALTE DES BANNERS !!!!! => ES GIBT AUSNAHMEN FÃœR DEN IE 6 <= !!!!! ]========================================*/
#banner-container{
float:left; display:inline;
width:89%; height:201px;
}
/*========================================[ LOGO ]========================================*/
#logo{
float:left; display:inline;
width:330px; height:37px;
background:url(design/logo.jpg) right;
}
/*========================================[ BUTTONS AM OBEREN ENDE DES BANNERS ]========================================*/
a.banner-button{
float:left; display:inline;
width:128px; height:24px;
padding-top:12px; margin:1px 5px 0 0;
background:url(design/banner-button.png);
color:#ffffff; text-decoration:none;
font-weight:bold; font-size:11pt; font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.banner-button:hover{
background:url(design/banner-button-hover.png);
}
/*========================================[ LINKER UND RECHTER TRANSPARENZVERLAUF FÜR NEUSTE VIDEOS !!!!! => ES GIBT AUSNAHMEN FÜR DEN IE 6 <= !!!!! ]========================================*/
#slide-fade-left{
float:left; display:inline; position:absolute; left:0px;
width:27px; height:140px; z-index:2;
background:url(design/slide-fade-left.png);
}
#slide-fade-right{
float:left; display:inline; position:absolute; right:0px;
width:27px; height:140px; z-index:3;
background:url(design/slide-fade-right.png);
}
/*==========================================================================================================*/
/*========================================[ MENÜS LINKS UND RECHTS ]========================================*/
/*==========================================================================================================*/
/*========================================[ CONTAINER FÜR DIE MENÜS LINKS UND RECHTS ]========================================*/
.menu-container{
float:left; display:inline;
width:20%;
}
/*========================================[ BOXEN FÜR NORMALES MENÜ LINKS UND RECHTS ]========================================*/
.menu-left, .menu-right{
float:left; display:inline;
width:180px;
background:url(design/menu-left-bg.png) left repeat-y;
}
.menu-right{
float:right;
background:url(design/menu-right-bg.png) right repeat-y;
}
/*========================================[ TRENNSTRICHE ZWISCHEN MENÜ UND SUBMENÜ LINKS UND RECHTS ]========================================*/
.menu-left-trennstrich, .menu-right-trennstrich{
float:left; display:inline;
width:180px; height:1px;
font-size:1px;
background:url(design/menu-left-trennstrich.png);
}
.menu-right-trennstrich{
float:right;
background:url(design/menu-right-trennstrich.png);
}
/*========================================[ MENU FOOTER LINKS UND RECHTS !!!!! => ES GIBT AUSNAHMEN FÜR DEN IE 6 <= !!!!! ]========================================*/
#menu-foot-left, #menu-foot-right{
float:left; display:inline;
width:180px; height:91px;
background:url(design/menu-foot-left.png);
}
#menu-foot-right{
float:right;
background:url(design/menu-foot-right.png);
}
/*========================================[ BUTTONS FÜR DAS NORMALE MENÜ LINKS ]========================================*/
a.menu-left-button, a.menu-left-button-active{
float:left; display:inline; text-align:right;
width:164px; height:21px;
margin:0; padding:4px 15px 0 0;
background:url(design/menu-left-button.png);
color:#bfd5d5; text-decoration:none;
font-weight:normal; font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.menu-left-button:hover, a.menu-left-button-active{
font-weight:bold; color:#000015;
background:url(design/menu-left-button-hover.png);
}
/*========================================[ BUTTONS FÜR DAS SUBMENÜ LINKS UND RECHTS ]========================================*/
a.submenu-left-button, a.submenu-right-button, a.submenu-left-button-active{
float:left; display:inline; text-align:right;
width:160px; height:21px;
margin:0; padding:4px 15px 0 0;
background:url(design/submenu-left-button.png);
color:#d5d393; text-decoration:none;
font-weight:normal; font-size:8pt; font-family:Verdana, Arial, Helvetica, sans-serif;
}
a.submenu-right-button{
float:right; text-align:left;
margin:0; padding:4px 0 0 15px;
background:url(design/submenu-right-button.png);
}
a.submenu-left-button:hover, a.submenu-left-button-active{
background:url(design/submenu-left-button-hover.png);
font-weight:bold;
}
a.submenu-right-button:hover{
background:url(design/submenu-right-button-hover.png);
font-weight:bold;
}
.countdown-rabatt-en, .countdown-rabatt-de{
float:left; display:inline;
width:163px; height:134px;
margin-left:7px;
background:url(design/countdown-rabatt-de.png);
}
.countdown-rabatt-en{
background:url(design/countdown-rabatt-en.png);
}
.countdown-update-en, .countdown-update-de{
float:left; display:inline;
width:161px; height:126px;
margin-left:9px;
background:url(design/countdown-update-de.png);
}
.countdown-update-en{
background:url(design/countdown-update-en.png);
}
/*===========================================================================================*/
/*========================================[ INHALTE ]========================================*/
/*===========================================================================================*/
/*========================================[ INHALT CONTAINER ]========================================*/
#content-container{
float:left; display:inline; text-align:center;
width:58%; padding:0 5px 0 5px;
}
.img-container{
float:left; display:inline;
padding:5px;
background:#202046; border:1px solid #303058;
}
.unterrubrik-container{
float:left; display:inline;
margin:10px 0 0 10px; padding:5px;
background:#202046; border:1px solid #303058;
}
.pagenr, .pagenr-active{
display:inline;
padding:5px 10px 5px 10px; margin:5px;
color:#88959D;
text-align:center; text-decoration:none;
font-weight:bold;
border:1px solid #303058; background:#202046;
}
a.pagenr:hover, .pagenr-active{
background:#3c4e86; border:1px solid #dae5ff;
color:#D4D593;
}
.c_b_link, .c_b_link_complete{
float:left; display:inline;
text-align:left; height:50px;
padding:7px 5px 0 5px;
text-decoration:none; background:url(design/cb-bg.gif) right;
}
.c_b_link_complete{
margin-top:9px;
background:url(design/cb-complete-bg.gif) right;
}
/*========================================[ CONTENT TRENNBALKEN !!!!! => ES GIBT AUSNAHMEN FÜR DEN IE 6 <= !!!!! ]========================================*/
.trennbalken{
float:left;; display:inline;
width:100%; height:3px;
margin:20px 0 20px 0;
font-size:1px;
background:url(design/trennbalken.png) center no-repeat;
}
/*========================================[ LINKLISTE ]========================================*/
.links-uebersicht{
float:left; display:inline;
width:49%; border:1px solid #303058;
margin:0 0 0 1%; padding:0px;
background:url(design/linkliste-uebersicht-bg.png);
}
a.linkliste-gelb, a.linkliste-blau{
float:left; display:inline; text-align:left;
margin:10px 10px 0 10px;
color:#d5d393;
font-weight:bold; text-decoration:none;
}
a.linkliste-blau{
color:#bfd5d5;
}
a.linkliste-gelb:hover{
color:#bfd5d5;
}
a.linkliste-blau:hover{
color:#d5d393;
}
.links-kategorie-dunkel, .links-kategorie-hell{
float:left; display:inline;
width:100%;
background:url(design/linkliste-kategorie-dunkel.png) repeat-x;
background-color:#13133c;
}
.links-kategorie-hell{
background:url(design/linkliste-kategorie-hell.png) repeat-x;
background-color:#14143d;
}
/*=============================================================================================*/
/*========================================[ SCHRIFTEN ]========================================*/
/*=============================================================================================*/
p{
float:left; display:inline; text-align:left;
color: #ffffff; margin:0px; padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:9pt;
}
h1, h2{
float:left; display:inline; text-align:center;
color:#fdfabe; margin:0px; padding:0px;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11pt; font-weight:bold;
}
a{
float:none; display:inline;
font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#bfd5d5;
}
a.title{
float:left;
font-size:10pt; text-decoration:none;
color: #ffffff; margin:0px; padding:0px;
font-weight:bold;
}
a.subtitle{
float:left; text-decoration:none;
color:#D5CE86; font-size:8pt; font-weight:bold;
}
a.unterrubrik{
float:left; font-weight:bold;
font-size:11pt; text-decoration:underline;
margin:0 0 10px 0; color:#D5D393;
}
a:hover{
color:#d5d393;
}
td{
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif; color:#bfd5d5; font-size:9pt;
}
/*========================================[ Warenkorb Button ]========================================*/
a.wk-button{
float:right; display:inline; text-align:right;
height:19px;
padding:25px 35px 0 0;
background:url(design/wk-button-bg.png) right no-repeat;
color:#d5d393; font-weight:bold; text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10pt;
}
/*========================================[ Formulare ]========================================*/
label{
float:left; display:inline; text-align:right;
width:190px; margin:5px 10px 0 0;
font-size:9pt; font-family:Verdana, Arial, Helvetica, sans-serif; color:#bfd5d5;
}
/* Your Own Tape */
.label-yot-overview{
float:left; display:inline;
width:400px; text-align:left;
font-weight:bold; margin:10px 0 5px 15px; border-bottom:1px solid #bfd5d5;
}
.label-yot-checkbox{
float:left; display:inline;
text-align:left; width:130px;
margin-top:10px;
}
.yot-checkbox{
float:left; display:inline;
width:15px; height:15px;
margin:10px 5px 0 20px;
}
input, textarea{
float:left; display:inline;
width:345px; margin-top:5px;
background:url(design/1px.gif); color:#d5ce86; border:0px; border-left:1px solid #bfd5d5; border-bottom:1px solid #bfd5d5;
}
.checkbox{
float:left; display:inline;
width:15px; height:15px;
margin:0px; padding:0px;
}
.radio{
float:left; display:inline;
width:30px; height:13px;
margin-top:5px; padding:0px;
border:0px;
}
.submit{
float:right;
border:1px solid #bfd5d5;
background:#0A272D;
}