/*  
Theme Name: Special Event Catering Theme
Theme URI: http://www.wortbildton.de/
Description: Theme für Special Event Catering
Version: 1.0
Author: Felix Baltruschat
Author URI: http://www.wortbildton.de/

*/


html, body{
	height: 100%;
}

/* Begin Typography & Colors */
body {
	font-size: 62.5%; /* Resets 1em to 10px */
	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background:#FFFFFF;
	color: #333;
	text-align: center;
	
	}

#page{
	background-color: white;
	text-align: left;
	width:950px;
	margin:0 auto;
	min-height:80%;
	height:auto;
}

#header{
	height:120px;
	font-size:0;
	padding:0;
	margin:0;
}
div.line{
	height:2px;
	font-size:0;
	background:transparent no-repeat url(images/bg_leiste.jpg);
}

.catering{
	height:auto;
	min-height:100%;
}

.catering div.bg_wrap{
	height:auto;
	min-height:100%;
	background:transparent repeat-y url(images/bg_wrap_catering.jpg);
	border:0;
}


.catering div.wrap{
	/*min-height:599px;*/
	height:auto;
	min-height:100%;
	background:transparent no-repeat bottom url(images/bg_wrap_content.jpg);
	border:0;
	margin:0;
}

.left_wrap{
	width:190px;
	padding:0 0 0 0;
	color:#FFF;
	float:left;
	position: relative;
	height:100%;
	margin:0;
}


.catering div.left_wrap{
	background:#004236 top url(images/bg_catering_left.jpg) no-repeat;
}

.left_wrap a{
	color:#FFF;
	text-decoration:none;
}

.left_wrap a:hover{
	text-decoration:underline;
}

div.left_wrap h3{
	margin:2em 1em 1em 1em;
	font-size:1.3em;
}

div.left_wrap .submenu{
	height:auto;
	min-height:100%;
	display:block;
	margin-top:250px;
}


* html div.left_wrap .submenu{
	height:250px;
}

div.left_wrap .submenu ul{
	list-style:none;
	margin:0 0 1em 0;
	padding:0;
}

div.left_wrap .submenu a{
	font-size:1.2em;
	display:block;
	padding:0.2em 0 0.2em 1em;
}

div.left_wrap .top{
	background:transparent no-repeat url(images/top.gif);
	padding: 0 0 0 10px;
}

div.left_wrap #newsletter{

}

.impressum {
	padding:0 1em;
	
}

.right_wrap{
	width:708px;
	height:auto;
	min-height:100%;
	float:right;
	margin:0;
}

* html .right_wrap{
	height:599px;
}

.catering div.right_wrap{
	border-right:52px solid #004237;
}

* html .catering div.right_wrap{
	border-right:50px solid #004237;
}

.content{
	padding: 57px 92px 1px 92px;
	min-height:515px;
	line-height:1.6em;
	font-size: 1.2em;
}

.content a, .content a:visited{
	text-decoration:underline;
	color:#004237;
}

.content a:hover{
	text-decoration:underline;
}

.bbq *{
	color:#990000 !important;
}

* html .content{
	height:515px;
}

.catering div.content{
	background:none;
	color:#004237;
}

.content h2{
	font-size:1.3em;
}

.content h3{
	font-size:1.2em;
	margin: 2em 0 0em 0;
}

.content p{
	margin:0.5em 0 1.5em 0;
}

.content td{
	padding:0.5em 0;
}

.content td.first {
	width: 70%;
}

.content th{
	padding:0.5em 0;
}

.content .wordtube{
	padding-bottom:1em;
}

div.navi{
	text-align:center;
	height:22px;
	padding-top:5px;
	background:#eedc9a no-repeat url(images/bg_catering_navi.jpg);
}

div.navi ul {
	text-align:center;
	padding:0;
	margin:0;
}

div.navi li {
	margin:0;
	padding:0;
	display:inline;
}
div.navi li a{
	margin:0 1em;
	padding:5px 0 6px 0;
	font-size:1.2em;
	color:#004237;
	text-decoration:none;
}

div.navi li a:hover{
	color:#7d3f0b;
}



#hoverNavi {
 position:absolute;
 top:186px;
 text-align:center;
 padding:0.4em 0 0.4em 0;
 font-size:1.3em;
 display:none;
 width: 708px;
 background:#eedc9a no-repeat url(images/bg_catering_hover.jpg);
 z-index:5;
 
}

* html #hoverNavi{
	top:192px;
}

#hoverNavi a{
	padding:0 1em;
	color:#004237;
	text-decoration:none;
}

#hoverNavi :hover{
	color:#7d3f0b;
}

#hoverNavi ul{
	margin:0;
	padding:0;
}

#hoverNavi li{
	display: inline;
	padding:0 5px 0 5px;
	color:#FFF;
	background-position:top left;
}


.clear{
	margin:0px !important;
	padding:0px !important;
	height:0px !important;
	font-size:0px !important;
	clear:both !important;
	line-height:0px !important;
	border:0px !important;
}

/* DDFM */
form.ddfm legend {
	padding: 0px 6px 12px 6px;
	margin: 0 0 0 10px;
	color: #004237;
	font-size:1.2em !important;
}

form.ddfm select.fmselect {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 10px;  
	padding: 3px;
	border:1px solid #004237;
	background:#f5f9fc;
	color:#004237;
}

form.ddfm input.fmfile,
form.ddfm input.fmtext {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 10px;  
	padding: 3px;
	border:1px solid #004237;
	background:#f5f9fc;
	color:#004237;
}

form.ddfm textarea.fmtextwide {
	display: block;
	float: left;
	width: 93%;
	margin-right: 2px;
	margin-bottom: 15px; 
	padding: 3px;
}

form.ddfm .submit {
	text-align: right;
	clear: both; 
	width: 100%;
	
}

form.ddfm .submit input {
	border:1px solid #004237;
	background:#f5f9fc;
	color:#004237;
	font-size: 120%;
	font-weight: bold;
	
}

.ddfmwrap .ddfmerrors {
	display: block; 
	float: left; 
	width: 27%; 
	text-align: right;
	margin: 0 10px 0 0; 
	padding-bottom: 15px;
}

.ddfmwrap .errorlist {
	float: left; 
	display: block;
	width: 65%;
	margin-bottom: 15px;  
	padding: 3px;
	text-align: left;
}

form.ddfm .fmfullblock {
	padding-left: 0px;
	float: left; 
	width: 100%;
	margin-bottom: 8px;
	display: block;
}

form.ddfm .fmfullblock p {
	margin:0;
}

form.ddfm .fmhalfblock {
	width: 65%;
	padding-left: 29%;
	margin-bottom: 8px;
	float: left; 
	display: block;
}

form.ddfm input.fmverify {
	float: left; 
	width: 22%;
	margin-bottom: 15px; 
	padding: 3px;
	position: relative;
	display: block;
	border:1px solid #004237;
	background:#f5f9fc;
	color:#004237;
}

form.ddfm img {
	margin: 0 0 0 10px; 
    float: left;
	border:none !important;
}

form.ddfm textarea {
	float: left; 
	position: relative;
	width: 65%;
	margin-bottom: 10px;
	padding: 3px;
	border:1px solid #004237;
	background:#f5f9fc;
	color:#004237;
}

form.ddfm fieldset {
	padding: 0 10px 12px 10px;
	margin: 0 0 25px 0;
	display: block;
	border: solid 1px #004237;
}


div.newsletter{
	padding:1em 1.8em;
	background-color:#01655b;
}

div.newsletter h3{
	padding:0;
	margin:0;
}

div.newsletter #nl_eintragen{
	border:1px solid #004237;
	padding:3px;
	background:#F5F9FC;
	color:#004237;
	width:78px;
}
div.newsletter #nl_secur{
	width:69px;
	float:left;
}

div.newsletter #nl_email{
	width:144px;
}

div.newsletter #nl_email,
div.newsletter #nl_secur{
	border:1px solid #004237;
	padding:3px;
	background:#F5F9FC;
	color:#004237;
}

div.newsletter img{
	margin-left:2px;
	border:1px solid #004237;
	
}