/*
	$Id: main.css 93 2010-07-25 09:07:46Z tobi $
*/

body	{
	margin: 0;
	padding: 0;
	font-size: 100.01%;
	font-family: Verdana, Arial, sans-serif;
	color: #113494;
	background-color: #418AFD;

}

h1, h2, h3, h4, h5, h6, p, form, table, tr, td, th, label, textarea, input, select, img, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	font-family: Verdana, Arial, sans-serif;
}

h2 {
	font-size: 20px;
	font-weight: normal;
}

h3 {
	font-size: 14px;;
}

.clearMe {
	clear: both;
	font-size: 1px;
	height: 0;
	margin: 0;
	line-height: 0;
}

#container { 
	width: 970px;
	background: url(img/Butaris_Hintergrund.jpg) bottom left  no-repeat #236BFD;
		margin-left: auto;
	margin-right: auto;
	bottom: 0;
	
	padding: 15px 15px 30px 15px;
	position: relative;
	
}

#content {
	
}

#header {
	height: 120px;
	width: 100%;
	background: 157px 0 no-repeat;
}

body#ind  {
	background-image: none;	
}

#ind #container {
/*	margin-top:  60px;
		width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	*/
background-image: none;
background-color: #999;
 position:absolute;
  bottom: 0px;                  
  left:50%;

  padding: 0;
  margin: 0;
  width: 1000px;
  min-height: 850px;
  margin:0px 0 0 -500px;

}

#ind #containerAktion {
	margin-top:  0px;
		width: 990px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
}

#ind img {
	padding: 0;
	margin: 0;
}


#ind img#logo {
	display: none;
	position: absolute;
	top: 0px;
	right: 0px;
}


#home #header {
	background: url(img/top_home.gif) 172px 0 no-repeat;
}

#crem  #header {
	background: url(img/top_cremig.gif) 172px 0 no-repeat;
}

#sorti #header {
	background: url(img/top_sort.gif) 172px 0 no-repeat;
}


#ern #header {
	background: url(img/top_ern.gif) 172px 0 no-repeat;
}

#tipp #header {
	background: url(img/top_tipp.gif) 172px 0 no-repeat;
}

#rez #header {
	background: url(img/top_rez.gif) 172px 0 no-repeat;
}
#veg-rez #header {
	background: url(img/top_veg_rez.gif) 172px 0 no-repeat;
}

#rezmo #header {
	background: url(img/top_rezmo.gif) 172px 0 no-repeat;
}

#faq #header {
	background: url(img/top_fragen.gif) 172px 0 no-repeat;
}

#brosch #header {
	background: url(img/top_brosch.gif) 172px 0 no-repeat;
}

#schreib #header {
	background: url(img/top_schreib.gif) 172px 0 no-repeat;
}

#kont #header {
	background: url(img/top_kont.gif) 172px 0 no-repeat;
}

#gew #header {
	background: url(img/top_gewinn.gif) 172px 0 no-repeat;
}

#imp #header {
	background: url(img/top_imp.gif) 172px 0 no-repeat;
}

#winrez #header {
	background: url(img/top_winter.gif) 172px 0 no-repeat;
}

#saisonrez #header {
	background: url(img/top_frueh.gif) 172px 0 no-repeat;
}

#header img {
	float: left;
	clear: right;
	
}

#logo {
margin: 0;
padding: 0;
border: 0;
}

#nav {
	width: 168px;
	float: left;
	z-index: 200;
	position: relative;
}
#nav li{
	margin-top: 0px;
	height: 29px;
	display: block;
	margin-left: 0px;
	margin-bottom: 1px;
}

#nav a {
	width: 168px;
	height: 29px;
	display: block;
}

a#homeNav {
	background: url(img/home_nav.gif) no-repeat;
}

a#cremNav {
	background: url(img/cremig_nav.gif) no-repeat;
}

a#sortNav {
	background: url(img/sort_nav.gif) no-repeat;
}

a#ernNav {
	background: url(img/ern_nav.gif) no-repeat;
}

a#tippNav {
	background: url(img/tipp_nav.gif) no-repeat;
}


a#rezNav {
	background: url(img/rez_nav.gif) no-repeat;
}

a#veg-rezNav {
	background: url(img/rez-veg-nav.gif) no-repeat;
}

a#rezMoNav {
	background: url(img/rez_mo_nav.gif) no-repeat;
}

a#broschNav {
	background: url(img/brosch_nav.gif) no-repeat;
}

a#faqNav {
	background: url(img/faq_nav.gif) no-repeat;
}

a#schreibNav {
	background: url(img/schreib_nav.gif) no-repeat;
}

a#gewNav {
	background: url(img/gew_nav.gif) no-repeat;
}

a#konNav {
	background: url(img/kon_nav.gif) no-repeat;
}

a#impNav {
	background: url(img/imp_nav.gif)  no-repeat;
}

a#winNav {
	background: url(img/winter_nav.gif)  no-repeat;
}

a#saisonNav {
	background: url(img/frueh_nav.gif)  no-repeat;
}

#nav .chosenOne,
#nav a:hover  { 
	background-position: -172px 0;
}

#main, #mainTop, #mainBottom {
	float: right;
	margin-right: 3px;
	width: 794px;
	background-color: #fff;
}

#main {
	padding-bottom: 10px;
	min-height: 563px;
}

#mainTop {
	background: url(img/Weisser_Hintergrund.gif) top right no-repeat;
	height: 10px;
}

#mainBottom {
	background: url(img/Weisser_Hintergrund.gif) bottom right no-repeat;
	height: 10px;
}

/*  Home   */



/*#home #main {
	min-height: 500px;
}*/

#home #main p
{
	margin: 20px 0 0 30px;
	font-size: 11px;
	line-height: 18px;
	float: left;
	width: 260px;
}

* html #home #main p {
	margin: 20px 0 0 15px;
}

#home #pres
{
	
	float:right;
	margin-top: 0px;
	margin-right: 0px;
}

/*#home embed {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
}*/

/*#sorti #main{
	min-height: 460px;
}
*/
#sorti #main img {
	
	margin: 30px 0 0 0px;
	z-index: 1;
	
}

#crem #main p
{
	margin: 20px 0 0 30px;
	font-size: 11px;
	line-height: 18px;	
	width: 310px;
	z-index: 2;
	position: absolute;
}

#sorti #main p {
	margin: 20px 0 0 30px;
	font-size: 11px;
	line-height: 18px;	
	width: 720px;

}

#crem #main {
min-height: 574px;
}

#crem #main p {
	width: 480px;
	
}

#crem #main h2 {
	margin-left: 30px;
	margin-top: 20px;
}

#crem #main img {
	padding: 0;
	margin-left: -0px;
	margin-top: 5px;
}

#crem #main {
	padding-bottom: 0;
}

* html #sorti #main p {
	padding: 0 0 0 1px;
}

#ern #box, #rez #box, #rezmo #box, #druckrezept #box, #tipp #box, #brosch #box, #faq #box, #faq #box td,#gew #box, #tippdruck #box, #veg-rez #box, #veg-rez #box_veg-rez, #saisonrez #box_veg-rez,  #saisonrez #box
 {
	margin: 0 0 0 25px;
	font-size: 11px;
	line-height: 18px;

}

#ern #box {
	margin-top: 20px;
}

#ern .spalte {
	float: left;
	width: 370px;
}

#ern .spalteplus {
	width: 380px;
}

#rez h2, #ern h2, #rezmo h2, #druckrezept h2, #tippdruck h2, #box_veg-rez h2, #saisonrez h2 {
	display: block;
	padding-bottom: 17px;
	padding-top: 4px;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #5F6692;*/

}

#druckrezept p#RezEnt {
	margin: -15px 0 15px 0;
	
}

#ern .nlinks {
	padding-left: 30px;
}

#ern p.zusRechts {
	float: right;
	margin-top: 40px;
	vertical-align: middle;
	height: 50px;
}

#ern .zusRechts img{
	vertical-align: middle;
	margin-left: 10px;
}

#tipp #box p {
	margin-right: 15px;
}

#tipp img.kontpic {
	float: right;
	clear: both;
	margin: -20px 0 10px 10px;
}

#tipp img.kontpic {
	float: right;
	clear: both;
	margin: -20px 0 10px 10px;
}

#tippdruck img.kontpic {
	float: right;
	clear: both;
	margin: -20px 0 10px 10px;
	border-right: solid 30px #fff;
}

#tipp img.druck {
	clear: right;
	margin: 20px 10px 10px 10px;
	float: right;
}


#tipp ul{
	float: none;
	clear: none;
}

img.cmafoto {
	z-index: 1;
	position: relative;
	float: right;
	margin: -20px -5px 10px 10px;
}

#druckrezept img.cmafoto {
	position: relative; 
	top: -255px; 
	left: -360px; 
	margin-right: 0px;
}


#tippdruck img.cmafoto {
	position: relative; 
	top: 0px; 
	left: 0px; 
	margin-right: 0px;
}


#bereitung img.cmafoto, .bereitung img.cmafoto {
	float: right;
	margin: -20px 5px 10px 10px;
}

#tipp .button {
	float: right;
	margin-top: 20px;
}


#tipp #box ul, #tippdruck #box ul
{
	width: 430px;
	margin-left: 0px;
	padding-left: 5px;
	list-style-type: disc;
	list-style-position: outside;
}

#tipp #box li, #tippdruck #box li
{
	margin: 0 0 15px 10px;
	padding-left: 5px;

}

#rubriken {

}

#rubriken .rubKlasse {
	width: 170px;
	float: left;
	padding: 9px;
	padding-top: 40px;
	text-align: center;
	
}

#rubriken a {
	padding-top: 10px;
	color: #303981;
	font-size: 13px;
	font-weight: bold;
	display: block;
}

#rubriken a:hover {
	color: #797EA8;
}

#rubriken img {

	padding-bottom: 10px;

}


#rez a:hover, #faq a:hover, #veg-rez a:hover, #saisonrez a:hover {
		color: #797EA8;
}

#rez a, #faq a, #veg-rez a, #gew a {
		color: #113494;;
}

#rez h2,#rezmo h2 , #veg-rez #box_veg-rez h2 {
	line-height: 26px;
}

#rez .spalte {
	float: left;
	width: 190px;
	margin-top: 20px;
}

#rez .spalt3 h2 {
	padding-left: 10px;	
}

#rez .spalt4 h2{
	padding-left: 15px;	
}

#rez #box .spalte p {
	width: 170px;
	margin-right: 5px;
	line-height: 14px;
	margin-bottom: 10px;
}

#rez #box .spalt3 p {
	margin-left: 10px;
}

#rez #box .spalt4 p {
	margin-left: 15px;
}

#rez #bereitung, #rez .bereitung, #rezmo #bereitung, #veg-rez #bereitung, #saisonrez #bereitung, #saisonrez .bereitung  {
	width: 400px;
	float: left;
	padding-right: 0px;
	margin-top: 20px;
	
}

#rez #bereitung p, #rez .bereitung p, #rezmo #bereitung p, #veg-rez #bereitung p, #saisonrez #bereitung p, #saisonrez .bereitung p {
	margin-right: 30px;
	
}

#rez #zutaten, #rez .zutaten, #rezmo #zutaten, #veg-rez #zutaten, #saisonrez #zutaten, #saisonrez .zutaten {
	width: 350px;
	float: left;
	margin-left: -1px;

}

#rez .zutaten, #veg-rez .zutaten, #saisonrez .zutaten {
	top: 50px;
	position: relative;
	
}

#rez h3, #rezmo h3 {
	margin-bottom: 5px;
}

#saisonrez h3 {
margin-bottom: 10px;
}

#rez #zutaten img, #rez .zutaten img, #rezmo #zutaten img, #veg-rez #zutaten img, #saisonrez #zutaten img, #saisonrez .zutaten img {
	margin-bottom: 30px;
}

#rez #zutaten .button, #rez .zutaten .button, #rezmo #zutaten .button, #veg-rez #zutaten .button, #saisonrez #zutaten .button,  #saisonrez .zutaten .button {
	float: right;
	margin-bottom: 20px;
	
}

#zutaten #weiterempf.button {
	float:left;
}

.bereitung span
{
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
}
.rezhalter {
	border-top: 1px solid #303981;
	float: left;
	margin-top: 20px;
}

.rezhalter .zutaten h3 {
	margin-top: 4em;
}

#rez p.zusRechts, #veg-rez p.zusRechts, #saisonrez p.zusRechts {
text-align: right;
	float: right;
	margin-top: 40px;
	vertical-align: middle;
	height: 50px;
	width: 550px;
}

#rez .zusRechts img, #veg-rez .zusRechts, #saisonrez .zusRechts {
	vertical-align: middle;
	margin-left: 10px;
}

#rezdruck {
	position: absolute;
	top: 270px;
	left: 180px;
}

#zurueck {
	position: absolute;
	top: 270px;
	left: 0px;
}
	
	
#box_veg-rez #zutaten, #box_veg-rez #bereitung {
	padding-bottom: 40px;
}

body#druckrezept, html#druckrezept, body#tippdruck, html#tippdruck  {
	background: #FFF;
}

#druckrezept #container, #tippdruck #container  {
	width: 900px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 10px;
	margin-top: 30px;
	background-image: none;
	background: #FFF;
}

#druckrezept #content, #tippdruck #container {
	margin-top: 30px;
	padding-bottom: 30px;
}

#druckrezept #logo {
	margin-left: -8px;
}

#druckrezept h2 {
	border: 0;
	margin-top: 0px;
}

#druckrezept #bereitung, #druckrezept .bereitung {
	width: 430px;
	float: left;
	padding-right: 0px;
	margin-top: 20px;
	
}

.error {
	color:#CC0033;
}

.errorInput {

}
#druckrezept #bereitung p, #druckrezept .bereitung p {
	margin-right: 30px;
	
}

#druckrezept #zutaten, #druckrezept .zutaten {
	width: 350px;
	float: left;
	margin-left: 58px;
	position: relative;
}

#druckrezept h3 {
	margin-bottom: 10px;
}

#druckrezept #zutaten img, #druckrezept .zutaten img {
	margin-bottom: 30px;
}

#druckrezept #zutaten img, #druckrezept .zutaten img {
	margin-bottom: 30px;
}

#druckrezept #zutaten h3 {
	margin-top: 40px;
}

#brosch #box img, #veg-rez #box img, #saisonrez #box img {
	float: right;
}

#brosch #box img {
	margin: 0 15px 0 0;
}

#faq h2 {
	padding-left: 2em;
	
}

#faq h2 span {
	margin-left: -2em;
}

#faq .start {
	padding-left: 0;
}

#faq #box p {
	/*overflow: auto;*/
	margin-right: 10px;
}

#faq table {
	margin-right: 10px;
}

#faq td {
	vertical-align: top;
}

#faq td {
	padding-bottom: 15px;
	padding-right: 5px;
}

* html #faq div#box {
	height: 1px;
	overflow: visible;
}

#faq #box ol
{
	list-style-type: decimal;
	list-style-position: outside;
}

#faq #box li {
	padding-left: 10px;
	
}


#faq .spalte {
	float: left;
	width: 260px;
	clear: left;
	padding-right: 40px;
	margin-right: 40px;
	
}

#faq .spalteplus {
	margin-left: 40px;
	width: 260px;
}

#faq .button {
	float: right;
	margin: 20px 10px 0 0;
}



#schreib h2 {
	font-size: 11px;
	margin-right: 10px;
}

#schreib p {
	padding-left: 0;
	margin-left: 0;
	font-size: 11px;
}

#schreib #box, #tipp #box, #brosch #box, #faq #box, #gew #box, #tippdruck #box {
	margin: 20px 0 0 30px;
	
}

#schreib .spalte1, #gew .spalte1 {
	float: left;

	width: 230px;
	margin: 20px 0 0 0;
	padding: 0;
}

#schreib .spalte2, #gew .spalte2 {
	float: left;
	width: 490px;
	margin: 30px 0 0 0;
	padding-left: 15px;
	padding: 0;
}

* html #schreib .spalte2, * html #gew .spalte2 {
	padding-left: 0;
	width: 485px;
}

#schreib label {
	display: block;
	margin-bottom: 5px;
	font-size: 11px;
}

#schreib input, #gewinnform input {
	width: 200px;
	height: 18px;
	margin-bottom: 10px;
	background: #99CCFF;
	border: 2px solid #1C407C;
}

#schreib #einver {
	float: left;
	width: 15px;
	height: 15px;
	margin-left: 0px;
}

#schreib textarea {
	border: 2px solid #1C407C;
	width: 480px;
	height: 235px;
	margin: 0;
	margin-bottom: 15px;
}

#schreib span#discl {
	float: left;
	/*margin-left: 10px;*/
	font-size: 11px;
	/*width: 450px;*/
}

* html #schreib .add {


}

#schreib .button, #gew .button, .mailEmpf .button {
	float: right;
	margin-top: 10px;
	width: 168px;
	height: 29px;
	border: 0;
}

#schreib #vertr {

	position: relative;
	left: 30px;
}

#schreib #vertr p {
	margin-top: 35px;
	font-size: 13px;
	float: left;
	text-align: center;
	margin-right: 30px;
}

#schreib #vertr a {
	margin-left: 10px;
	color: #1C407C;

}

#schreib #vertr img {
		margin-top: 30px;
	float: left;
		margin-right: 30px;
}


/*
	Gewinnspiel III
*/

#gew #box1-3 {
	width: 360px; 
	position: absolute; 
	margin-top: 15px; 
	text-align: center;
}

#gew #box2-3 {
	width: 370px; 
	position: absolute; 
	margin-left: 365px; 
	margin-top: 25px;
	line-height: 19px;
}

#gew #box img {
	float: left;
	margin: 0 30px 0 20px;

}

#gew img#codeimg, #schreib img#codeimg  {
	border: 2px solid #1C407C;
	margin-left: 0px;
	margin-top: 8px;
	padding: 0;
	float: left;
	
	width: 74px;
	height: 29px;
}

* html #gew img#codeimg, * html #schreib img#codeimg {
	
}

#gew #code, #schreib #code {
	width: 100px;
	float: right;
}

#gew #pcode, #schreib #pcode {
	width: 103px;

	margin-bottom: 10px;
	
	margin-left: 100px;
	
	
}

* html #gew #pcode, * html #schreib #pcode {
	
}


.radio {
	margin: 0px 0 0 25px;
	padding-top: 10px;
	
}

label.agreeLab {
	padding-left: 0px;
	margin-top: 10px;
}

input#agree1, input#agree2 {
	border: 0;
	background: none;
	width: 20px;
	
	margin-left: -25px;
	
	float: left;
	margin-top: 3px;
	
}

#kont #main img {
	float: left;
	margin-left: 30px;
	margin-right: 30px;

}

#kont #box, #imp #box {
	margin: 30px 0 0 30px;
}

#kont #main h2, #imp #main h2, #tipp #main h2, #brosch #main h2, #faq h2, #gew h2, #tippdruck #main h2, #veg-rez #main h2,  #saisonrez #main h2 {
	display: block;
	padding-bottom: 15px;
	margin-bottom: 20px;
	/*border-bottom: 1px solid #5F6692;*/
	line-height: 26px;
}

#veg-rez #startbild {
	margin-right: 10px;
}

#veg-rez #bereitung h2 {
	line-height: 20px;
}

#kont #main h2 {
	margin-right: 10px;
}

#kont #main p, #imp #main p {

	margin-bottom: 30px;
	display: block;
	line-height: 20px;
	font-size: 15px;
}

#kont a, #veg-rez a, #saisonrez a {
		color: #303981;
}

#kont a:hover, #veg-rez a:hover, #saisonrez a:hover {
		color: #797EA8;
}

#kont img#kontpic {
	float: right; 
	padding: 0;
	margin:-30px 10px 0 0;
	position: relative;
}

#imp #main p {
	line-height: 25px;
	font-size: 14px;
}

#imp #haftu {
	font-size: 11px;
	line-height: 18px;
}





body#admin  {
	background: none #DDD;
}

#imp #fax {
	margin-left: 20px;
}

#admin #container {
	margin-top: 0px;
	width: 800px;
}

#admin #rezliste a {
	text-decoration: none;
	color: #666;
}

#admin input, #admin select {
	width: 300px;
	margin: 10px;
	text-align: left;
	font-size: 12px;
}

#admin textarea {
	width: 500px;
	height: 300px;
	margin: 10px;
	font-size: 12px;
}

#admin label {
   float:left; clear:both;
    width:9em;
    vertical-align : top;
    line-height : 1.8em;
    text-align: right;
    padding-right : 1em;
    padding-top: 4px;

	
}

#admin p {
	
	margin-left: 20px;
	margin-bottom: 0px;
	border: 1px solid #DDD;

}

#admin .auswsel {
	font-size: 16px;
	width: auto;
}

#admin #container {
	background: none;
}

#admin #checkRub label {
	float: none;
	margin: 0 0 0 0;
	padding: 0;
}

#admin #checkRub input {
	width: 2em;
	margin: 5px 0 0 10em;
}

#admin #checkRub .reih {
	margin: 0 10px 0 10px; 
}

#admin #checkRub li { 
	list-style-type: none;
	font-size: 0.8em;
	height: 18px;
}

#admin ul#checkRub {
	margin-bottom: 20px;
}

.mailEmpf input#adrvon, .mailEmpf input#adran, .mailEmpf textarea {
	margin-left: 55px;
	background: #99CCFF;
	border: 2px solid #1C407C;
	margin-bottom: 10px;
	width: 298px;
}

.mailEmpf input {
	height: 18px;
	padding-left: 2px;
}

.mailEmpf label {
	float: left;
	position: absolute;
}

.mailEmpf textarea {
	height: 90px;
	width: 300px;
}

#versenden.button {
	float: none;
	margin-left: 190px;
}