/* Stylesheet zur grundlegenden Formatierung
-------------------------------------------------------------------------------- */

/* Importieren des Stylesheets fuer Farben und Typo */
@import url(color.css);
@import url(typography.css);

/* Normalisieren der Browser Default Styles */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

/* Headlines auf Dokumentschriftgroesse setzen */
h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
}

/* Listenpunkte ausschalten */
ol, ul {
	list-style: none;
}

address, caption, cite, code, dfn, th, var {
	font-style: normal;
	font-weight: normal;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

caption, th {
	text-align: left;
}


h3 {
	margin-bottom: 12px;
}

p.linie {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: 1px solid #000000;
}

p.clearer {
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 40px;
}
/* Seitenlayout */

body {
	padding: 20px;
}

.pageWrapper {
	width: 100%;
	padding-top: 20px;
}

.right, .left, div.marginalBox, div#headerRight, div#headerLeft, div#headerMiddle ul, div#naviWrapper, div#footerWrapper, div#print, div.fueller {
	display: none;
}

.middle {
	width: 100%;
}


/* Header */

div#headerWrapper,
div#headerMiddle {
	width: 100%;
	background: none;
	
}

h1#logo a {
	text-decoration: none;
	font-size: 50px;
	background: none;
	color: #004F91;
}



/* Content */

div#contentWrapper {
	width: 100%;
}





div#paging{
	width: 100%;
	height: 18px;
	margin: 12px 0px 12px 01px;
	clear: none;
	float: left;
	}


div#paging ul {
	margin: 0;
	padding: 0;
}
	
div#paging ul li {
	padding: 0;
	margin: 0;
	float: left;
	margin-right: 3px;
	display: inline;
}

div#paging ul li a{
	margin-right: 3px;
}

a.webseite,
a.download {
	display: block;
}


/* Content Suche */

div#contentWrapper,
div#content{
	background: none;
	width: 100%;
}


div#breadcrumb {
	width: 100%;
}

div#content  h2 {
	margin-bottom: 18px;
}

#content.einzel .partnerEinzel h3,
#content.einzel .partnerEinzel p {
	margin: 6px 0px 0px 3px;
	width: 290px;
}
#content.einzel .partnerEinzel img {
	margin-bottom: 20px;
}

div.aktion,
div.adresse,
div.partnerEinzel,
div.suche,
div.map,
div.image {
	width: 312px;
}

div.adresse,
div.partnerEinzel,
div.suche,
div.map,
div.image {
	min-height: 400px;
}

* html div.adresse,
* html div.partnerEinzel,
* html div.suche,
* html div.map,
* html div.image {
	height: 400px;
}

div.map h2 {
	width: 312px;
}
div.aktion,
div.partnerEinzel,
div.suche {
	float: left;
}
div.map {
	clear: right !important;
}	

div.adresse,
div.map,
div.image{
	float: left;
	width: 50%;
	margin-left: 20px;
	display: inline;
}
	
div.image img {
	margin-right: 7px;
	display: inline;
}
div.aktion {
	clear: left;
}

div.aktion,
div.adresse {
	margin-top: 40px;
	display: inline;
}

div.adresse h3 {
	margin-bottom: 0px;
}

div.adresse p {
	margin-bottom: 12px;
}

div.aktion ul.aktionen {
	float: left;
}

div.aktion ul.aktionen li{
	padding: 9px;
	margin: 0;
	width: 292px;
	float: left;
}

div.aktion ul.aktionen li img.buttonAktion {
	display: block;
	float: right;
}

div#content.einzel div.aktion ul.aktionen li h2,
div#content.einzel div.aktion ul.aktionen li h3,
div#content.einzel div.aktion ul.aktionen li p {
	margin: 0;
	padding: 0;
	margin-bottom: 3px;
	padding-left: 30px;
	margin-right: 60px;
}

div.aktion ul.aktionen li p.ziffer {
	margin: 0 !important;
	padding: 0px 0px 0px 4px !important;
	height: 17px;
	width: 14px;
}


div.google {
	width: 307px;
	height: 329px;
}

div.suchergebnis {
	float: left;
	width: 656px;
	margin: 0px 5px 20px 1px;
	display: inline;
	background: none;
}



.suchergebnis h2 {
	margin: 20px 11px 20px 11px;
}


ul.ergebnisHeader,
ul.ergebnisContent,
ul.ergebnisContentAusklapp,
ul.ergebnisContentAusklapp li,
ul.ergebnisContentAusklapp li ul {
	width: 656px;
	float: left;
	display: inline;
	margin-right: -3px;
}


ul.ergebnisContent,
ul.ergebnisContentAusklapp li ul {
	padding: 3px 0px 3px 0px;
}

ul.ergebnisContent li,
ul.ergebnisContentAusklapp li ul li{
	float: left;
	padding: 3px 11px 6px 11px;
	min-height: 40px;
	height: auto;
	display: inline;
}

ul.ergebnisHeader li{
	float: left;
	height: 11px;
	padding: 3px 11px 6px 11px;
	display: inline;
}

ul.ergebnisContentAusklapp li,
ul.ergebnisContentAusklapp li ul,
ul.ergebnisContentAusklapp li ul li {
	float: left !important;
}

ul.ergebnisContentAusklapp li,
ul.ergebnisContentAusklapp li ul{
	min-height: 40px;
}

ul li.partner{
	width: 85px;
	padding: 3px 0px 6px 11px;
}

ul li.rubrik{
	width: 58px;
}

ul li.adresse{
	width: 154px;
}

ul li.aktion{
	width: 198px;
}

ul li.standort{
	width: 62px;
}

ul li.adresse_partner{
	width: 374px;
}

ul li.partnertext{
	width: 445px;
}

ul.ergebnisContentAusklapp li.aktion img,
ul.ergebnisContent li.aktion img {
	float:left;
	margin-right: 12px;
	display: inline;
}

ul.ergebnisContentAusklapp li.standort div,
ul.ergebnisContent li.standort div {
	width: 39px;
	height: 39px;
}
							
ul.ergebnisContentAusklapp li.adresse h3,
ul.ergebnisContent li.adresse h3 {
	margin:0;
	padding: 0;
}	

ul.ergebnisContentAusklapp li.partner h3,
ul.ergebnisContent li.partner h3 {
	margin: 3px 0px 0px 0px;
}	

p.partnerfilialen {
	text-decoration: underline !important;
	color: #41A62A;
}

/* Innenseiten */

#content div.innen {
	width: 100%
}

#content div.innen h3 {
	margin: 24px 0px 6px 0px;
}
#content div.innen img {
	margin-bottom: 6px;
}
#content div.innen p{
	margin-bottom: 12px;
}
	
#content div.innen ul li {
	margin-bottom: 6px;
	padding-left: 3px;
	margin-left: 13px;
}
/* Formularformatierung */

input.button,
input.text {
	margin-bottom: 6px;
}

input.button {
	margin-top: 6px;
	width: 70px;
	height: 17px;
}

.kontakt input#vorname,
.kontakt input#nachname,
.kontakt input#email,
input.text {
	padding: 4px;
	height: 12px;
}

select {
	padding: 3px;
	height: 20px;
}
.suche label {
	width: 85px;
	float: left;
	display: block;
	clear: left;

}

select#bestellen,
.suche input,
.suche select {
	display: block;
	float: left;
	margin-bottom: 10px;
	display: inline;
}


.suche input.text {
	width: 200px;
}

.suche select {
	width: 210px;
}

.suche .button {
	margin-left: 85px !important;
}
form.passwort,
form.einladen,
form.kontakt,
form.registrierung {
	width: 460px;
}

.passwort .button,
.einladen .button,
.kontakt .submit,
.registrierung .button,
.suche .button {
	display: block;
	float: left;
	clear: both;
	margin: 6px 0px 0px 155px;
	width: 70px;
	height: 17px;
	display: inline;
}

.passwort .button,
.einladen .button,
.kontakt .submit,
.registrierung .button {
	margin-left: 180px;
}

.passwort span,
.einladen span,
.kontakt span,
.registrierung span {
	display: block;
	width: 100%;
	float: left;
	margin-bottom: 10px;
}


.einladen label.link {
	width: 400px;
	float: left;
	display: block;
	clear: both;
	margin: 0px 0px 12px 180px;
	display: inline;

}

.passwort label,
.einladen label,
.kontakt label,
.registrierung label {
	width: 180px;
	float: left;
	display: block;
	clear: left;

}

.kontakt input#vorname,
.kontakt input#nachname,
.kontakt input#email,
.passwort input,
.einladen input,
.kontakt input,
.registrierung input {
	display: block;
	float: left;
	margin-bottom: 10px;
	display: inline;
}


.kontakt input#vorname,
.kontakt input#nachname,
.kontakt input#email,
.passwort input.text,
.einladen input.text,
.kontakt input.text,
.registrierung input.text {
	width: 250px;
}

.passwort label.radio,
.einladen label.radio,
.kontakt label.radio,
.registrierung label.radio {
	float: left;
	clear: none;
	width: 60px;
	margin-bottom: 12px;
	display: inline;
	height: 11px;
}

.passwort label.check,
.einladen label.check,
.kontakt label.check,
.registrierung label.check {
	float: left;
	clear: none;
	width: 460px;
	margin-bottom: 9px;
	display: inline;
}

.passwort label.check input.check,
.passwort label.radio input.radio,
.einladen label.check input.check,
.einladen label.radio input.radio,
.kontakt label.check input.check,
.kontakt label.radio input.radio,
.registrierung label.check input.check,
.registrierung label.radio input.radio {
	margin-right: 5px;
}

.passwort fieldset,
.einladen fieldset,
.kontakt fieldset,
.registrierung fieldset {
	margin-bottom: 24px;
	width: 450px;
	float: left;
}

.passwort textarea,
.einladen textarea,
.kontakt textarea {
	width: 250px;
	height: 120px;

	padding: 4px;
	float: left;
}

.registrierung p,
.passwort p,
.einladen p,
.kontakt p {
	float: left;
	display: inline;
	width: 100%;
	margin-bottom: 24px;
}

.kontakt form div {
	float: left;
	width: 100%;
	margin-bottom: 10px;
}

/* Google-Map */

#map h2,
#map p {
	margin: 0 !important;
}




/* Breadcrumb */

div#breadcrumb {
	width: 100%;
	margin: 20px 0px 18px 0px;
}

div#breadcrumb ul  {
	color: #41A62A;
	font-size: 11px;
}

div#breadcrumb li {
	display: block;
	float: left;
}

div#breadcrumb ul li,
div#breadcrumb ul li a {
	color: #41A62A;
	font-size: 11px;
}


div#fortschritt {
	float: left;
	clear: both;
	height: 32px;
	width: 644px;
	background: transparent url(/media/images/bg_fortschritt.gif) repeat-x;
	margin: 0px 6px 55px 1px;
	padding-left: 11px;
	display: inline;

}

div#fortschritt li{
	font-size: 11px;
	color: #41A62A;
	display: block;
	float: left;
	height: 32px;
	padding-left: 36px;
	padding-top: 8px;
	margin-right: 20px;
}

div#fortschritt li.inaktiv{
	color: #92C685;
}

div#fortschritt li#fortschritt1{
	background: transparent url(/media/images/kreis_1.gif) no-repeat;
}

div#fortschritt li#fortschritt2{
	background: transparent url(/media/images/kreis_2.gif) no-repeat;
}

div#fortschritt li#fortschritt3{
	background: transparent url(/media/images/kreis_3.gif) no-repeat;
}

div#fortschritt li#fortschritt1.inaktiv{
	background: transparent url(/media/images/kreis_1_inaktiv.gif) no-repeat;
}

div#fortschritt li#fortschritt2.inaktiv{
	background: transparent url(/media/images/kreis_2_inaktiv.gif) no-repeat;
}

div#fortschritt li#fortschritt3.inaktiv{
	background: transparent url(/media/images/kreis_3_inaktiv.gif) no-repeat;
}
div#fortschritt li#zurueck {
	margin-left: 180px;
	margin-right: 0px;

}

div#fortschritt li#zurueck a{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 11px;
	color: #41A62A;
	text-decoration: none;
	background: transparent url(/media/images/pfeil_gruen.gif) no-repeat 2px;
	padding-left: 18px;
}

div#fortschritt li#zurueck a:hover{
	color: #92C685;
	background: transparent url(/media/images/pfeil_gruen_hover.gif) no-repeat 2px;
}



#reg_gebday, 
#reg_gebmonth,
#reg_gebyear {
	float: left;
	margin-right: 5px;
}

#reg_gebday {
	width: 50px;
}

#reg_gebmonth {
	width: 120px;
}

#reg_gebyear {
	width: 70px !important;
	
}	

.bundesland {
	width: 260px;
	
}	

div.land,
div.geburtstag {
	float: left;
	width: 265px;
}

div.land label.land {
	float: left;
	clear: both;
}

div.land label.land.radio,
div.land label.land.text {
	display: block;
	float: left;
	clear: none;
}

div.land label.land.radio_sonstige{
	display: block;
	float: left;
	width: 13px !important;
	clear: left;
}

div.land label.land.text_sonstige{
	display: block;
	float: left;
	width: 148px !important;
	margin-left: 4px;
	clear: none;
}


label.land input.text{
	width: 138px;
	display: inline;
	clear: none;
}

div.land label.land {
	width: 260px;
}



fieldset {
	float: left;
	width: 100% !important;
}

div#div_reg_vorname,
div#div_reg_nachname,
div#div_reg_gender,
div#div_reg_age,
div#div_reg_strasse,
div#div_reg_plz,
div#div_reg_ort,
div#div_reg_land,
div#div_reg_email,
div#div_reg_haefftcard_nummer,
div#div_reg_passwort,
div#div_reg_gender2 {
	float: left;
	margin-bottom: 5px;
	width: 100%;
}

div#div_reg_gender {
	font-size: 12px;
	margin-bottom: 5px;
}

div#div_reg_newsletter,
div#div_reg_agb{
	font-size: 12px;
	width: 500px;
}	


div#div_reg_newsletter input,
div#div_reg_agb input {
	margin-right:10px;
}

div#div_reg_gender input.radio{
	margin-right: 10px;
	float: left;
}

div.freundetext {
	float: left;
	width: 260px;
}

div.freundetext p{
	width: 270px;
	margin: 0;
}

div.freundetext textarea {
	margin-top: 1em;
	margin-bottom: 1em;;
}



label.geschlecht {
	clear: none;
	display: block;
	float: left;
	width: 100px;
	font-weight: normal;
}


/* Einzelansicht Buttons */
a.mp3,
a.mp3_1,
a.mp3_2,
a.mp3_3,
a.pdf{	
	width: 140px;
}

a.bestellung,
a.webseite,
a.download {	
	width: 104px;
}

a.partnerseite {
	width: 121px;
}
a.mp3,
a.mp3_1,
a.mp3_2,
a.mp3_3,
a.partnerseite,
a.bestellung,
a.pdf,
a.webseite,
a.download {
	display: block;
	text-indent: -9999px;
	height: 17px;
	margin-top: 10px;
}


/* Gutschein */


.gutscheinWrapper {
 width: 100%;
}

.gutscheinWrapper .content {
	margin: auto;
	margin-top: 50px;
	width: 662px;
	position: relative;

}

#print;
.gutscheinWrapper .wrapper {
	float: left;
	width: 100%;
	position: absolute;
	top: 175px;
	left: 0px;
	padding: 15px 25px 15px 17px;
}

.gutscheinWrapper h1 {
	color: white;
	font-weight: normal;
	font-size: 3em;
	margin-bottom: 0.5em;
}

.gutscheinWrapper h2, .gutscheinWrapper p {
	margin-bottom: 1em;
}

.gutscheinWrapper .bilder{
	width: 15%;
	margin-right: 3%;
	float: left;
}

.gutscheinWrapper .text{
	width: 70%;
	float: left;
}

.gutscheinWrapper #single{
	width: 90%;
}

.gutscheinWrapper .bilder img {
	display: block;
	float: right;
}

.gutscheinWrapper .bilder img.partner {
	width: 100px;
	margin-top: 10px;
}