*{margin:0;padding:0;font-size:11px;font-family:arial,verdana,helvetica,sans-serif;color:#333;outline:0;line-height:1.2}
body{background:#999 url(../img/bg.body.gif) repeat-x;}
a,a.hover{text-decoration:none}
img{border:0}
ul{list-style-type:none}
#overall{position:relative;margin:20px auto;width:980px;}
#header{position:relative;height:35px;background:#fff url(../img/bg.header.gif) repeat-x;z-index:1000}
#content{padding:10px 5px 15px;background:#ffffff url(../img/bg.content.png) no-repeat left bottom;}
.home #content{padding:15px}
#overall,#wrapper,#footer{background:url(../img/bg.shadow.png) no-repeat left 15px;}
#wrapper{padding:0 5px;background-position:center 0;background-repeat:repeat-y;}
#main{padding:5px}
#footer{padding:0 5px 20px 5px;background-position:right 0}

#sub-navi{float:right;padding:0 5px 5px 0}
#sub-navi li{display:inline}
#sub-navi li,#sub-navi li a{line-height:15px}
#sub-navi a:hover{text-decoration:underline}
#sub-navi li a.lang-1,#sub-navi li a.lang-2{padding:0 20px 0 10px;font-weight:bold;background-position:right;background-repeat:no-repeat}
#sub-navi li a.lang-1{background-image:url(../img/flag.de.gif)}
#sub-navi li a.lang-2{background-image:url(../img/flag.gb.gif)}

#header img{position:absolute;left:15px;top:-15px;padding:5px;background:url(../img/bg.logo.png) no-repeat;z-index:10000}
#header .title {margin-left:200px;height:15px;line-height:15px;padding:10px 0 1px 0;font-size:12px;color:#666;}

ul.breadcrump{float:left;width:950px;height:20px;padding:10px 5px;background:#fff url(../img/bg.quick.breadcrumb.png) no-repeat bottom}
ul.breadcrump li, ul.breadcrump_kombi li{float:left;margin:5px 0}
#header #navi #quick-wrapper ul.breadcrump li,#header #navi #quick-wrapper ul.breadcrump_kombi li {width:auto}
ul.breadcrump a,#header #navi #quick-wrapper ul.breadcrump li a, ul.breadcrump_kombi a,#header #navi #quick-wrapper ul.breadcrump_kombi li a{padding:5px 6px 5px 9px;font-weight:bold;color:#333;letter-spacing:1px;background:url(../img/bg.quick.bredcrumb.step.png) no-repeat left}
ul.breadcrump a.first,#header #navi #quick-wrapper ul.breadcrump li a.first, ul.breadcrump_kombi a.first,#header #navi #quick-wrapper ul.breadcrump_kombi li a.first{background:0}
ul.breadcrump a:hover,#header #navi #quick-wrapper ul.breadcrump li a:hover,ul.breadcrump a.current,ul.breadcrump_kombi a:hover,#header #navi #quick-wrapper ul.breadcrump_kombi li a:hover,ul.breadcrump_kombi a.current{color:#369}

.column{float:left}
.column-left{width:185px}
.column-right{width:775px;margin-bottom:15px;}

.box{float:left;width:225px;padding:5px}
.shadow,.box-content,.shadow span.corner{background:url(../img/bg.box.shadow.png) no-repeat}
.shadow{position:relative;padding:15px 0 0 15px;margin:0 15px 15px 0}
.box-content{position:absolute;bottom:-15px;right:-15px;padding:0 15px 15px 0;background-position:right bottom}
.shadow span.corner{position:absolute;width:15px;height:15px;font-size:1px}
.shadow span.topright{top:0;right:-15px;background-position:right top}
.shadow span.bottomleft{bottom:-15px;left:0;background-position:left bottom}

/* LEFT NAVI */
.box-210-205,.box-210-205 .shadow,.box-210-205 .box-content{width:155px;height:175px}
.box-210-145,.box-210-145 .shadow,.box-210-145 .box-content{width:155px;height:145px}
.box-210-205 li a, .box-210-145 li a{background:url(../img/bg.nav.li.gif) no-repeat left top;display:block;height:21px;padding:9px 0 0 25px;}
.box-210-205 li a:hover, .box-210-145 li a:hover{background:url(../img/bg.nav.li.gif) no-repeat left bottom;height:21px;}
.box-210-205 li a:hover, .box-210-145 li a:hover, .box-210-205 li.active a, .box-210-145 li.active a {color:#fff;}
.box-210-205 li.active a, .box-210-145 li.active a{background:url(../img/bg.nav.li.gif) no-repeat left bottom;display:block;height:21px;padding:9px 0 0 25px;}
/* LEFT NAVI ENDE */


.box .box-content .boxbackground {background:url(../img/bg.boxcontent.png) repeat-x;height:122px;width:357px;}

/* ABO */
.box-910-300,.box-910-300 .shadow,.box-910-300 .box-content{height:290px;width:745px;float:left}
.box-910-250,.box-910-250 .shadow,.box-910-250 .box-content{height:252px;width:745px;float:left}
.box-arts, .box-arts .shadow, .box-arts .box-content {width:357px;height:140px;float:left}
.box-content .arts-pic,.box-content .arts-info {float:left;width:56px;margin:10px 10px 0;}
.box-content .arts-info {width:260px; margin:10px 0 0;}
/* ABO ENDE */

/* FORMULAR */
.box-formular,.box-formular .shadow, .box-formular .box-content {width:550px;height:1090px;}
.box-formular-middle,.box-formular-middle .shadow, .box-formular-middle .box-content {width:550px;height:980px;}
.box-formular-big,.box-formular-big .shadow, .box-formular-big .box-content {width:550px;height:1420px;}
.box-kontakt,.box-kontakt .shadow, .box-kontakt .box-content {width:550px;height:505px;}
.box-165-345,.box-165-345 .shadow,.box-165-345 .box-content{width:165px;height:345px;}
.box-220-290 .box-content p{font-size:11px;}
.box table label span{font-size:12px;color:#f30;}
.box table td,.box table td label{font-size:13px;}
.box table input.text,.box table select,.box table textarea{background:#f6f6f6;border-color:#bbb #ddd #ddd #bbb;border-style:solid;border-width:1px;}
.box table input.text{height:17px;padding:3px 0 0 3px;}
.box table input.error,.box table textarea.error{border-color:#d00 #f30 #f30 #d00;}
.box table textarea{padding:2px 3px;}
.box table select{height:21px;padding-top:1px;font-size:13px;}
.box table input.button{padding:5px 10px;font-size:14px;font-weight:bold;}
.box table input.checkbox, .box table input.radio {background:none;border:none;}
.box table select#gender,.box table select#gender_to {width:80px}
.box table select#paymentType {width:260px}
.box table option{height:16px;padding-top:3px;background:#F5F5F5;}
.box table input.text,.box table textarea,.box table option{font-size:13px;}
.form-pic {float:left;width:120px;padding-top:10px;}
.form-info {float:left;width:425px;margin-bottom:15px;}
.formFields td{padding:4px 0;}
/* FORMULAR ENDE */

/* KOMBI */
.box-kombi,.box-kombi .shadow,.box-kombi .box-content{width:745px;height:300px;}
.kombipic {float:left;width:60px;padding:20px 0 0 0;}
.kombiinfo {float:left;width:670px;padding:10px 0 0 15px;}
.kombiinfo li{font-size:12px;line-height:17px;}
/* KOMBI ENDE */

/* MAGAZINE */
.box-magazine,.box-magazine .shadow,.box-magazine .box-content{width:745px;height:400px;}
.magazinepic {float:left;width:200px;padding:20px 0 0 0;}
.magazineinfo {float:left;width:540px;padding:10px 0 0 0;}
.magazineinfo li{font-size:12px;line-height:17px;}
/* KOMBI ENDE */

/* PRAEMIEN */
.box-content .gift-pic {float:left;width:90px;margin:10px 0 0 10px;}
.box-content .gift-info {float:left;width:245px;margin-left:10px;}
.box .box-content .gift-info p {font-size:11px;padding-right:10px;line-height:13px;}
/* PRAEMIEN ENDE */

.box h2,.box h3,.box h4,.box ul.tabs{padding-bottom:2px;margin-bottom:4px;color:#058;letter-spacing:1px;background:url(../img/dots.horizontal.gif) repeat-x left bottom}
.box h4{margin-bottom:1px}
.box ul{padding-top:4px}
.box ul.list{padding:0 0 0 15px;list-style-type:square}
.box ul a{display:block;line-height:13px}
.box ul.tabs{margin-top:-14px;height:23px;padding-bottom:1px}
.box ul.tabs li{float:left;height:23px;padding:0 0 0 1px;background:url(../img/bg.tabs.seperator.png) no-repeat left}
.box ul.tabs li.last{width:1px}
.box ul.tabs li a{padding:9px 15px 6px 10px;line-height:8px;font-weight:bold;color:#999;background:url(../img/bg.tabs.link.png) repeat-x}
.box ul.tabs li a:hover,.box ul.tabs li.active a{background:#fff;color:#058}
.box ul.tabs li.active{height:24px;margin-bottom:-1px}
.box ul.tabs li.active a{padding-bottom:7px}

.box .box-content div h1,.box .box-content div h2,.box .box-content div h3,.box .box-content div h5,.box-big-content div h3{font-size:15px;font-weight:normal;margin:10px 0 5px 0;color:#058;background:0}
.box .box-content div h5{font-size:11px;margin:10px 0 0 0}
.box .box-content div h3{font-size:16px;font-weight:bold;color:#323232;}
.box p{padding:10px 20px 5px 0}
.box p,.box p a{line-height:17px}

.box p,.box p strong,.box p a,.box ul.list li{font-size:13px}
.box p.small,.box ul.facts li,.box ul.facts li b{font-size:11px}
.box ul.facts li{padding-top:5px;line-height:14px}
.box p a{color:#058;text-decoration:underline}
.box p a:hover{text-decoration:none}
.box hr{display:block;margin:8px 0;height:1px;font-size:1px;border:0;background:url(../img/dots.horizontal.gif) repeat-x left bottom}

/* raetsel auswahl */
.box-select,.box-select .shadow,.box-select .box-content{width:745px;height:320px;}
.selectmagazines {float:left;width:510px;padding:20px 0 0 0;}
.selectcalculation {float:left;width:225px;padding:10px 0 0 0;}
.selectcalculation p {padding-right:0;}
.box ul.select{float:left;width:510px;padding:0}
.box ul.select li{float:left;position:relative;width:90px;height:120px;padding:5px 5px 20px 5px;margin:0 15px 0 10px;background:url(../img/bg.shadow.60.png) no-repeat bottom}
.box ul.select li a{position:absolute;top:-1px;left:-1px;width:100px;height:130px;background:url(../img/bg.selected.png) no-repeat -100px}
.box ul.select li a:hover{text-decoration:none}
.box ul.select li a.active{background-position:bottom}
.box ul.select li img{width:90px;height:120px}

.box .box-content div.entry h2{margin-top:0;padding-top:5px}
#footer{padding-top:5px;letter-spacing:0}
#footer ul{float:right;width:780px}
#footer ul li{display:inline}
#footer,#footer ul li,#footer ul li a{line-height:15px}
#footer a:hover{text-decoration:underline}