@CHARSET "ISO-8859-1";

* { margin: 0; padding: 0; border: 0; font-family: Verdana; }
html { margin: 0; padding: 0; color: #3c3c3c; overflow: auto; }
body { margin: 0; padding: 0; background: url(./../img/background.png); font-size: 12px; color: #3c3c3c; }
ul { list-style-type: none; }
a { text-decoration: none; color: #3c3c3c; outline: none; }
a:hover { color: #333333; font-weight: bold; }
a:focus { border: 0; }
table { border-collapse: collapse; }
table tr td { vertical-align: top; }
form label { font-size: 11px; /*color: #FDFDFD;*/ }

/* CUSTOM STYLING ELEMENTS */
.bold { font-weight: bold; }
.clickable { cursor: pointer; }
.l-float { float: left; }
.r-float { float: right; }
.error { color: #990000; }
.ui-center { text-align: center; }
.ui-left { text-align: left; }
.ui-right { text-align: right; }

/* GLOBAL LAYOUT ELEMENTS */
#page { border: 1px solid #DCDCDC; background: #FFFFFF; width: 866px; margin: 16px; padding: 1px; }
#page #header { border-bottom: 1px solid #DBD8DA; width: 866px; height: 66px; }
#page #header #topline { float: right; margin: 36px 12px 0 0; font-size: 11px; }
#page #intro { border-bottom: 1px solid #DBD8DA; width: 851px; height: 142px; padding: 9px 8px 8px 7px; }
#page #navigation { border-bottom: 1px solid #DBD8DA; padding: 6px 0px; height: 43px; color: #333333; }
#page #content { border-bottom: 1px solid #DBD8DA; color: #333333; min-height: 314px; height: 314px; height: auto !Important; /* maybe dynamic later */ padding: 23px 0px 12px 0px;  }
#page #footer { text-align: center; padding: 4px 0 5px; font-size: 11px; }
#page #footer a:hover { font-weight: normal; }

/* NAVIGATION SPECIFIC ELEMENTS */
#navigation dl { float: left; margin: 0 0 0 7px; }
#navigation dl dt { font-size: 0; }
#navigation dl dt a { display: block; }
#navigation dl dt#studie-ddheader a img { background: url(./../img/navigation.png) no-repeat 0px 0px; }
#navigation dl dt#studie-ddheader a:hover img,
#navigation dl dt#studie-ddheader.active a img { background: url(./../img/navigation.png) no-repeat 0px -43px; }
#navigation dl dt#bestellen-ddheader a img { background: url(./../img/navigation.png) no-repeat 0px -86px; }
#navigation dl dt#bestellen-ddheader a:hover img,
#navigation dl dt#bestellen-ddheader.active a img { background: url(./../img/navigation.png) no-repeat 0px -129px; }
#navigation dl dt#kontakt-ddheader a img { background: url(./../img/navigation.png) no-repeat 0px -172px; }
#navigation dl dt#kontakt-ddheader a:hover img,
#navigation dl dt#kontakt-ddheader.active a img { background: url(./../img/navigation.png) no-repeat 0px -215px; }
#navigation dl dt#koeche-ddheader a img { background: url(./../img/navigation.png) no-repeat 0px -86px; }
#navigation dl dt#koeche-ddheader a:hover img,
#navigation dl dt#koeche-ddheader.active a img { background: url(./../img/navigation.png) no-repeat 0px -129px; }

#navigation dl dd { position: absolute; overflow: hidden; display: none; }
#navigation dl dd ul { width: 277px; }
#navigation dl dd ul.dropdown-studie { border: 1px solid #595959; }
#navigation dl dd ul.dropdown-koeche { border: 1px solid #595959; }
#navigation dl dd ul li { font-size: 12px; }
#navigation dl dd ul li a,
#navigation dl dd ul li a:active,
#navigation dl dd ul li a:visited { background: url(./../img/bg_dropdown_0.png); display: block; padding: 9px 16px; color: #333333; font-weight: normal;  border-bottom: 1px solid #e0dbd5; }
#navigation dl dd ul.dropdown-studie li a:hover { background: url(./../img/bg_dropdown_it_1.png); color: #FFFFFF;  border-bottom: 1px solid #727583; }
#navigation dl dd ul.dropdown-koeche li a:hover { background: url(./../img/bg_dropdown_it_1.png); color: #FFFFFF;  border-bottom: 1px solid #727583; }
#navigation dl dd ul li a img { background: url(./../img/navi_arrow_0.png) no-repeat; margin: 0 48px 0 0;	}
#navigation dl dd ul li a:hover img { background: url(./../img/navi_arrow_1.png) no-repeat; }

/* CONTENT SPECIFIC ELEMENTS */
#content h1 { font-size: 20px; color: #333333; font-weight: normal; margin: 0 0 20px 10px; }
#content p { margin: 6px 0; }
#content dl { font-size: 13px; }
#content dl.cases { width: 390px; margin: 16px 0 0 0; }
#content dl dt { background: url(./../img/bullet_box_red.png) no-repeat left center; padding: 0 0 0 22px; margin: 0 0 6px 0; }
#content dl.cases dt.active { background: url(./../img/bullet_box_red.png) no-repeat left center; }
#content dl.cases dt a { color: #333333; }
#content dl.cases dt.active a { color: #333333; font-weight: bold;}
#content dl dd { padding: 3px 0 8px 22px;  }
#content div.cases-img { width: 390px; float: right; }
#content div.cases-img table { margin: 6px 0 0 0; }


/* CONCACT FORM/DIV */
div.contact { padding: 0px 52px 20px 38px; border-bottom: 1px solid #DBD8DA; }
div#content div.contact h1 { margin: 0 0 25px 0; }
div#content h2 { color: #9c0a18; font-size: 14px; font-weight: bold; }
div#content div.contact form  h1 { margin: 20px 0 15px; }
div.contact table tr td.first { width: 396px; }
form.contact .error * { background-color: #efc0c5; border-color: #b3646c; }
form.contact label { color: #3C3C3C; }
form.contact .error label { background-color: #FFFFFF; color: #9c0a18; }
form.contact .error a { background-color: #FFFFFF; color: #9c0a18; text-decoration: underline; }
form.contact select { border: 1px solid #7F9DB9; }
form.contact input { border: 1px solid #7F9DB9; width: 205px; height: 15px; font-size: 12px; margin: 3px 0 6px 0; padding: 2px 3px 3px; }
form.contact input.phone-first { width: 71px; }
form.contact input.phone-last { width: 121px; }
form.contact input.strasse { width: 167px; }
form.contact input.hausnummer { width: 42px; }
form.contact input.plz { width: 52px; }
form.contact input.ort { width: 141px; }
form.contact textarea {border: 1px solid #7F9DB9; width: 375px; max-width: 375px; height: 64px; max-height: 64px; font-size: 12px; margin: 3px 0 6px 0; padding: 2px 3px 3px; overflow: auto; }

/* CONTENT Text/Image Elements */
#content div.article-text { width: 550px; }
#content div.article-text dl dt.active { background: url(./../img/bullet_box_red.png) no-repeat left center; font-weight: bold; }
#content div.article-text dl dt a { color: #333333; }
#content div.article-text p { margin: 0px; line-height: 16px; }
#content div.article-img { width: 300px; }


/* NEUES */
/* Gesamtstudie */
div.study-overall a.overall { display: block; background: url(./../img/gesamtstudie_bestellen.png) no-repeat 0px 0px; width: 260px; height: 44px; }
div.study-overall a.overall.koeche { display: block; background: url(./../img/gesamtstudie_bestellen_koeche.png) no-repeat 0px 0px; width: 260px; height: 44px; }
div.study-overall a.overall.active,
div.study-overall a.overall:hover { background-position: 0px -44px; }
form div.study-overall input { display: none; }

/* Studien Kategorien */
div.study-categories a { display: block; background: url(./../img/studie_kategorien.png) no-repeat 0px 0px; width: 408px; height: 44px; }
div.study-categories .sport a { background-position: 0px 0px; }
div.study-categories .sport a:hover,
div.study-categories .sport a.active { background-position: 0px -44px; }
div.study-categories .news a { background-position: 0px -88px; }
div.study-categories .news a:hover,
div.study-categories .news a.active { background-position: 0px -132px; } 
div.study-categories .talkshow a { background-position: 0px -176px; }
div.study-categories .talkshow a:hover,
div.study-categories .talkshow a.active { background-position: 0px -220px; }
div.study-categories .polittalk a { background-position: 0px -264px; }
div.study-categories .polittalk a:hover,
div.study-categories .polittalk a.active { background-position: 0px -308px; }
div.study-categories .show a { background-position: 0px -352px; }
div.study-categories .show a:hover,
div.study-categories .show a.active { background-position: 0px -396px; }
div.study-categories .magazin a { background-position: 0px -440px; }
div.study-categories .magazin a:hover,
div.study-categories .magazin a.active { background-position: 0px -484px; }
form div.study-categories input { display: none; }

/* Scorecard Kategorien */
div.scorecard-categories { margin: 10px 0 0 10px; }
div.scorecard-categories table tr td.list { padding: 2px 12px 0 6px; font-size: 11px; }
div.scorecard-categories a { margin: 6px 0 0 0; display: block; background: url(./../img/scorecard_kategorien.png) no-repeat 0px 0px; width: 195px; height: 24px; }
div.scorecard-categories .sport a{ background-position: 0px 0px; }
div.scorecard-categories .sport a:hover,
div.scorecard-categories .sport a.active { background-position: 0px -24px; }
div.scorecard-categories .news a { background-position: 0px -48px; }
div.scorecard-categories .news a:hover,
div.scorecard-categories .news a.active { background-position: 0px -72px; }
div.scorecard-categories .talkshow a { background-position: 0px -96px; }
div.scorecard-categories .talkshow a:hover,
div.scorecard-categories .talkshow a.active { background-position: 0px -120px; }
div.scorecard-categories .polittalk a { background-position: 0px -144px; }
div.scorecard-categories .polittalk a:hover,
div.scorecard-categories .polittalk a.active { background-position: 0px -168px; }
div.scorecard-categories .show a { background-position: 0px -192px; }
div.scorecard-categories .show a:hover,
div.scorecard-categories .show a.active { background-position: 0px -216px; }
div.scorecard-categories .magazin a { background-position: 0px -240px; }
div.scorecard-categories .magazin a:hover,
div.scorecard-categories .magazin a.active { background-position: 0px -264px; }
#content div.article-text div.scorecard-categories p { margin: 10px 0; }
div.scorecard-categories div.moderator { display: block; float: left; width: 175px; height: 20px; }
#content p.scorecard { clear: left; display: block; background: url(./../img/bestellen_leiste.png) no-repeat; width: 533px; height: 30px; padding: 14px 0 0 6px; color: #FFFFFF; font-size: 11px; float: right; margin: 0; }

/* bestelluebersicht */
table.orderlist { border: 1px solid #e1e0e0; }
table.orderlist tr th { background: url(./../img/bg_bestell_table.png) repeat-x; border-bottom: 1px solid #e1e0e0; padding: 3px 5px; }
table.orderlist tr td { padding: 6px 5px; }
/*table.orderlist tr.summary td { padding: 6px 5px; }*/
form.contact table.orderlist input { margin: 0; border: 0; }	
div.studie { margin: 0 0 0 7px; }
div#content div.studie h1 { margin-left: 13px; }

div.studie-fertig { margin: 0 0 0 38px; }
div#content div.studie-fertig h1 { margin-left: 0; }

div.studie-bestellung { margin: 0 0 0 20px; }
form.contact div.studie-bestellung input { width: auto; }
form.contact div.studie-bestellung input.edit { width: 12px; height: 14px; border: 0; margin: 0; padding: 0; background: url(./../img/but_edit.png) no-repeat; font-size: 0; cursor: pointer; }

/* mafo banner */
div#mafo-banner { width: 189px; height: 572px; position: absolute; z-index: 1000; top: 16px; left: 890px;}
div#mafo-banner .banner { border: 1px solid #DCDCDC; }

/* AGB */
div#content div#agb * { color: #333333; }
div#content div#agb p { padding: 2px 0; line-height: 15px;}
div#content div#agb p a { color: #990000; font-size: 11px; }
div#agb h2 { font-size: 16px; margin: 0 0 5px 0; }
div#agb h3 { font-size: 14px; font-weight: bold; margin: 0 0;}
div#content div#agb ul { margin: 5px 0; }
div#content div#agb ul li { background: url(./../img/bullet_box_red.png) no-repeat left 2px; padding: 0px 0 5px 27px; }
div#content div#agb ol { margin: 5px 0 5px 27px; /*list-style-type: decimal-leading-zero;*/ }
div#content div#agb ol li { padding: 0px 0 5px 1px; }

/* pressemitteilungen */
#content div#presse { width: 834px; margin: 0px 0 0 24px; }
#content div#presse h1 { margin-left: 0; }
#content div#presse h2 { color: #333333; font-size: 15px; }
#content div#presse table { width: 100%; }
#content div#presse table tr td { width: auto; padding: 0 18px 0 0;}
#content div#presse table tr td.img { width: 270px; text-align: right; padding: 0; }
#content div#presse table tr td p { text-align: justify; line-height:14px; margin:6px 0 12px; }