@charset "utf-8";
/* CSS Document */

* {
	margin: 0; 
	padding: 0; 
	outline: none; 
	border: none;
	} 

a{
	color:#ea1f7e;
	text-decoration:underline;
	}
	
a:hover{
	color:#edbefe;
	text-decoration:none;
	outline:none;
	}

p{
	margin-bottom:20px;
	}
	.hidden{
		display:block;
		}

/*____________________________ CLASS _________________________________*/

.clear{
	clear:both;
	}

.right{
	float:right;
	}

.left{
	float:left;
	height:auto;
	margin:10px 30px 0 15px;
	width:300px;
	}

h2{
	font-size:20px;
	color:#ea1f7e;
	margin:0 0 42px 0 ;
	}

h3{
	font-size:14px;
	margin-bottom:8px;
	color:#ea1f7e;
	}

h4{
	font-size:13px;
    color:#ea1f7e;
	margin:10px 0 15px 0 ;
	}

h5{
	font-size:12px;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#be045c;
	margin: 0 0 2px 0;
	}

#navi-add a{ 
    font-size:13px;
	font-family:Trebuchet MS;
	color:#a8236a;
	margin-bottom:0;
	text-decoration:none;
	line-height:18px;
	}

span.small{
	display:block;
	width:45px;
	float:left;
	}

span.small2{
	display:block;
	width:73px;
	float:left;
	}

span.small3{
	display:block;
	width:57px;
	float:left;
	}

span.big{
	display:block;
	width:  265px;
	float:left;
	}

/*___________________________ END CLASS _______________________________*/

html{
   background: url("../images/bg-html.jpg") no-repeat center top fixed;}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#000;
	min-height: 100%;
	background: url("../images/bg-html.png") no-repeat fixed right bottom transparent;}



#container {
    margin: 0 auto;
    position: relative;
    width: 980px;
    z-index: 1;}

#headerContainer {
	background: #dd0269;
	height: 103px;
	position: absolute;
	width: 100%;
	z-index: -2;}
	

#header{
	background:url(../images/bg-header.png) top center no-repeat ;
	height:143px;
	width:980px;
	position:relative;
	}


h1.branding a {
	height:101px;
	left:2px;
	position:absolute;
	text-indent:-9999px;
	top:13px;
	width:300px;
	}	
		
/*___________________________ NAVI _______________________________*/

ul#navi{
	background:url(../images/bg-navi.jpg) no-repeat;
	width:301px;
	height:558px;
	position:absolute;
	top:0;
	left:0;
}

ul#navi li{
	display:blok;
	list-style:none;
	line-height:0px;
	font-size:0px;}
	
		#navi li a{
		    display:inline;
			height:33px;
			float:left;}
			
		#navi li a#n1 {background:url(../images/bg-navi.jpg)  -301px 0px    no-repeat; width: 301px; height: 31px; }
		#navi li a#n2 {background:url(../images/bg-navi.jpg)  -301px -31px    no-repeat; width: 301px; }
		#navi li a#n3 {background:url(../images/bg-navi.jpg)  -301px -64px     no-repeat; width: 301px; cursor:default;}
		#navi li a#n4 {background:url(../images/bg-navi.jpg)  -301px -97px     no-repeat; width: 301px; }
		#navi li a#n5 {background:url(../images/bg-navi.jpg)  -301px -130px     no-repeat; width: 301px; }
		#navi li a#n6 {background:url(../images/bg-navi.jpg)  -301px -163px     no-repeat; width: 301px; }
		#navi li a#n7 {background:url(../images/bg-navi.jpg)  -301px -196px     no-repeat; width: 301px; }
		#navi li a#n8 {background:url(../images/bg-navi.jpg)  -301px -229px    no-repeat; width: 301px; }
		#navi li a#n9 {background:url(../images/bg-navi.jpg)  -301px -262px     no-repeat; width: 301px; }
		#navi li a#n10 {background:url(../images/bg-navi.jpg)  -301px -295px     no-repeat; width: 301px; }
		#navi li a#n11 {background:url(../images/bg-navi.jpg)  -301px -328px     no-repeat; width: 301px; }
		#navi li a#n12 {background:url(../images/bg-navi.jpg)  -301px -361px     no-repeat; width: 301px; }
		#navi li a#n13 {background:url(../images/bg-navi.jpg)  -301px -394px     no-repeat; width: 301px; }
		#navi li a#n14 {background:url(../images/bg-navi.jpg)  -301px -427px     no-repeat; width: 301px; }
		#navi li a#n15 {background:url(../images/bg-navi.jpg)  -301px -460px      no-repeat; width: 301px; }
		#navi li a#n16 {background:url(../images/bg-navi.jpg)  -301px -493px      no-repeat; width: 301px; }
		#navi li a#n17 {background:url(../images/bg-navi.jpg)  -301px -526px      no-repeat; width: 301px; }
		
		
		#navi li a#n1:hover {background:url(../images/bg-navi.jpg)  0 0    no-repeat; width: 301px; }
		#navi li a#n2:hover {background:url(../images/bg-navi.jpg)  0 -31px    no-repeat; width: 301px; }
		#navi li a#n3:hover {background:url(../images/bg-navi.jpg)  0 -64px    no-repeat; width: 301px; }
		#navi li a#n4:hover {background:url(../images/bg-navi.jpg)  0 -97px    no-repeat; width: 301px; }
		#navi li a#n5:hover {background:url(../images/bg-navi.jpg)  0 -130px    no-repeat; width: 301px; }
		#navi li a#n6:hover {background:url(../images/bg-navi.jpg)  0 -163px    no-repeat; width: 301px; }
		#navi li a#n7:hover {background:url(../images/bg-navi.jpg)  0 -196px    no-repeat; width: 301px; }
		#navi li a#n8:hover {background:url(../images/bg-navi.jpg)  0 -229px    no-repeat; width: 301px; }
		#navi li a#n9:hover {background:url(../images/bg-navi.jpg)  0 -262px    no-repeat; width: 301px; }
		#navi li a#n10:hover {background:url(../images/bg-navi.jpg)  0 -295px    no-repeat; width: 301px; }
		#navi li a#n11:hover {background:url(../images/bg-navi.jpg)  0 -328px    no-repeat; width: 301px;}
		#navi li a#n12:hover {background:url(../images/bg-navi.jpg)  0 -361px    no-repeat; width: 301px; }
		#navi li a#n13:hover {background:url(../images/bg-navi.jpg)  0 -394px    no-repeat; width: 301px; }
		#navi li a#n14:hover {background:url(../images/bg-navi.jpg)  0 -427px    no-repeat; width: 301px; }
		#navi li a#n15:hover {background:url(../images/bg-navi.jpg)  0 -460px     no-repeat; width: 301px; }
		#navi li a#n16:hover {background:url(../images/bg-navi.jpg)  0 -493px     no-repeat; width: 301px; }
		#navi li a#n17:hover {background:url(../images/bg-navi.jpg)  0 -526px     no-repeat; width: 301px; }
		
		
	
				
		
/*_______________________________ ACTIVE ______________________________*/

		
		#navi.active01 li a#n1,
		#navi.active02 li a#n2,
		#navi.active04 li a#n4,
		#navi.active05 li a#n5,
		#navi.active06 li a#n6,
		#navi.active07 li a#n7,
		#navi.active08 li a#n8,
		#navi.active09 li a#n9,
		#navi.active10 li a#n10,
		#navi.active11 li a#n11,
		#navi.active12 li a#n12,
		#navi.active13 li a#n13,
		#navi.active14 li a#n14,
		#navi.active15 li a#n15,
		#navi.active16 li a#n16,
		#navi.active17 li a#n17 {background:none;}




/*___________________________ NAVI END _______________________________*/
		



#fixed {
    background: url("../images/bg-html.png") no-repeat scroll right top transparent;
    bottom: 0;
    height: 1050px;
    left: 734px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 468px;
    z-index: 1;
}
		
.img-right{
	margin:5px 15px 15px;
	border:solid 1px #e7197a;
	padding:1px;
	float:right;
	}
	
	.img-left{
	margin:5px 15px 0 0;
	border:solid 1px #e7197a;
	padding:1px;
	float:left;
	}			

#content-container{
    width:980px;
	float:left;
	position:relative;
	z-index: 20;
	}


.content-column{
    float: left;
    height: auto;
    min-height: 400px;
    overflow: hidden;
    padding: 0;
    width: 980px;
	}
	
	
.content-column-big{
	background: url("../images/bg-content.png") repeat scroll right top transparent;
    width:537px;
	padding:40px 25px 50px 25px;
	top:0;
	left:84px;
	margin-bottom:40px;
	float:left;
	position: relative;
	}

.content-column-left{
	float:left;
	margin:0 20px 0 0;
	width:211px;
	}
	
.float-left{
	float:left;
	width:200;
	height:auto;
	}

ul.list {
	margin-left:14px;
	}


ul.list li {
	list-style-image:url(../images/icon-list.png);
	}

#footerContainer {
    clear: both;
    height: 47px;
    position: relative;
    width: 100%;
    z-index: 20;
}


#footer{
	background:url(../images/bg-footer.png) ;
	width:100%;
	height:62px;
	clear:both;
	z-index: 20;
	}


#innerFooter{
	width:980px;
	height:62px;
	margin:0 auto;
	position:relative;
	}

.footer-column-left{
	height:47px;
	left:-20px;
	position:absolute;
	top:12px;
	width:473px;
}

#footer p{
	color:#cf458f;
	text-align: left;
	margin:0;
	padding:0;
	}
	
	
#sidebar {
  height:350px;
  float: left;
  margin-top: 580px;
  width:301pxx;
}

.sidebar-column-top{
  	height: 117px;
  	width: 260px;
}

.sidebar-column-bottom{
	height: 160px;
    width: 260px;
	margin-top:25px;
}


.qype {
    background: url("../images/qype.png") no-repeat scroll center bottom transparent;
    height: 28px;
    left: 17px;
    position: absolute;
    top: 10px;
    width: 64px;
	}
	
.xing {
    height: 32px;
    left: 145px;
    position: absolute;
    top: 11px;
    width: 100px;
	}
	
.facebook {
    height: 20px;
    left: 305px;
    position: absolute;
    top: 11px;
    width: 600px;;
	}


.video{
	border:none;
	margin:60px 0 0 0;
	}
	
	.rezepte-left{
	float:left;
	width:143px;
	}
	
	.rezepte-right{
	float:left;
	width:250px;
	}
	
	.cms-text-left{
	float:left;
	}
	
	.cms-img-left{
	float:left;
	margin:0 20px 10px 0;
	}