@import "../../css/reset.css";
@import "../../css/typography.css";
@import "../../css/rahmen.css";
@import "../../css/layout.css";
@import "../../css/box.css";
@import "../../css/formular.css";
/* -----------------------------------------
Ende Import der Standard CSS-Dateien &
Beginn der Layoutspezifischen Anpassungen 
----------------------------------------- */

/* ------------ HOLDERS
--------------------------------------------------------- */
#wrapper, #container {
	border: none;
	padding: 0px;
	margin: 0px;
	background-color: none;
}
#head, #head h1#logo {
	margin-top: 0px;
	padding-top: 0px;
}
#head h1#logo { padding-top: 10px; }

#content {
	width: 823px;
	padding: 0px;
	background-image: none;
}
.box3D {
	padding: 3px 4px 0 2px;
}

/* ------------ content
--------------------------------------------------------- */
.content h1 {
	margin-bottom: 5px;
}
.content h3 {
	margin-bottom: 5px;
}
.content h4 {
	margin-bottom: 10px;
}
.content p {
	margin-bottom: 15px;
}
.tabContentBox {
	width: auto;
}

/* ------------ form
--------------------------------------------------------- */
#content form {
	margin: 0 0 10px 0;
	padding: 0;
}
#content form fieldset {
	width: 370px;
	height: 35px;
	margin: 16px 0 0 10px;
	padding: 0;
	background: #f1f2f2;
	display: block;
}
#content form label {
	width: 230px;
	margin: 5px 5px 5px 16px;
	padding: 0;
	font-size: 1.2em;
	font-weight: bold;
	color: #003f5b;
	text-transform: uppercase;
	display: block;
	float: left;
}
#content form input {
	width: 300px;
	margin: 6px 10px 6px 6px;
	padding: 2px;
	float: left;
}
#content form.galerieSucheBottom {
	margin-bottom: 10px;
	padding: 10px 0 5px 0;
	background: #f1f2f2 url(../../images/dot_hori.gif) left top repeat-x;
}
button {
	margin-top: 5px;
	float: left;
}

/* ------------ Site Navigation
--------------------------------------------------------- */
.tabContentBox .siteNavi {
	padding-left: 10px;
	padding-right: 10px;
}
.tabContentBox .siteNaviSwitcher {
	width: 697px;
}

/* ------------ Tabs
--------------------------------------------------------- */
#content ul.tab {
	width: auto;
	background-color: transparent;
}

/* ------------ GalerieListe
--------------------------------------------------------- */
div.liste {
	width: 160px;
	padding: 5px 12px 5px 12px;
	float: left;
	text-align: center;
}
div.liste table, div.liste table td {
	width: 160px;
	border-spacing: 0;
	border-collapse: collapse;
	margin: 0 !important;
	padding: 0 !important;
}
div.liste img {
	border: 2px solid #999;
}
div.liste img:hover {
	border: 2px solid #86171e;
}
#content div.liste p {
	padding: 0 0 0 0;
	margin: 5px 0 5px 0;
	font-size: 0.95em;
	text-align: left;
}
div.liste.first {
	padding-left: 50px;
}
div.liste.last {
	padding-right: 50px;
}
/* ------------ Deafault Abos
--------------------------------------------------------- */
/* +++ Übersicht +++ */
h2 {
    color: #000;
    background-color: #fff;
    border: 0px solid #fff;
    margin-bottom: 15px;
}
.aboTyp h1, .aboTyp h3 { display: none; }
.aboTyp h3.bemerkungen { 
	display: block; 
	margin-top: 20px;
}

dl.uebricht { 
    margin: 0 15px 15px 0;
    position: relative;
}
dl.uebricht dt {
  width: 210px;
    margin: 4px 0 0 0;
    padding: 2px;
    font-weight: bold;
    float: left;
    text-align: left;
    position: relative;
    background-color: #fff;
}
dl.uebricht dd {
  width: 245px;
  margin: 4px 0 0 0;
  padding: 2px;
  float: left;
    background-color: #fff;
}
dl.uebricht.extralong dt {
    width: 350px;
}
dl.uebricht.extralong dd {
  width: 105px;
} 
#content .aboTyp dl.uebricht { width: 600px; }
#content .aboTyp dl.uebricht dt, #content .aboTyp dl.uebricht dd  {
    width: 400px;
    padding: 5px; 
}
#content .aboTyp dl.uebricht dt { width: 170px;}

/* +++ Box Fragen +++ */
#content div.aboTyp div.boxFragen { display: none; }

/* +++ Eiverständniserklärung +++ */
#content form input.checkbox {
    display: block;
    float: left;
    margin: 0 5px 10px;
    padding: 2px;
    width: auto;
    border: 1px solid #000;
}
#content form label.auto {
    display: block;
    float: left;
    margin-right: 0px;
    margin: 0px 0px 10px;
    padding-left: 4px;
    width: auto;
    font-size: 0.9em;
    text-transform: none;
}
#content form fieldset {
    float: none;
    clear: both;
    border: none;
    background-color: #fff;
    height: auto;
    width: auto;
}
/* +++ Optin Datum Unterschrift +++ */
#internalOptin {
    display: block;
    width: 723px;
   /* height:210px;*/
    margin-bottom: 0px;
}

#container .content form,
#container .content form .aboTyp,
* {
    position: static !important;
 }

#zoneAdserverSuper,
#zoneAdserverSky,
#zoneAdserverCustom,
#bzAuktionHead,
.nav_add,
.wetterkopf,
.navigationMain,
.shadowBorderBottom,
#head form,
#foot,
.breadcrumb,
.buttons,
.pflichtfeld,
.separator {
    display: none !important;
 }
 
#clickwrapper .boxLwL1,
#clickwrapper .boxLwL2,
#clickwrapper .boxLwL4,
#clickwrapper .boxBorderOhne,
#hauptformular div#detailansicht,
#hauptformular .boDoBo,
#hauptformular h3,
#hauptformular .buttonPrint, #hauptformular a.abolinkButton,
.boxFragen,
#teaser,
#clickwrapper h2 {
	display: none !important;
}

#hauptformular form div.formcontainer { font-size: 1.2em !important; }
#hauptformular form div.formcontainer div#internalOptin	 { font-size: 1em !important; }
#hauptformular form div.formcontainer div p { font-size: 1em; margin-left: 10px; }
#hauptformular dl.uebricht dt { width: 200px; }
#hauptformular dl.uebricht dt, #hauptformular dl.uebricht dd {  width: 250px; }

#hauptformular .separator { display: block !important;}