@media screen{
	
	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,font,img,ins,kbd,q,s,samp,small,strike,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td { border:0; font-family:inherit; font-size:100%; font-style:inherit; font-weight:inherit; margin:0; outline:0; padding:0; vertical-align:baseline; }  :focus { outline:0; }  body { background:#FFF; color:#000; line-height:1; }  ol,ul { list-style:none; }  table { border-collapse:separate; border-spacing:0; }  caption,th,td { font-weight:400; text-align:left; }
	strong{font-weight:bold;}
	html,body{}
	
	body{
		font-family: Arial, Helvetica, sans-serif;
		font-size: 12px;
		line-height: 150%;
		background:url(../images/body-bg.jpg);
	}
	
	h2,h3{
		color:#ded9c1;
		font-weight:bold;
	}
	h2{
		font-size:20px;
	}
		h2 span{
			font-size:14px;
		}
	h3{
		font-size:14px;
	}
	a{
		text-decoration:underline;
		color:#ded9c1;
	}
		a:hover{
			text-decoration:none;
		}
	#siteContainer{
		width:100%;
		height:100%;
		position:relative;
		z-index:3;
	}
	
	#head{
		background:url(../images/header-bg.png) no-repeat;
		width:960px;
		height:609px;
		margin:0 auto;
		position:relative;
		z-index:2;
		color:#4B413E;
		padding:20px 0 0;
	}
		#head span{
			float:left;
		}
	#head-expander{
		width:100%;
		height:59px;
		background-color:#eae8d3;
		border-bottom:1px solid #fff;
		position:absolute;
		z-index:1;
	}
	#topnavigation{
		float:right;
		position:absolute;
		right:0px;
	}
		#topnavigation li{
			float:left;
			margin:0 0 0 24px;
		}
		#topnavigation li:first-child{
			margin:0;
		}
		#topnavigation a{
			color:#4B413E;
			text-decoration:none;
		}
			#topnavigation a:hover, #topnavigation a.active{
				text-decoration:underline;
			}
	#branding{
		width:354px;
		height:150px;
		margin:0 auto;
	}
	#branding a{
		display:block;
		width:100%;
		height:100%;
		text-indent:-9999px;
	}
	#navigation{
		font-size:16px;
		margin:0 auto;
	}
		#navigation li{
			float:left;	
			margin:0 20px;
		}
		#navigation li:first-child{
			margin-left:10px;
		}
		#navigation a{
			color:#ded9c1;
			text-decoration:none;
			border-bottom:1px solid #2C1B15;
			display:block;
		}
			#navigation a:hover, #navigation a:active, #navigation a.active{
				color:#cfb85e;
				border-bottom:1px solid #cfb85e;
			}
	#slider{
		width:960px;
		height:388px;
		margin:15px 0 0;
		float:left;
	}
	#contentContainer{
		width:960px;
		margin:0 auto;
		position:relative;
	}
	#content-bottom{
		background:url(../images/content-main-bottom.jpg) no-repeat;
		height:31px;
	}
	#content-main{
		background:url(../images/content-main-bg.jpg) repeat-y;
		width:686px;
		height:100%;
		position:relative;
	}
	.separator-content{
		height:21px;
		width:576px;
		clear:both;
		margin:20px auto;
		background:url(../images/separator-content-main.png) 5px 0px no-repeat;
	}
	#content{
		background:url(../images/content-main-top.jpg) no-repeat;
		min-height:420px;
		width:558px;
		padding:27px 77px 27px 51px;
		color:#ded9c1;
	}
		#content p{
			margin:14px 0 0;
		}
		.content-img{
			border:5px solid #fff;
			float:left;
			display:block;
			margin:0 0 20px;
		}
	#sidebarContainer{
		width:250px;
		position:absolute;
		right:0px;
		top:0px;
	}
	#mittagstisch-teaser{
		width:238px;
		height:161px;
		background:url(../images/sidebar-tafel.jpg) no-repeat;
		font-size:16px;
		color:#fff;
		padding:10px 0 0 22px;
		position:relative;
		overflow:hidden;
	}
	#mittagstischContainer{
		position:relative;
		width:1220px;
		height:85px;
		margin-top:6px;
	}
		#mittagstisch-teaser h2{
			font-size:20px;
			color:#fff;
			border-bottom:1px solid #fff;
			width:80%;
		}
		#mittagstisch-teaser a{
			color:#fff !important;
			border-bottom:1px solid #fff;
			text-decoration:none;
			position:absolute;
			bottom:26px;
			left:20px;
		}
		#mittagstisch-teaser .menu1_1, #mittagstisch-teaser .menu1_2, #mittagstisch-teaser .menu2_1, #mittagstisch-teaser .menu2_2{
			float:left;
			width:228px;
			height:77px;
			position:relative;
			padding:4px 20px 4px 0;
		}
	#sidebar{
		color:#ded9c1;
		font-size:18px;
		margin:11px 0 0 24px;
	}
		#sidebar h2{
			font-size:24px;
			border-bottom:1px solid #ded9c1;
			width:70%;
		}
		#sidebar h3{
			font-size:14px;
			margin-bottom:10px;
		}
		#sidebar small{
			font-size:14px;
		}
		#sidebar p{
			/*margin:0 0 -10px;*/
		}
		#sidebar-telefon{
			background:url(../images/telefon.png) no-repeat;
			padding-left:46px;
			display:block;
			height:23px;
		}
		#speisekarte-button{
			display:block;
			text-indent:-9999px;
			background:url(../images/speisekarte-button.png) no-repeat;
			width:252px;
			height:72px;
			margin-left:-24px;
		}
	#footer-container{
		width:960px;
		margin:0 auto;
	}
	#footer{
		background:url(../images/footer-bg.jpg) #E3DECB repeat-x;
		height:200px;
		width:100%;
		position:relative;
		bottom:0px;
		left:0px;
		float:left;
		clear:both;
		color:#4b413e;
		margin-top:40px;
	}
		#footer h2{
			font-weight:bold;
			font-size:14px;
			color:#4b413e;
		}
		#footer a{
			color:#4b413e;
		}
		#short-imprint{
			margin:29px 0 0 50px;
			width:180px;
			float:left;
		}
		#sitemap{
			margin:29px 100px 0 112px;
			width:320px;
			float:left;
		}
			#sitemap li{
				float:left;
				margin:0 20px 0 0;
			}
			#sitemap li a{
				display:block;
				width:140px;
				color:#4b413e;
				text-decoration:none;
			}
			#sitemap li a:hover, #sitemap li a.active{
				color:#4b413e;
				text-decoration:underline;
			}
		#footer-muehle{
			background:url(../images/footer-muehle.jpg) no-repeat;
			width:147px;
			height:200px;
			float:left;
		}
	
	form.default
	{
		width:312px;
	}
		form.default fieldset
		{
			border:none;
		}
		form.default legend
		{
			display:block;
			width:100%;
			margin:0 0 10px 0;
			padding:20px 0 0 0;
			clear:both;
			font-size:120%;
		}
		form.default label
		{
			width:200px;
			display:block;
			margin:15px 0 5px 0;
			position:relative;
		}
			form.default label.radio
			{
				float:left;
				width:50px;
			}
			form.default label#label-anrede
			{
				float:left;
				width:60px;
			}
			form.default label#label-name
			{
				clear:both;
			}
		form.default input[type=text],
		form.default textarea
		{
			width:300px;
			border:1px solid #ccc;
			padding:5px;
			background:#eee;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			color:#666;
		}
			form.default input[type=text]:focus,
			form.default textarea:focus
			{
				border:1px solid #666;
				color:#000;
			}
	
		form.default input[type=submit],
		form.default input.submit
		{
			border:1px solid #666;
			padding:5px;
			-webkit-border-radius: 2px;
			-moz-border-radius: 2px;
			border-radius: 2px;
			margin-top:10px;
			float:right;
			color:#666;
		}
			form.default input[type=submit]:hover,
			form.default input.submit:hover
			{
				color:#333;
				cursor:pointer;
			}
		form.default .hidden, 
		input[type=hidden]
		{display:none;}
		
		form.default span.errorSpan
		{		
			left:288px;
			top:25px;
			background:url(../images/kontakt/bg-form.png) -4px 0 no-repeat;
			font-weight:normal;
			color:#000;
			padding:6px 0 0 19px;
			position:absolute;
			z-index:80;
			height:15px;
		}
		
			form.default span.errorSpan span.errorMessage
			{
				width:150px;
				display:block;
				position:absolute;
				top:-3px;
				left:26px;
				padding:5px;
				display:none;
				background:red;
			}
			form.default span.errorSpan:hover span
			{
				display:block;
			}
	a#vcard-link{
		text-decoration:none;
		border-bottom:1px solid #DED9C1;
		display:block;
	}
	.requiredIcon{
		text-indent:-9999px;
		display:inline-block;
		width:10px;
		height:10px;
		background:url(../images/kontakt/bg-form.png) -2px -45px no-repeat;
	}
	.triangle{
		width:0; 
		height:0; 
		border-top:7px solid transparent; 
		border-bottom:7px solid transparent;
		border-right:10px solid red;
		border-left:0;
		position:absolute;
		left:19px;
		top:6px;
		display:none;
	}
	.clear-column{
		width:100%;
		clear:both;
		float:none;
	}
	br.clearfix{
	  clear:both;
	  display:block;
	  height:1px;
	  margin:-1px 0 0 0;
	}
	.center{
	}
	.column1{
		width:400px;
		float:left;
	}
	.column2{
		float:left;
		position:absolute;
		z-index:3;
		bottom:70px;
		right:100px;
	}
		.kreide{
			background:url(../images/kreidezeichnung.jpg) no-repeat;
			width:200px;
			height:200px;
		}
	.column3{
		width:338px;
		float:left;
		margin:14px 20px 0 0;
	}
	.column4{
		width:200px;
		float:left;
		margin:14px 0 0;
	}
		.column4 p{
			margin:0 !important;
		}
	.pdfbutton{
		background:url(../images/pdf-button.png) no-repeat;
		width:247px;
		height:69px;
		display:block;
		text-indent:-9999px;
		position:absolute;
		top:30px;
		right:30px;
	}
	.pdfbutton:active{
		top:31px;
	}
	/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:visible;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#000;}

#colorbox{}
    #cboxTopLeft{width:14px; height:14px; background:url(../images/colorbox/controls.png) 0 0 no-repeat;}
    #cboxTopCenter{height:14px; background:url(../images/colorbox/border.png) top left repeat-x;}
    #cboxTopRight{width:14px; height:14px; background:url(../images/colorbox/controls.png) -36px 0 no-repeat;}
    #cboxBottomLeft{width:14px; height:43px; background:url(../images/colorbox/controls.png) 0 -32px no-repeat;}
    #cboxBottomCenter{height:43px; background:url(../images/colorbox/border.png) bottom left repeat-x;}
    #cboxBottomRight{width:14px; height:43px; background:url(../images/colorbox/controls.png) -36px -32px no-repeat;}
    #cboxMiddleLeft{width:14px; background:url(../images/colorbox/controls.png) -175px 0 repeat-y;}
    #cboxMiddleRight{width:14px; background:url(../images/colorbox/controls.png) -211px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:5px;}
        #cboxLoadingOverlay{background:url(../images/colorbox/loading_background.png) center center no-repeat;}
        #cboxLoadingGraphic{background:url(../images/colorbox/loading.gif) center center no-repeat;}
        #cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
        #cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
        #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(../images/colorbox/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
        #cboxPrevious{left:0px; background-position: -51px -25px;}
        #cboxPrevious.hover{background-position:-51px 0px;}
        #cboxNext{left:27px; background-position:-75px -25px;}
        #cboxNext.hover{background-position:-75px 0px;}
        #cboxClose{right:0; background-position:-100px -25px;}
        #cboxClose.hover{background-position:-100px 0px;}
        
        .cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
        .cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
        .cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}



.cufon-loading h2, .cufon-loading #mittagstisch-teaser #mittagstischContainer{visibility: hidden;}


}

@media print{
	body { background:#fff!important; color:#000; font:12pt Georgia, "Times New Roman", serif; quotes:\201E \201C \201A \2018; text-align:justify; }  body,#container { margin:0!important; padding:0!important; width:100%!important; }  h1,h2,h3,h4,h5,h6 { page-break-after:avoid; }  p,address,li,dt,dd { font-size:100%; }  code,pre { font-family:"Courier New", Courier, mono; }  ul,ol { list-style:square; margin-left:18pt; }  li { line-height:1.6em; }  a:link,a:visited { background:transparent; color:#520; font-weight:700; text-decoration:underline; }  [cite]:after { content:close-quote" (Quelle: "attr(cite)")"; }  q:before,blockquote:before { content:open-quote; }  q:after,blockquote:after { content:close-quote; }  #container:after { border-top:1px solid #999; color:#999!important; font-size:.85em; }  a[href]:after,abbr[title]:after,acronym[title]:after { background-color:inherit; color:#369; font-style:italic; }
	
	#navigation, #formwizzard, #topnavigation, form.default, #sidebarContainer, #footer, #head {
		display: none;
	}
	#siteContainer:after {
		content: "\ Alle Rechte vorbehalten. (c) 2010 Oerather Muehle, www.oerather-muehle.de";
	}	
}