@charset "utf-8";

* {
margin:0;
padding: 0;
border: 0;
}


html {overflow-x:hidden;}/*horizontale scrollbalken immer abschalten, aber nicht valide*/

div#clearall{
clear: both;
}

.clearall{
clear:both;
}

.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


body{
background-image:url(../images/5040_SEP_web_ueberarbeitung-04.jpg);
background-position: top center;
background-repeat:no-repeat;
background-color:#f29603;
}

div#wrapper{
	margin:auto;
	width:960px;
	position:relative;
}

div#wrappertopmenu{
margin:auto;
width:960px;
position:relative;
}

div#navigation{
width:300px;
float:left;
margin-top:5px;
}

div#schriftzug{
float:left;
width:490px;
height:44px;
padding-left:10px;

}


div#contentspalte-links{
width:129px;
padding-left:10px;
float:left;
}

div#contentspalte-rechts{
width:780px;
float:left;
}

div#paperwhite{
margin-top:120px;
width:725px;
background-color:;
background-image:url(../images/weiss.gif);

background-repeat:no-repeat;
background-position:0px 300px;
padding-left:35px;

padding-right:20px;
padding-bottom:35px;
}

div#rezeptcover{
}

div#footer{

	width:730px;
	padding-left:35px;
	padding-top:25px;
	padding-right:20px;
	padding-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:17px;
	color:#000000;
}


div#logobox {
	width:136px;
	height:50px;
	background-color: #000000;
	float:left;
	margin-left:113px;
}



.fliesstext_box1{
	font-size: 11px;
	color:#000000;
}

.fliesstext_box2{
	font-size: 11px;
	color:#000000;
}


div#box1{
	width:210px;
	height:70px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	padding:5px;
	float:left;
	position:absolute;
	top:259px;
	left:31px;
}


div#box2{
	width:229px;
	height:100px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	padding:5px;
	float:left;
	position:absolute;
	top:154px;
	left:322px;
}



div#box3{
	width:170px;
	height:160px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	padding:5px;
	float:left;
	position:absolute;
	left:575px;
	top:89px
}



div#box-coverflow{
	width:350px;
	height:120px;
	float:left;
	position:absolute;
	left:25px;
	top:378px;
	background-color: #de652e;
}




div#box4{
	width:169px;
	height:95px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	padding:5px;
	float:left;
	position:absolute;
	left:578px;
	top:379px
}

div#box5{
	width:205px;
	height:67px;
	font-family:Arial;
	font-size:11px;
	line-height:13px;
	padding:5px;
	float:left;
	position:absolute;
	left:742px;
	top:344px
}







div#vogel{
	width:100px;
	height:100px;
	position:absolute;
	left:469px;
	top:379px;
	z-index: 1;
}

div#covergadget{
	width:160px;
	height:600px;
	position:absolute;
	left:118px;
	top:159px;
	z-index: 1;
}



div#stern2{
	width:115px;
	height:116px;
	position:absolute;
	left:124px;
	top:162px;
	z-index: 1;
}


div#stern3{
	width:100px;
	height:100px;
	position:absolute;
	left:878px;
	top:236px;
	z-index: 1;
}

div#stern4{
	width:100px;
	height:100px;
	position:absolute;
	left:926px;
	top:352px;
	z-index: 1;
}




div#linkoverlay1{
	width:252px;
	height:148px;
	position:absolute;
	left:335px;
	top:169px;
	z-index: 3;
}
div#linkoverlay2{
width:100px;
height:100px;
position:absolute;
left:924px;
top:476px;
z-index: 3;
}
div#linkoverlay3{
width:100px;
height:100px;
position:absolute;
left:924px;
top:476px;
z-index: 3;
}
div#linkoverlay4{
width:100px;
height:100px;
position:absolute;
left:924px;
top:476px;
z-index: 3;
}
div#linkoverlay5{
width:100px;
height:100px;
position:absolute;
left:924px;
top:476px;
z-index: 3;
}


h2{
font-family:Arial, Helvetica, sans-serif;
color:#eb7305;
font-size:14px;
font-weight:bold;
}
h1{
font-family:Arial, Helvetica, sans-serif;
color:#fecf44;
font-size:28px;
margin-top:5px;
}

.farbe1{
color:#be442e;
}
.farbe2{
color:#e75294;
}
.farbe3{
color:#b33130;
}
.farbe4{
color:#803d8d;
}


h3{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
font-weight:bold;
color:#000000;
}

.line{
border-top:1px solid #666666;
margin-top:15px;
margin-bottom:15px;
display:block;
}

.fliesstext{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:17px;
color:#000000;
}


.fliesstext-klein{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:16px;
color:#000000;
}

.biblio{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
line-height:17px;
color:#000000;
}


a:link{
color:#eb7305;
font-weight:bold;
text-decoration:none;
}
a:visited{
color:#eb7305;
font-weight:bold;
text-decoration:none;
}
a:hover{
color:#eb7305;
font-weight:bold;
text-decoration:underline;
}
a:active{
color:#eb7305;
font-weight:bold;
text-decoration:none;
}

p{
margin-bottom:10px;
}

ol{
margin-left:28px;
margin-bottom:20px;
}

ol li{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
line-height:17px;
color:#000000;
margin-bottom:5px;
list-style:decimal;
}



.codebox{
background-color:#F4F4F4;
font-family:"Courier New", Courier, monospace;
font-size:11px;
padding:10px;
overflow-x: hidden;
overflow-y: hidden;
}




/*----------------------------------------------
*/
.formfield{
	float: left;
	border-bottom: solid 1px #d0d1d5;
	font-family: "Trebuchet MS", Futura, Verdana, Arial, Helvetica;
	font-size: 10pt;
	height: 20px;
	width: 250px;
	margin-bottom: 10px;
	padding-left: 5px;
}



.formfield_pflicht{
	float: left;
	border: 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 13px;
	
	vertical-align:middle;
	height: 30px;
	width: 250px;
	margin-bottom: 2px;
	padding-left: 5px;
	padding-top:10px;
	background-color: #fadce9;
}


.radiohintergrundbox{
width:25px;
height:25px;
background-color: #fadce9;
float:left;
margin-right:8px;
vertical-align:middle;
}

/*------------------------------------------*/

label { /* Alle Labels UND Formularelemente auswÃ¤hlen */
  float: left;
  width: 150px; /* Breite.*/
  line-height:30px;
}

form br { /* Alle ZeilenumbrÃ¼che in Formularen auswÃ¤hlen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.submit { /* den Submit-Button */
vertical-align: middle;
	font-weight: bold;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
	color: #e75294;
	background-color:#FFFFFF;
	border: 0px;
	width:75px;
	margin-top:10px;
	padding-left:0px;
	margin-left:0px;
	margin-bottom:30px;
}

.radio{
width:22px;
height:22px;
}

.checkbox{
width:22px;
height:22px;
}
/*------------------------------------------*/

