@charset "utf-8";
/* 
**
**
**	00 Reset Standard Styles
**	01 General Declarations & Typography
**  02 Structural Markup / Positioning
**  03 Class Definitions
**  04 Content specific Styling
**  05 Javascript/Dynamic Elements
**  06 Form Elements
*/

/* 
** 00 Reset standard html styling 
**--------------------------------------------------------------------------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, 
img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, 
tbody, tfoot, thead, tr, th, td {	margin: 0;	padding: 0;	border: 0;	outline: 0;	font-size: 100%; vertical-align: baseline;	background: transparent; }
ol, ul { list-style: none; }
blockquote, q {	quotes: none;}
blockquote:before, blockquote:after,
q:before, q:after {	content: ''; content: none; }
:focus { outline: 0; }
table {	border-collapse: collapse;	border-spacing: 0; }

/* 
** 01 General Declarations & Typography
**--------------------------------------------------------------------------------------------------------------------------------*/
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	line-height:18px;
	color:#5e6061;
	}
	
	h2{font-family:Impact, Charcoal, sans-serif; font-size:48px; line-height:0.9em; font-style:italic; margin:30px 0 30px -50px; }
	h3{font-weight:bold; font-size:20px; margin-bottom:10px;}
	
	p{ margin-bottom:18px;}
	
	a:link, a:visited{ color:#c60d1d;}
	a:hover, a:active{ color:#f5be16;}

/* 
** 02 Structural Markup / Positioning
**--------------------------------------------------------------------------------------------------------------------------------*/
html{ background:url(../../images/bg/html.jpg) repeat-x top left;}
body{ background:url(../images/bg/body.jpg) repeat-y top center;}
#container{ width:100%;	background:url(../images/bg/head.jpg) no-repeat top center; }

.wrapper{ width:850px; margin:0 auto; }

#header{ height:400px; 	position:relative; }
h1{ width:265px; height:125px; position:absolute; top:70px; right:10px;}
h1 a{ display:block; height:125px; text-indent:-9999px;}

#pageBody{ overflow:hidden; padding:0 0 50px;}

#sidebar{ width:296px; margin:150px 0 0 25px; float:left;}
#article{ width:490px; margin:0 20px 0 0; float:right;}

#footer{ background:#707172 url(../images/bg/footer.jpg) repeat-y top center; color:#fff; font-size:12px;}
#footer .wrapper{ width:750px; padding:40px 50px 40px;}
hr{
	margin:0; padding:0; border:0;
	height:1px;
	background-color:#cbc8c8;
	display:block;
	margin-top:10px;
	margin-bottom:10px;
}
/* 
** 03 Class Definitions
**--------------------------------------------------------------------------------------------------------------------------------*/

.vcard{
	background:#e6e6e8;
	padding:20px 15px;
	border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
	}
	.vcard span, .vcard strong{ line-height:22px;}
	span.address{ 
		display:block; 
		border-top:1px solid #d2d2d5; 
		border-bottom:1px solid #d2d2d5;
		font-style:italic;
		padding-left:25px;
		margin-bottom:4px;
		background:url(../images/icon/map.png) no-repeat 3px center;
	}
	span.type{ display:none;}
	.vcard strong{ padding-left:25px; margin-right:6px; }
	span.tel{ letter-spacing:0.08em;}
	strong.fon{ background:url(../images/icon/fon.png) no-repeat 3px center; }
	strong.fax{ background:url(../images/icon/fax.png) no-repeat 3px center; }
	strong.mob{ background:url(../images/icon/mobil.png) no-repeat 6px center; }
	span.email{ display:block; 	border-top:1px solid #d2d2d5; margin-top:4px; 	padding-left:25px;
		background:url(../images/icon/mail.png) no-repeat 2px center;
	  }
	span.email a{color:#5e6061;	font-style:italic;}
.downloads{
	margin-top:20px;
}
.downloads li {
	margin-bottom:10px;
}
/* 
** 04 Content Specific Styling
**--------------------------------------------------------------------------------------------------------------------------------*/

ul#navigation{ position:absolute; bottom:8px; right:40px;}
	ul#navigation li{ display:inline; margin:0 20px;}
		ul#navigation li a{ font-family:Impact, Charcoal, sans-serif; text-transform:uppercase;
			font-size:22px; color:#5e6061; text-decoration:none; }
		ul#navigation li a:hover{ color:#f5be16; text-decoration:underline;}

#anfrageButton{ display:block; width:292px; height:67px; text-indent:-9999px; margin:0 0 18px;
	background:url(../images/bg/anfrageButton.png) no-repeat top left;
	}
	#anfrageButton:hover{ background-position:0 -67px;}
	#anfrageButton:active{ background-position:0 -134px;}
	span#anfrageButton, span#anfrageButton:hover{background-position:0 -134px; opacity:0.5;}

#downloadButton{ display:block; width:292px; height:67px; text-indent:-9999px; margin:0 0 18px;
	background:url(../images/bg/downloadButton.png) no-repeat top left;
	}
	#downloadButton:hover{ background-position:0 -67px;}
	#downloadButton:active{ background-position:0 -134px;}
	span#downloadButton, span#downloadButton:hover{background-position:0 -134px; opacity:0.5;}	
	
#sidebar p{ font-style:italic; padding:0 15px; }

#footer p{ font-weight:bold; margin-bottom:0; }
#footer p.links, #footer p.links a{ font-weight:normal; color:#999; }
#footer p.links a:hover{ color:#ccc;}
/* 
** 05 Javascript/Dynamic Elements
**--------------------------------------------------------------------------------------------------------------------------------*/
.entry {
	overflow: hidden;
	zoom: 1;
	margin-bottom: 30px;
}
.entry .image {
	float:left;
}

.entry .image img {
	width:200px;
	margin-right: 10px;
}

.pdf {
	line-height: 32px;
}
.pdf a{
	display: block;
	background:url(../images/icon/pdf01.png) no-repeat left center;
	padding-left:40px;
	margin-left: 210px;
}

#social {background:#e6e6e8;
padding:20px 15px;
border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;
margin: 1em 0;
}

/* 
** 06 Form Elements
**--------------------------------------------------------------------------------------------------------------------------------*/
form{ padding:10px; width:450px; }
	form ul li{list-style-image:none;}
	#restaurant form h3{
	font-weight:normal;
	font-size:16px; line-height:36px; margin-bottom:0;
	
	}
	form fieldset{
	    border:0;
		padding:0 10px 10px;
		position:relative;
		border-bottom:1px solid #ccc;
		margin:10px 0;

	}
	form fieldset h4{
		font-weight:normal;
		background:none;
		padding:3px 0 10px;
		text-transform:uppercase;
		font-size:10px; 
		letter-spacing:0.1em;
	}
	form ul{
		overflow:hidden;
		width:420px;
		margin:0; padding:0;
		margin:0 auto;
	}
	form ul li{
		overflow:hidden;
		float:left;
		width:300px;
		margin: 0 10px 4px 0;
	}
	form ul li.nl{ clear:left; }
	form ul li label{
		float:left;
		width:135px;
		text-align:right;
		margin-right:5px;
	}
	form ul li input{
		float:left;
		width:150px;
	}
	textarea{
		width:400px;
		height:70px;
		margin-left:10px;
	}
	input, textarea{
		padding:2px 3px;
		border:1px solid #ccc;
		background:#fff;
	}
	input:hover, textarea:hover{ border-color:#ffcc66; }
	input:focus, textarea:focus{
		border-color:#ccc;
		background:#fff;
	}
	legend{font-weight:bold; font-size:20px; margin-bottom:25px;}
	
	.small{width:100px; margin-right:10px;}
	.error{color:red;}
	.errorcontainer { display: none }
	small{font-size:10px;}