/* Vive le Ziegenkäse erster Relaunch März 2014 */

@font-face {
    font-family: 'tafelkreide';
    src: url('/static/webfont/TafelkreideWeb/TafelkreideWeb.eot');
    src: url('/static/webfont/TafelkreideWeb/TafelkreideWeb.eot?#iefix') format('embedded-opentype'),
         url('/static/webfont/TafelkreideWeb/TafelkreideWeb.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

img, a{
	border:none;
}

*{
	margin:0;
	padding:0;
}


#page a{
	outline:none;
}
	
body{
	height:100%;
	background:white;
	padding:0px;
	margin:0px;
}

#bg{
	background: url('/static/img/background2.jpg') repeat;
	width: 1000px;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	position:relative;
}

.bg1 #bg{
	background: url('/static/img/background.jpg') no-repeat;
	width:1000px;
}

#page{
	font-family:arial, helvetica, sans-serif;
	width:100%;
	padding:0 0 0 0;
}

#content{
	/*padding:0 0 20px 0;*/
	margin-top:80px;
}

/*.start #content{
	padding:0 0 0px 0;
}*/

#page a, #page a:link, #page a:visited, #page a:active{
	color:#7f513b;
	text-decoration:underline;
}

#page a:hover{
	color:#423931;
	text-decoration:underline;

}

/* allgemeine Typographiezuweisungen */

h1{
	margin:10px 0 15px 0px;
	font-size:50px;
	line-height:55px;
	letter-spacing:5px;
	color:#007481;
	font-family: "tafelkreide", Arial, sans-serif;
	font-weight:300;
}

h1 i{
	margin:10px 0 0 0;
	font-size:25px;
	font-style:normal;
	line-height:25px;
	color:#BB3D3D;
	letter-spacing:2px;
	font-weight:600; 
	line-height:40px;
}

#header_right h1{
	color:white;
	margin-left:430px;
	font-size:30px;
	line-height:35px;
	padding-top:15px;
	font-family: "tafelkreide", Arial, sans-serif;
	margin-top:0;
}

h2{
	margin:0 0 5px 0;
	color:#7F513B;
	font-size:18px;
	font-family: "adelle-1","adelle-2",Georgia, serif;
	font-weight:700;
	letter-spacing:0;
	width:350px;
}

#header_headline{
	position:absolute;
	width:330px;
	background:white;
	padding:130px 20px 20px 20px;
	z-index:50;
	box-shadow: 2px 2px 5px #36302d;
	top:-5px;
	left:20px;
	line-height:20px;
}

#header_headline h2, #header_headline h1{
	color:#7f513b;
	font-size:22px;
	font-family: "adelle-1","adelle-2",Georgia, serif;
	line-height:1.1;
	letter-spacing:0;
	margin:20px 0 10px 0px;
	font-weight:600;
}

#header_headline h2 span, #header_headline h2 i, #header_headline h1 span, #header_headline h1 i{
	color:#bb3d3d;
	font-size:36px;
	font-family: "adelle-1","adelle-2",Georgia, serif;
	line-height:1.1;
}

#page #header_headline a{
	color:#bb3d3d;
}

#page #header_headline a:hover{
	color:#423931;
}


#page #content div.rezept h2 a{
	text-decoration:none;
	color:#7F513B;
}

h3{
	margin:12px 0 8px 0;
	color:#7F513B;
	font-size:18px;
	font-family: "adelle-1","adelle-2",Georgia, serif;
	width:350px;
	line-height:25px;
	
}

.glossar-links h3{
	font-size:14px;
}

#content p,#content td,#content li{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	margin:0px 0 8px 0;
	line-height:22px;
}

#content .glossar-links p b{
	margin:20px 0 5px 0;
	display:block;
}

body.start #links{
	width:500px;
	float:left;
	padding:0;
	border-right:0px;	
}

#header{
	padding:0;
	z-index:140;
	position:relative;
	background:white;
}

div#header_left{
	position:absolute;
	z-index:100;
	left:5px;
	top:5px;
}

div#header_right{
	height:100px;
	width:1000px;
	background-color:#36302d;
	margin-top:10px;
}

img#header_shadow{
	position:absolute;
	top:100px;
	opacity:0.8;
	z-index:150;
}

img#header_shadow2{
	position:absolute;
	top:80px;
	opacity:1;
	z-index:150;
}

#links .bild_einleitung img{
	float:right;
	width:200px;
}

#links .bild_einleitung .bu p{
	font-size:12px;
    line-height: 20px;
	float:left;
	width:259px;
	margin:0 0 20px 0;
	text-align:left;
	font-family:arial, helvetica, sans-serif;
}

#links .einleitung{
	font-size:12px;
	line-height:30px;
	width:350px;
	margin:0px 0 0 0;
}

body.start #page #links .einleitung p{
	font-size:12px;
	line-height:20px;
	width:410px;
}

#page #links .einleitung p{
	font-size: 12px;
	line-height: 30px;	
}

#links .contenttext{
	clear:both;
}

.contenttext p{
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}

body.keine_linie #links .contenttext p{
	width:100%;
}

.contenttext ul{
	width:410px;
	margin:0 0 0 15px;
	list-style-image: url('/static/img/aufzaehlung.png');
}

*+html #page .contenttext ul{
	margin-left:0;	
}

*+html #page .contenttext ul li{
	padding:0 0 0 20px;
	background: url('/static/img/aufzaehlung.png') no-repeat 0px 5px;
	list-style-image:none;
	list-style-type:none;
}

.contenttext ul li{
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}

#links{
	margin:0;
	width:480px;
	padding:30px 10px 30px 30px;
	float:left;
	margin-right:0px;
	background-color:white;
}

.einleitungBreit #links {
	width:850px;
	margin-bottom:50px;
}

.einleitungBreit h2{
	width:auto;
}

.einleitungBreit h3{
	font-size:14px;
	width:auto;
}

#rechts{
	float:left;
	width:340px;
	margin-left:50px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:30px;
	margin-top:0px;
}

.hgWeiss #rechts{
	background:white;
	padding-top:30px;
}


.start #rechts{
	float:right;
	width:300px;
}

.contentElement{	
	height:auto;
	background-color:white;
	position:relative;
	margin-bottom:20px;
}

#rechts .contentElement h2{
	position:absolute;
	height:37px;
	font-family: "tafelkreide", Arial, sans-serif;
	color:white;
	width:95px;
	left:-110px;
	top:10px;
	font-size:22px;
	font-weight:lighter;
	padding-left:15px;
	padding-top:13px;
	background:#36302d;
}

#rechts .contentElement h2.brown{
	background:#7f513b;
}

#rechts .contentElement h2.red{
	background:#bb3d3d;
}

#rechts .contentElement h2.blue{
	background:#aeb0e6;
}

#rechts .contentElement h3{
	font-family: "tafelkreide", Arial, sans-serif;
	color:black;
	font-weight:lighter;
	font-size:24px;
	margin-bottom:5px;
	width:135px;
	line-height:20px;
	margin-top:0px;
}

#rechts .contentElement h3.link{
	font-family: "adelle-1","adelle-2",Georgia, serif;
	color:black;
	font-weight:normal;
	cursor:pointer;
	font-size:12px;
	width:135px;
}

#rechts .video h3{
	text-align:center;
	width:auto;
}

#rechts .video p{
	text-align:center;
	padding-bottom:10px;
}

#rechts .contentElement h3.link a{
	color:#7f513b;
}

#rechts .contentElement .text{
	width:135px;
	float:left;
	margin:10px 10px 0px 10px;
}

#rechts .contentElement img{
	width:125px;
	height:auto;
	float:left;
	margin:10px 10px 0px 10px;
}

#rechts .contentElement img.foto{
	width:200px;
	background:white;
	padding:10px;
}

.contentbild{
	width:auto;
}

#content .bu{
	background:#fff;
	font-family: "tafelkreide", Arial, sans-serif;
	color:#423931;
	width:auto;
	height:auto;
	padding:5px 5px 10px 5px;
	text-align:center;
}

#content .bu p{
	margin:0;
	font-size:15px;
}


#rechts iframe{
	margin:0 0 25px 0;
	width:280px;
	height:165px;
}


body.kontakt #rechts{
	padding:0 0 30px 0px;
	width:330px;
}

body.keine_linie #rechts{
	width:110px;
}

#rechts h1{
	margin:0px 0 15px 0px;
	font-size:18px;
	line-height:20px;
	color:#007481;
	font-weight:normal;
}

#rechts p i{
	color:#707173;
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	margin:0 0 5px 0;
	line-height:17px;
	width:330;
}

body.start #rechts p{
	font-size:12px;
	font-weight:normal;
	font-style:normal;
	margin:0 0 15px 0;
	line-height:17px;
	width:330;
}

#rechts ul{
	margin:0 0 0 15px;
	list-style-image: url('/static/img/aufzaehlung.png');
	width:100%;
}

#rechts ul li{
	font-size:12px;
	line-height:20px;
	margin:0 0 10px 0;
}

/*.contentbild img{
	margin:0 0 10px 0;
	width:490px;
}*/

#page .standard img{
	margin:0 0 10px 0;
	padding:0;
}

.polaroid_rechts img{	
	/*width:450px;*/
	border:10px solid white;
/*	margin-left:10px;*/
}


/*Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Donec quam felis, ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat massa quis enim.

Formatierung des Einleitungstextes ohne Bild:
Ort: linkeSpalte
Css: einleitung*/

/*
#bildunterschrift{
	height:25px;
	background-color:#007481;
	opacity: 0.8;
	padding:10px 0 0 0;
}

#t1 #img #bildunterschrift p{
	color:white;
	font-size:15px;
	opacity: 1.00;display:block;
	text-align:bottom;
}

#t1 #img1 #bildunterschrift, #t1 #img2 #bildunterschrift, #t1 #img3 #bildunterschrift, #t1 #img4 #bildunterschrift{
	-moz-border-radius-bottomright: 5px; 
	-moz-border-radius-bottomleft: 5px;
}*/


body.start #teaser_elemente iframe{
	width:219px;
	height:130px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
		margin:0 0 10px 0;

}

/* FOR IE7 */

*+html #page #t4{ 
		left:-240px;
}

*+html #page #t5{
		left:-40px;
}

#teaser_elemente{
	height:540px;
	display:none;
}

body.start #teaser_elemente{
	height:540px;
	display:block;
}

#mainmenu{
	height:55px;
	background: url('/static/img/menu_background2.jpg') no-repeat;
	margin:0;
	font-family: "tafelkreide", Arial, sans-serif;
	width:1000px;
	padding-top:45px;
}

#mainmenu ul{
	list-style-type:none; 
	padding:0;
	float:left;
	margin:0;
	padding-left:420px;
}

#mainmenu ul li{
	margin-right:8px;
	text-decoration:none;
	font-size:14px;
	letter-spacing:0.04em;
	text-transform: uppercase;
}

#mainmenu ul li a:link, #mainmenu ul li a:visited, #mainmenu ul li a:active{
	color:black;
	text-decoration:none;
	font-size:15px;
	letter-spacing:0.04em;
	text-transform: uppercase;
	display:block;
	float:none;
	line-height:18px;
	padding: 10px 5px 0 5px;
	height:24px;
}

#mainmenu ul li a:hover{
	display:block;
	text-decoration:none;
	color:#bd3c39;
}

#mainmenu ul li ul li{
	color:black;
	float:none;
}

#mainmenu li{
	float:left;
}

#mainmenu ul li ul{
	background: url('/static/img/menu_ul_background.png');
	position:absolute;
	display:none;
	padding:0 0 0 0px;
	margin:0 0 0 0px;
	z-index:160;
	opacity:1;
	width:auto;
}

#mainmenu ul li ul li{
	width:auto;
}

#mainmenu ul li ul li a:link, #mainmenu ul li ul li a:visited, #mainmenu ul li ul li a:active{
	color:black;
	text-decoration:none;
	text-transform: none;
	/*font-size:16px;*/
	display:block;
	float:none;
	line-height:16px;
	padding: 4px 8px 8px;
	height:auto !important;
}

.wf-active #mainmenu ul li ul li a{
	font-size:18px;
}

#mainmenu ul li ul li a:hover{
	display:block;
	text-decoration:none;
	color:#bd3c39;
}

#mainmenu ul li:hover ul, div#mainmenu ul li.over ul{
	display:block;
}

/* Psychotest */
.psycho ul{
	list-style-type:none;
	margin:15px 0 0 0;
}

.psycho ul li{
	color:#36302D;
	margin:0 0 20px 0;
}

.psycho .button{
	color:white;
	background-color:#7F513B;
	padding:4px 4px 4px 4px;
	width:70px;
	border:none;
}

.psycho .button:hover{
	background-color:#36302D;
	text-decoration:underline;
	cursor:pointer;
}

body.test ul.errorlist{
		background-color:#c0e485;
		margin:10px 0 10px 0;
		padding:12px 8px 8px 8px;
		width:350px;
}

/* Download */
div.download{
	background: url('/static/img/download_2014_inaktiv.png') no-repeat;
	padding-left:60px;
	height:80px;
	margin-bottom:40px;
	margin-top:10px;
}

div.download:hover{
	background-image:url('/static/img/download_2014_aktiv.png');
}
div.download a:hover{
	color:#99a800;
}
div.download p{
	padding:30px 0 10px 0;
}


/* Glossar / Lexikon */
div.glossar-links{
/*	float:left;
	width:480px;
	padding-left:30px;
	padding-right:10px;
	background-color:white;*/
	margin:0;
	width:480px;
	padding:30px 10px 30px 30px;
	float:left;
	margin-right:0px;
	background-color:white;
}
div.glossar-rechts{
	/*float:left;
	width:200px;*/
	float:left;
	width:340px;
	margin-left:50px;
	padding-left:20px;
	padding-right:10px;
	padding-bottom:30px;
	margin-top:0px;
}

div.aop{
	position:relative;
	/*top: -70px;*/
	left:250px;
	width:100px;
	height:100px;
	background: url('/static/img/aop.png') no-repeat;
}


#footer{
	height:35px;
	width:1000px;
	background-color:#36302d;
}

#footermenu{
float:right;
}

#footermenu ul{
list-style-type:none;
}

#footermenu ul li{
	font-family: "tafelkreide", Arial, serif;
	font-weight:200;
	font-size:14px;
	float:left;
	margin:9px 20px 0 0;
}

#footermenu a, #footermenu a:link, #footermenu a:visited, #footermenu a:active{
	color:white;
	text-decoration:none;
}

#footermenu a:hover{
	color:#bd3c39;
	text-decoration:none;
}

.clear{
	clear:both;
}

#abstand{
	width:510px;
	height:80px;
	background:white;
}

/* Styles für Startseiten-Elemente rechts und Tafel links */

#rss{
	padding:10px;
}

#rechts #rss h3.link{
	width:135px;
}

#rss #attachment_721{
	display:none;
}

#t4 iframe{
	margin:10px;
}

#tafel{
	position:absolute;
	bottom:10px;
	left:0;
	width:305px;
	height:315px;
	background: url("/static/img/schild.png") no-repeat;
	padding-top:25px;
	overflow:hidden;
	color:white;
}

#tafelHeader{
	height:80px;
	width:250px;
	background-color:#36302D;
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	padding:10px;
	padding-left:27px;
	margin-bottom:15px;
	margin-left:-5px;
}

#tafelContentLinks{
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	width:100px;
	float:left;
	text-align:right;
	padding-left:10px;
	margin-right:10px;
}

#tafelContentRechts{
	transform: rotate(3deg);
	-ms-transform: rotate(3deg);
	-o-transform: rotate(3deg);
	-webkit-transform: rotate(3deg);
	width:140px;
	float:left;
	text-align:left;
	padding-top:6px;
}

#tafel h3{
	font-family: "tafelkreide", Arial, sans-serif;
	font-size:22px;
	font-weight:400;
	margin:5px 0 2px 0;
	color:white;
}

#tafel p{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
}

#tafel p span{
	font-family: "tafelkreide", Arial, sans-serif;
	font-size:22px;
	font-weight:400;
}

#tafelHeader p{
	margin-left:66px;
	text-align:center;
}

#tafelContentLinks p{
	line-height:270%;
	margin:12px 0 12px 0;
}

#tafelContentLinks p:first-child{
	margin-top:0px;
}


/* Blog auf der Startseite */

#feed h2{
	display:none;
}

#feed h3{
	width:135px;
	float:left;
}
#feed p,
#feed ul{
	display:none;
}
#feed p:first-child{
	display:block;
	float:left;
	width:135px;
}

#feed .wp-caption{
	display:none;
}

#feed .feedpicture,
#feed .wp-caption.feedpicture{
	display:block;
	position:absolute;
	top:10px;
	right:10px;
	width:135px !important;
	height:auto !important;
	max-height:100%;
}

#feed .feedpicture img{
	width:135px !important;
	height:auto !important;
	margin:0;
	padding:0;
}

#feed .wp-caption.feedpicture{
	width:auto !important;
}

#rechts .wp-caption.feedpicture img{
	margin-top:0;
}

/* Bolgger-Rezept-Wettbewerb */
.bloggerWettbewerb #links{
	margin-bottom:50px;
	padding: 30px 10px 30px 65px;
	width: 490px;
}

.bloggerWettbewerb #ergebnis-links{
	width:505px;
}

.bloggerWettbewerb #hauptspalte{
	margin-left:65px;
}

.bloggerWettbewerb .ergebnisliste li{
	float:left;
}

.bloggerWettbewerb #content .ergebnisliste li{
	width:295px;
	height:48px;
}

.bloggerWettbewerb #content .ergebnisliste .auswahl{
	height:42px;
	padding:6px 10px 12px 60px;
	background-color:#36302D;
}

.bloggerWettbewerb #content .ergebnisliste .checkbox.header, 
.bloggerWettbewerb #content .ergebnisliste .checkbox.header:hover,
.bloggerWettbewerb #content .ergebnisliste .stimmen.header, 
.bloggerWettbewerb #content .ergebnisliste .stimmen.header:hover{
	background-color:#36302D;
}

.bloggerWettbewerb #content .ergebnisliste .checkbox.header, .bloggerWettbewerb #content .ergebnisliste .stimmen.header{
	height:38px;
	padding:10px 5px 12px 5px;
}

.bloggerWettbewerb #content .ergebnisliste .checkbox, .bloggerWettbewerb #content .ergebnisliste .stimmen{
	width:auto;
	width:55px;
	height:28px;
	padding:20px 5px 12px 5px;
	margin-right:5px;
	text-align:center;
	background-color:#7F513B;
}

.bloggerWettbewerb #content .ergebnisliste .checkbox:hover, .bloggerWettbewerb #content .ergebnisliste .stimmen:hover{
	background-color:#7F513B;
	cursor:auto;
}

h4{
	color: #BB3D3D;
	font-family: "adelle-1","adelle-2",Georgia,serif;
	font-size: 16px;
}

#content .kommentarDorhs{
	margin-top:30px;
}

.kommentar img, .kommentar p{
	float:left;
}

.kommentar img{
	margin-right:15px;
}

.kommentar p{
	width:200px;
}

#vorhang{
	height:100%;
	width:100%;
	position:fixed;
	background-color:black;
	opacity:0.5;
	z-index:250;
	cursor:pointer;
}

#textTnBedingungen{
	left:25%;
	top:10%;
	width:500px;
	height:700px;
	padding:20px;
	background-color:white;
	box-shadow:1px 1px 3px rgba(0,0,0,0.5);
	position:absolute;
	z-index:500;
}

#close{
	text-align:right;
	color:#7F513B;
	font-family: "tafelkreide", Arial, sans-serif;
	font-size:15px;
	cursor:pointer;
	margin:5px 0 5px 0;
}

#textTnBedingungen p{
	font-family:arial, helvetica, sans-serif;
	font-size:12px;
	line-height:140%;
	margin-bottom:5px;
}

#textTnBedingungen h2{
	width:auto;
	margin:15px 0 15px 0;
}