/* Begin Typography & Colors */
body {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #000000;

	background-color: #517d26;

/*
  header-green: #b3d719
  middle-green: #517d26
  extrem-green: #d7ff45
  darker green: #375716
  darkest gre.: #4b4b25
*/

	background-image:url(img/bg-1280.jpg);
	background-repeat:no-repeat;
	background-position: center center;	


	color: #333;
	padding: 0px;
	margin: 0px;
}

a:link { color: #517d26; }
a:visited { color: #4b4b25; }

li {
	list-style-image: url(img/li-gre.gif); 
}


#bodywrap {
	height: 100%;
	width: 100%;
}


#shadowwrap {
	width: 720px;
	height: 700px;
	margin: auto; 
	background-image: url(img/bgcontent-trans.png);  
	background-repeat: repeat;	

/*	background-image: url(img/bgmain-trans.png);  */
/*	border: 1px solid #ff0000; */
}

#contentwrap {
	width: 720px; 
	height: 100%;
	margin: auto; 

	overflow: auto; 
	overflow-x: hidden;

}

#header {
	width: 100%;
	height: 120px;
	margin-bottom: 10px;
	background-color: #ffffff;
}

#header-left {
	width:145px;
	float:left;
}

#header-right {
	width:555px;
	float:left;
	overflow: visible;
}

#menu {
	float:left;

/*	background-color:#ffffff; */

	width: 125px;
	min-height: 500px;
	padding: 0px 5px 10px 15px;

	font-size: 10pt;
	line-height: 1.5em;

	border-right: 1px solid #000000;
}

#menu a {
    text-decoration: none;
    color: #000000;
    }

#menu hr {
	width: 100%;
	border: none 0;
	border-top: 1px dashed #000;
	height: 1px;
}

#menu li { 
	list-style-type: none;
	list-style-image: none;
/*	list-style-image: url(img/li-red.jpg); */
	font-weight: bold;
}

#menu ul {
	margin-top: 0px;
	margin-left: -10px;
	font-weight: normal;
}

#menu ul li {
/*	list-style: square; */
	list-style-image: url(img/li-gre.gif); 
	font-weight: normal;

}

#menu .inactive {
	color: #999999;

}

#menu .counter {
	width: 45px; 
	margin: 0px auto;
}

.separate-h {
	width: 380px;
	height: 23px;
	margin: 20px 130px 15px 90px;
	
}

#main {
	float:right;
	width:530px;
	overflow: hidden;
	padding: 10px 15px 10px 10px;  
	font-size: 10pt;
}

#footer {
	clear: both;
	height: 0px;
/*	width: 700px; 
	height: 58px;
	padding: 5px 0px 0px 0px;
*/

}


.headline1 {
	font-size: 12pt;
	font-weight: bold;
/*	text-transform: uppercase; */
	margin-bottom: 10px;
}

#main h1 {
	font-size: 12pt;
	font-weight: bold;
/*	text-transform: uppercase; */
	margin-bottom: 10px;
	text-align: center;
}

#main h2 {
	margin-top: 5px;
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 0px;
	margin-right: 35px;
}

#main .headline1 {
	text-align: center;
}

#main li {
	list-style-position: outside;

	margin-right: 10px;
	margin-left: 5px;
	border: 0px solid #000;

}

#main blockquote {

	border-left: 3px solid #517d26;
	line-height: 1.5em;

/*	border-top: 3px solid #F3CF33; */
/*	border-bottom: 3px solid #F3CF33; */

	padding-left: 7px;

	


}

#main2boxes {

	width: 570px;
	min-height: 190px;
/*	border: 1px solid #ff0000; */

}


.mainbox {
	float: left;
	width: 270px;
	min-height: 190px;
/*	border: 1px solid #000000;  */
	padding-right: 10px;

}

.reccopy {
	text-align: center;
	font-size: 9pt;
	margin-top: -10px;

}

.toolbox {

	float:right;
	position: relative; 
	top:-30px;

}

.recbold {

	font-size: 10pt;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 5px;

}

.rectext {
	font-size: 10pt;
	margin-left: 10px;
	line-height: 1.25em;
}


.maintable {

	font-size: 9pt;
	margin-left: 10px;
	width: 500px;
	border: solid 0px #000;

}

.ingredtable {
	font-size: 9pt;
	margin-left: 20px;
	width: 530px;
	border: solid 0px #000;
}

#ingredtable li {
	list-style-position: outside;

	margin-right: 10px;
	margin-left: 8px;
	border: 0px solid #000;


}

.formstable {

	font-size: 9pt;
	margin: 10px auto;
	text-align: center;
	width: 500px;
	border: 0px solid #000;

}

.formscell {
	margin: 7px;

}

.formsimg {
	clear: both;
	margin: 7px;
	text-align: center;
}

.formsimg img {
 	border: 1px solid #000;
}

.google-right {

	float: right;
	width: 120px;
	height: 240px;
	margin: 5px;

/*	border: 1px solid #F3CF33; */

}

.google-center {

	width: 468px;
	margin: 5px auto;

}

#rating .dropdown {
	height: 17px;
	font-size: 9pt;
}

#rating .submit {
	font-size: 9pt;
}

#legend {
	margin-left: 10px;
	background-color: #ffffff;
}

.legendtable {

	font-size: 10pt;
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 10px;
	border: 1px solid #000000;
	border-collapse: collapse;
}

#mainfooter {

	width:530px;
/*	margin-top: 30px; */
/*	border: 1px solid #ff0000; */
	text-align: center;
}

/* -------------------------------------------------------------------------------- */
/* css info für guestbook und rezept-einsenden */

	p.error { color: red; text-align: center; background-color: yellow; }
/*	a.external { background: url(external.png) center right no-repeat; padding-right: 13px; } */

	form#login { width: 250px; margin-left: auto; margin-right: auto; margin-top: 50px; background-color: #ffffff; padding: 20px; border: solid 1px #cccccc;}
	form#login div { clear: both; margin-top: 5px;;}
	form#login label { display: block;  float: left; width: 80px; text-align: right; padding-right: 10px;}
	form#login div.required label { font-weight: bold; }
	form#login div.submit { text-align: center; }

	div.guestbook_entry { clear: both; width: 500px; margin-left: 10px; margin-top: 20px; border: solid 1px #517d26; padding: 5px 10px 5px 5px; border-radius: 7px; -moz-border-radius: 7px;}
	div.guestbook_entry span { display: block; width: 70px; font-weight: bold; float: left; }
	div.name { float: left; }
	div.posted { float: right; }
	div.posted span { width: 0px; }
	div.location { clear: both; float: left; }
	div.remoteip { float: right; }
	div.remoteip span { width: 50px; }
	div.email { clear: both; }
	div.delete { background-color: #cccccc; text-align: center; font-weight: bold; }
	div.message { clear: both; padding: 8px 5px 8px 20px; padding-top: 8px; padding-bottom: 8px; }

	p#NewPost { float: left; width: 50%; margin-left: 5px; margin-top: 0px; }
	p#Login { float: right; width: 30%; text-align: right; margin-right: 8px; margin-top: 0px; }

	form#sign div { clear: both; margin-top: 5px; }
	form#sign label { display: block;  float: left; width: 100px; text-align: right; padding-right: 10px;}
	form#sign div.required label { font-weight: bold; }
	form#sign span.scode { text-decoration: underline; }
	form#sign div.submit { text-align: center; }

	form#rezept-einsenden div { clear: both; margin-top: 5px; }
	form#rezept-einsenden label { display: block;  float: left; width: 100px; text-align: right; padding-right: 10px;}
	form#rezept-einsenden div.required label { font-weight: bold; }
	form#rezept-einsenden span.scode { text-decoration: underline; }

	form#weiterempfehlen div { clear: both; margin-top: 5px; }
	form#weiterempfehlen label { display: block;  float: left; width: 100px; text-align: right; padding-right: 20px;}
	form#weiterempfehlen div.required label { font-weight: bold; }
	form#weiterempfehlen span.scode { text-decoration: underline; }

/* -------------------------------------------------------------------------------- */


	div.game_entry { clear: both; width: 500px; margin-left: 10px; margin-top: 20px; border: solid 1px #517d26; padding: 5px 10px 5px 5px; border-radius: 7px; -moz-border-radius: 7px;}
	div.game_entry span { display: block; margin-right: 5px; font-weight: bold; float: left; }


	div.vid_entry { clear: both; width: 425px; margin: 20px auto; border: solid 1px #517d26; background-color: #517d26; padding: 5px; border-radius: 7px; -moz-border-radius: 7px;}
	div.vid_entry span { display: block; margin-right: 5px; font-weight: bold; float: left; }

/* 
#iemessage {
	height: 150px;
	width: 220px;
	background-image: url(img/bgcontent-trans.png);
	visibility: hidden;
	position: absolute;
	top: 0px;
	left: 0px;
}
*/

.clearfloat {
	clear: both;
}

#salatquiz #answers {
	padding-left: 30px;
	margin-top: 10px !important;
	border: 0px solid #000;

}

#salatquiz .correct {
	color: #2be130;
}
#salatquiz .false {
	color: #dd0000;
}
#salatquiz .selected {
	font-weight: bold;
}
#salatquiz .txt {
	font-weight: bold;
}
#salatquiz input {
	margin-top: 10px;
}
#salatquiz #fragenzus {
	padding-top: 10px;
	padding-left: 30px;
}

#salatquiz textarea {
	font-size: 9pt;
	width: 400px;
	height: 40px;
	margin: 5px 80px;
}

.quizsingleanswer {
	margin-top: 10px !important;
}

.quizimgflright {
	float: right;
	margin-right: 80px;
	margin-top: 10px;
}

.quizintro {
	padding-left: 30px;
}

.singlequiz {
	padding-bottom: 30px;
}

#creditfooter img {
	float: right;
	margin-top: -30px;
	margin-right: 40px;
}