﻿@charset "UTF-8";

html,body,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; border:0; }
.clearleft { clear: left; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearright { clear: right; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
.clearboth { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }

img { border: 0; }

BODY {
	margin-top: 14px;
}

.zweispaltig {
	padding: 12px 0;
	width:835px;
	zoom: 1;
}

.zweispaltig .rechtespalte {
	width: 209px;
	float:right;
	display:block;
	background-color: #FFFFFF;
	line-height:100px;
	margin-top:0;
}
.zweispaltig .hauptspalte {
	margin-left: 3px;
	width: 620px;
	display:block;
}

.navigationoben {
	width:835px;
	height:22px;
}

.navigationoben UL.emotionreiter {
	height:22px;	
}
.navigationoben UL.emotionreiter LI {
	display:block;
	height:17px;
	float:left;
	padding: 2px 4px 3px 4px;
	margin-right: 0;
}
.navigationoben UL.emotionreiter LI.vorne {
	width: 98px;
background: url('/de/_images/reiter_vorne.gif') left no-repeat;
}
.navigationoben UL.emotionreiter LI.hinten {
	width: 97px;
background: url('/de/_images/reiter_hinten.gif') left no-repeat;
}
.navigationoben .navigationsuche {
	float:right;
	padding-right: 5px;
}
.navigationoben .navigationsuche UL {
	height:22px;	
}
.navigationoben .navigationsuche UL LI {
	display:inline;
}
.navigationoben .navigationsuche UL LI FORM {
	display:inline;
}

.logo {
	width:835px;
	height:91px;
	background: url('/de/_images/logo.jpg') left top no-repeat;
	padding: 0px;
}

.logo P{
padding-top: 5px;
}
.boxfirstline_oben {
	background: url('/de/_images/boxganze.gif') left bottom no-repeat;
	padding:0;
	margin:0;
	height: 15px;
	font-size: 1px;
	width: 611px;
}
.box2halbe {
	padding:0;
	margin: 15px 0 0 0;
}
.box2halbe_oben {
	padding:0;
	margin:0px 0 0 0;
}
.box2halbe_unten {
	padding:0;
	margin:0;
	height:1px;
	font-size: 1px;
}
.boxkopfganz {
	padding:0;
	margin:10px 0 0 0;
}
.boxinnenkopfganz {
	margin:0 0 0 3px;
	padding:1px;
	width: 607px;
}
.boxganz {
	padding:0;
	margin:0;
}
.boxganz_oben {
	background: url('/de/_images/boxganze.gif') left top no-repeat;
	padding:0;
	margin:12px 0 0 0;
}
.boxganz_unten {
	background: url('/de/_images/boxganze.gif') left bottom no-repeat;
	padding:0;
	margin:15px 0 0 0;
	height:1px;
	font-size: 1px;
}

.boxinnenganz {
	margin:0 0 0 7px;
	padding:1px;
	width: 607px;
}

.boxinnenhalblinks {
	margin:0 0 0px 3px;
	padding:0 1px 1px 1px;
	width: 300px;
	float: left;
	zoom:1;
	background: url('/de/_images/vertical_box.gif') right 4px no-repeat;
}
.boxinnenhalbrechts {
	margin: 0 0 0 312px;
	padding: 0 1px 1px 1px;
	width: 297px;
	height: inherit;
	zoom: 1;
}
.boxinnenhalblinks DIV.bild120mittig {
	float:left;
	margin: 4px 6px 6px 0;
}
.boxinnenhalbrechts DIV.bild120mittig {
	float:left;
	margin: 4px 6px 6px 0;
}
.boxspalterechts DIV.bild120mittig {
	float:left;
	margin: 0 6px 6px 6px;
}
.boxinnenhalblinks DIV.bild300mittig {
	margin: 3px 0 6px 0;
}
.boxinnenhalbrechts DIV.bild300mittig {
	margin: 3px 0 6px 0;
}
.boxspalterechts DIV.bild209mittig {
	margin: 0 0 6px 0;
}
.boxinnenhalblinks IMG.headline {
	margin:0 6px 0 6px;
}
.boxinnenhalbrechts IMG.headline {
	margin:0 6px 0 6px;
}
.boxrechts {
	margin: 0;
	padding: 0;
	width: 209px;
	zoom: 1;
}
.boxrechts .rahmen{
	border: 1px solid #e6e4e5;
	border-bottom: 0;
}
.boxrechts .kopf_heftcover, .boxrechts .kopf_aboshop, .boxrechts .kopf_newsletter, .boxrechts .kopf {
	background: url('/de/_images/bg_oben_rechtespalte.jpg') 0 0 no-repeat;
	width:207px;
	height:31px;
	margin: 0;
	padding:8px 0 0 0;
}
.boxrechts .kopf A.heftcover {
	padding: 0 0 0 17px;
	background: url('/de/_images/icon_aktuellesheft.gif') 0 center no-repeat;
	margin: 0 0 0 15px;
}
.boxrechts .kopf A.aboshop {
	padding: 0 0 0 17px;
	background: url('/de/_images/icon_aboshop.gif') 0 center no-repeat;
	margin: 0 0 0 15px;
}
.boxrechts .kopf A.newsletter {
	padding: 0 0 0 17px;
	background: url('/de/_images/icon_email.gif') 0 center no-repeat;
	margin: 0 0 0 15px;
}
.boxrechts .kopf A {
	padding: 0;
	margin: 0 0 0 15px;
}
.boxrechts .heftcover {
	text-align: center;
	width: inherit;
	padding-bottom: 15px;
	padding-top: 4px;
}
.boxrechts .heftcover IMG {
	width: 114px;
	border: 0;
}
.boxrechts .linksammlung {
	margin: 0;
	padding: 0;
}
.boxrechts .linksammlung DIV{
	margin: 0;
	padding: 3px 0;
	border: 1px solid #e6e4e5;
	border-right: 0;
	border-left: 0;
	border-bottom: 0;
}
.boxrechts .linksammlung DIV A {
	padding: 0 0 0 17px;
	background: url('/de/_images/icon_list.gif') 0 4px no-repeat;
	margin: 0 0 0 15px;
	display: block;
}
.boxrechts .bild IMG{
	padding: 0 0 0 15px;
	margin: 0;
	width: 136px;
}
.boxrechts .text{
	padding: 8px 15px;
	margin: 0;
}
.boxrechts INPUT {
	margin: 0 0 0 15px;
	width: 170px;
	border: solid 1px #a5acb2;
}
.artikelnormal {
	width: 596px;
	margin:0 0 10px 2px;
}

.artikelnormal UL {
	margin-left:18px;
}

.artikelnavigation {
	width: 596px;
	margin:0 0 10px 3px;
}

.fuerzwischenseite .artikelnavigation {
	width: 596px;
	margin:5px 0 15px 8px;
}

.unterenavigation {
	width: inherit;
}
.unterenavigation .toplink {
	float:right;
}
.unterenavigation UL {
	text-align: right;
	display:block;
	width: 100%;
	height: 23px;
	margin: 0 0 20px 0;
	background: url('/de/_images/hauptnavigation_bg_active.gif') 0 0 repeat-x;
	padding: 7px 0 0 0;
}
.unterenavigation UL LI {
	display:inline;
}

.fusszeile {
	width:835px;
}

.homepagehauptgrafik {
	width: 613px;
	height: 255px;
	padding: 0;
	margin: 0;
}

.hr1pxgrau {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #efefef;
	padding: 5px 0;
}

.hr1pxlila {
	height: 1px;
	border-width: 1px 0 0 0;
	border-style: solid;
	border-color: #7d0063;
	padding: 0;
}

/* Eingabefelder in Tabellenform */

DIV.eingabepanel {
	border-top: 1px solid #973b83;
	padding:8px 0 10px 3px;
	margin:0;
}

TABLE.eingabefelder {
	width: 588px;
}
TABLE.eingabefelder TD {
	padding:0 20px 10px 0;
}
TABLE.eingabefelder TD INPUT {
	border: 1px solid black;
	height:16px;
}
TABLE.eingabefelder TD TEXTAREA {
	border: 1px solid black;
}
TABLE.eingabefelder TD SELECT {
	border: 1px solid black;
	height:auto;
}

/* Emotion Button Design */
A.emo_btn{
	margin: 0;
	background:url('/de/_images/btn_middle.gif') left top repeat-x;
	border: solid #660169 1px;
	padding: 4px 9px;
}
A.emo_btn:HOVER{
	background:url('/de/_images/btn_middle_act.gif') left top repeat-x;
}

/* Formular emotion Design */
.formular{
	width: 400px;
}
.formular TD{
	padding: 6px 0;
}
.formular .bezeichnung{
	width: 170px;
	vertical-align: top;
}
.formular .eingabefeld{
	width: auto;
	text-align: left;
}
.formular .checkbox{
	width: 30px;
	text-align: center;
	vertical-align: top;
}
.formular .text{
	width: 500px;
	text-align: left;
}
.formular .input_txt, .formular textarea_txt{
	text-align: left;
	width: 270px;
	border: 1px solid #635b4e;
}
.formular SELECT{
	text-align: left;
	width: 270px;
	border: 1px solid #635b4e;
}
.mehrereseitennavigation {
	margin: 10px 0 0 0;
}
/*Design der Umfrage*/
.frage 
{
	width: 595px;
}
.frage .nummer
{
	background-color:#7d0063;
	width:27px;
	text-align:center;
	vertical-align:top;
	padding-top:7px;
}
.frage .fragetext
{
	background-color:#f2e5ef;
	padding:9px 10px;
}
.frage .antworten TABLE
{
	padding: 6px 0 12px 0;
}
.frage .antworten TR
{
	padding: 8px 0;
}
.frage .antworten INPUT
{
	margin: 0 0 0 4px;
	float: left;
}
.frage .antworten LABEL
{
	margin-left: 40px;
	display: block;
}
