/* GLOBALS */
*{
	margin:				0;
	padding:			0;
}
body { 
	font-family:  		Tahoma, Arial, Verdana, sans-serif;
	font-size: 			0.75em;
	font-style:			normal;
	line-height: 		1.5em;
	color: 				#2a2a29;
	background: 		transparent url(../images/bg.jpg) no-repeat center top;
	background-color:  #131212;
	

	
 
	}
	
	
:focus {
    outline:			0;
}
	
img {
	border:				none;
	text-decoration: none;
}



p{
	margin:				0;
}

h1 {
	
	font-size: 			1.4em;
	color: 				#e2001a;
	font-weight: bold;
	margin-left:23px;
	margin-top:13px;
	

	
}

h2 {
	font-size: 			1em;


	
}

h3 {
	
	font-size: 			1.1em;
}


h4 {

	font-size: 			1em;
	float: left;
}


h5 {

	font-size: 			1em;
	text-decoration: none;
}
ul {
	list-style-position: inside;
	list-style-type: 	none;
}


li a {
	text-decoration:	 none;

}


li a:hover, li ul .act a {
	text-decoration: 	none;
	color: 				#e2001a;
}


a {
	text-decoration: 	underline;
	color: 				#2A2A29;
}


.clear{
	clear: 				both;
	line-height: 		0px;
}

#container {
	width: 				943px;
	margin:				0 auto;
	height:				100%;


}

#wrapper {
	background: 		transparent url(../images/content_bg.png) no-repeat center top;
	position:			relative;
	width: 				943px;
	height: 			863px;


}


/* header - Anfang*/
#head{
	width: 943px;
	height: 126px;

}




#logo{
	background: transparent url(../images/logo.png) no-repeat scroll right top;  
	position:relative;
	float: left;
	margin-top: 14px;
	margin-left: 17px;
	width:233px;
	height: 81px;

}

#logo-clickable {
	cursor:pointer;
	width:233px;
	height:76px;

}


/* header - Ende*/



/* adresse - Anfang*/

	#adresse {
	text-align: right;
	float:right;
	height:36px;
	font-family: Tahoma, Arial, Verdana, sans-serif;
	font-size: 12px;
	position:relative;
	font-style: normal;
	margin-right: 21px;
	}

 #adresse a{
	color: 			#2a2a29;
}

/* adresse - Ende*/




/* subnavi - Anfang*/
#subnavi{
	margin-left:35px;
	margin-top: 14px;
	font-family:Tahoma, Arial, Verdana, sans-serif;
	font-size: 11px;
	float: left;
	color: #0d0b09;
	height:35px;
	width:375px;
	
	
}
#subnavi ul li.act a{
color: #e2001a;
}


#subnavi a{
color: #2a2a29;
}
#subnavi a:hover{
color: #e2001a;
}

#subnavi ul li{
float: left;}

/* subnavi - Ende*/

/* Topangebot Anfang*/
#topangebot{
		background: transparent url(../images/bg_topangebot.jpg) no-repeat scroll right top;  
		float: left;
		height: 80px;
		width:264px;
		
		
}

	
.topdaten{
		float: left;
		color: #FFFFFF;
		font-style:normal;
		margin-left:16px;
		margin-top:5px;
		
		  }
		  
.topprice{
		float: left;
		color: #e2001a ;
		font-weight: bold;
		font-size: 14px;
		margin-top:5px;
		
		  }
		  
#shopbutton{
	background: transparent url(../images/shop_button.png) no-repeat scroll right top;  
	cursor:pointer;
	float:right;
	height:55px;
	margin-top:11px;
	width:55px;
	margin-right:-19px;

		 }
#shopbutton:hover {
	background: transparent url(../images/shop_button-hover.png) no-repeat scroll right top;  
}

#topangebot_headline{
	font-weight:bold;
	text-transform:uppercase;
	color: #FFFFFF;
	margin-top: 16px;
	margin-left: 16px;
 }

/* Topangebot Ende*/

/* Headline Anfang*/

#middle{
	height: 48px;
	border-bottom: 1px dotted #000000;
	border-top: 1px dotted #000000;

	
}

	#slogan{
	float: left;
	margin-left:43px;
	width: 270px;
	
	}
	
	#headline{
	float: left;
	width: 613px;
	}
	
/*footer - Anfang*/
	#footer{
	background: transparent url(../images/partner-feld.png) no-repeat scroll right top;
	float:right;
	height: 289px;
	width:   270px;
	margin-right: 18px;
	color: #FFF;
	font-size: 14px;
	
	}
	.ueberschrift{
	margin-top: 9px;
	margin-left: 16px;
	text-transform: uppercase;


	}


	
	#verband {
	float:left;
	height:64px;
	margin-top:18px;
	width:100px;
	}

	#elementa {
	float:left;
	height: 31px;
	width: 104px;
	margin-top: 34px;
	margin-left: 15px;
	margin-right:34px;
	
	}
	#designo {
	float:left;
	height: 24px;
	width: 185px;
	margin-left:30px;
	margin-top:22px;
	}

/*footer - Ende*/



/*Newsletter*/




#right input {
	height: 22px;
	line-height: 14px;
	width: 170px;
	text-align:left;
	margin-top: 21px;
	background:#d6d3d3;
	
	border: 1px solid #2A2A29;
		
}

#newsletter_button{
	border: 1px solid #2A2A29;
	cursor:pointer;
	
	height:22px;
	margin-left:175px;
	
	position:relative;
	top:-25px;
	width:11px;
	background:#d6d3d3;
}


#newsletter_button img{
margin-top: 5px;
}



	

/* IMPRESSUM */

dt {
	float: left}
	
	
#kontaktdaten{
float: left;
width: 320px;}


 dt{
	width: 100px;
	display: block;
}
dd {
	margin-left: 150px;
	width: 150px;
}


#macrocom_logo {

	position:relative;

}
#macrocom {
	float:left;
	position:relative;
	margin-right: 20px;

}



/* IMPRESSUM/KONTAKT Ende */


/* POPUP */
#header-popup{

	
}

#schwarz{
	background: url(../images/schwarz.png);
	width:100%;
	height:100%;
	position:absolute;
	z-index:					20;
	left:0;
	top:0;
}
#popup{
	position: absolute;
	top: 95px;
	left: 0px;
	width:100%;
	text-align: center;
}
#zoom{
	
	background:transparent none repeat scroll 0 0;
	color:#7C7C7E;
	margin:0 auto;
	min-width:450px;
	padding:10px;
	position:relative;
	text-align:left;
	z-index:3000;
	font-size: 12px;
}
.impressum #zoom{
	
	background:transparent none repeat scroll 0 0;
	color:#7C7C7E;
	margin:0 auto;
	min-width:450px;
	padding:10px;
	position:relative;
	text-align:left;
	width:450px;
	z-index:3000;
	font-size: 12px;
	}


.lief {
	float:left;
	margin:15px 8px 0 0;
	text-align:center;
	width:90px;
}



#print-impressum {
	display:			none;
}

/* POPUP ENDE */ 


#printkontakt,
#printimpressum,
#printservice{
display: none;

}

#print-impressum {
	display:			none;
}
 
/* misc */
.clear {
	clear:				both;
}

.hidden {
	display:			none;
}	
/* /misc */

#eventinc{
	position:absolute;
	width:330px;
	left:313px;
	top:144px; 
	border: #666666 1px solid; 
	background: #fff; 
	z-index:1000;
}
#eventinc #top{
	padding:3px 3px 3px 3px;
	background: #DDE5EE; 
	border-bottom: #666666 1px solid; 
	
}
#eventinc #body{
	background:#fff;
	clear:both;
}
#eventinc #dragbar,#eventinc #close{
	cursor:pointer;
	float:right;
}


#eventinc .head{
	font-size:1.1em;
	line-height:1.1em;
	font-weight:bold;
	width:100%;
	display:block;
}
#eventinc #dragbar{
	width:88%;
}
#eventinc #links,#eventinc #rechts{
	padding: 5px 5px 5px 5px;
	float:left;
	height:100%;
	width:80%;
}
#eventinc #links{
	width:5%;
}


select {
height:1.6em;
line-height:1.6em;
width:20px;
}

input, textarea, select {

border:1px solid #A9B1A4;
font-family:arial,sans-serif;
font-size:1em;
height:1.5em;
line-height:1.5em;
margin:1px 0;
width:100px;
}






#printtext{
display: none;
}

#logohoster {
	display: none;
}


/*kochschule Anfang*/
.absatz_var {
margin-right: 25px;
padding:0;
}

.termine .edit1 {
display:block;
width:100%;
}

.termine .img {
display:block;
float:left;
height:106px;
margin:0px 15px 0 0;
overflow:hidden;
width:75px;
}

.termine .edit2 {
display:block;
float:left;
width:450px;
}

.termine .anmeldung {
display:block;
width:100%;
text-align: left;
}

.termine .contentblock {

}
.termine #zoom,
.anmeldebestaetigung_zoom  #zoom{
	
width:450px;
z-index:3000;
}


#kochform dl {

width:400px;
}

#kochform dt {
margin:0;
float: left;

}
#kochform dd {
margin-left:141px;
width:280px;
margin-bottom:5px;
}
#kochform dt input.checkbox {
margin-left:120px;
width: 10px;
}
.termine input, select, 
.anmeldebestaetigung_zoom input, select{
border:1px solid #A9B1A4;
font-family:verdana,arial,sans-serif;
font-size:1em;
height:1.6em;
line-height:1.2em;
margin:1px 0;
width:275px;
}
#kochform textarea#message 
{
height:50px;
}

#kochform textarea {
width:275px;
}
.kochschule #right a{
text-decoration:underline;
font-weight: bold;
}


/*Rezepte Anfang*/

.rezepte input, select{
width:200px;
}

td a{
color: #2A2A29;
}

.zurueck{

width: 200px;}
.zurueck a{
	color: #2A2A29;
	font-weight: bold; 
	text-decoration: underline; 
	padding:3px 3px;
	display: inline;

	background:#d6d3d3;
}


#scroll {
height:320px;
overflow:auto;
width:290px;

}

#filmbutton{
float: left;
padding-bottom:16px;
padding-right:16px;
text-decoration:none;

}

