/* CSS RESET */
*																			{ margin: 0; padding: 0;}
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; vertical-align: baseline; background: transparent;}
html, body 																	{ min-height: 100%; height: auto; height: 100%;}
ol, ul 																		{ list-style: none;}
blockquote, q 																{ quotes: none;}
blockquote:before, blockquote:after, q:before, q:after						{ content: ''; content: none;} /* remember to highlight inserts somehow! */
ins 																		{ text-decoration: none;}
del 																		{ text-decoration: line-through;} /* tables still need 'cellspacing="0"' in the markup */
table 																		{ border-collapse: collapse; border-spacing: 0;}

@media screen, projection {	
/* ---------------------------------------------------- */
/* --------------------- STANDARDS -------------------- */
/* ---------------------------------------------------- */
/* Revision: AD, Jens Bayer --> 22.09.2011, Version 2.2 */

body									{ background:url(../images/bg-body.png) 0 0 repeat; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; color: #2c2c2c; line-height: 150%; font-size: 76%;}
p 										{ font-size: 1em; line-height: 140%;}
ul 										{ list-style:none;}
a, a:visited							{ text-decoration: underline; color: #39291a;}
a:hover	 								{ text-decoration: none; color: #39291a;}
/* a:hover img	 						{ -moz-opacity: 0.85; opacity: 0.85; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=85)"; filter: alpha(opacity=85);} */
.float-left								{ float:left;}
.float-right							{ float:right;}
.hidden									{ display:none !important; text-indent:-9999px;}
.clear									{ clear: both; font-size: 0.0001em; line-height: 0.00001em;}
:focus 									{ outline: 0;} /* remember to define focus styles! */
.noM									{ margin:0 0 0 0!important;}
.noML									{ margin-left:0!important;}
.noMR									{ margin-right:0!important;}
.noP									{ margin:0 0 0 0!important;}
.noPL									{ margin-left:0!important;}
.noPR									{ margin-right:0!important;}

.MR35									{ margin-right:35px;}
.red						{ color:#B92017 !important;}

/* ----------------- */
/* - LAYOUELEMENTS - */
/* ----------------- */

/* GENERAL */
div#container-big 	   				{background:url(../images/bg-container-big.jpg) 50% 0 no-repeat; font-size:16px;}
div#container 	 	   				{background:url(../images/bg-container.jpg) 50% 0 no-repeat; font-size:16px;}

div#container-big  div#header							{ width:960px; margin:0 auto; position:relative; height:752px;}
div#container div#header							{ width:960px; margin:0 auto; position:relative; height:606px;}


div#contentMain	 					{ width:960px; margin:0 auto; padding:20px 0 0 0;}

/* HEADER */

#container div#header a.facebook				{ position:absolute; top:409px; right:132px; width:42px; height:42px; display:block; text-indent:-9999px; background:url(../images/bg-facebook.png) 0 0 no-repeat;}

#container-big div#header a.facebook				{ position:absolute; top:555px; right:132px; width:42px; height:42px; display:block; text-indent:-9999px; background:url(../images/bg-facebook.png) 0 0 no-repeat;}


div.deal-box						{ position:absolute; top:312px; left:0; height:176px; width:257px; background:url(../images/deals/bg-deals.jpg) 0 0 no-repeat;}
div.deal-box.Box02					{ left:272px;}

div.deal-box h3						{ position:absolute; top:5px; left:8px; font-size:16px; font-weight:bold; color:#fff; text-shadow: #000 2px 2px;}
div.deal-box img {
	padding-left:4px;
	padding-top:31px;
}

div.deal-box a.deal-a						{ position:absolute; bottom:3px; left:4px; width:249px; height:30px; display:block; text-indent:-9999px; background:url(../images/deals/deals-link.png) 0 0 no-repeat; }
div.deal-box a.deal-a:hover				{ background:url(../images/deals/deals-link.png) 0 -30px no-repeat; }



#container #contentMain div.deal-box2						{height:176px; width:257px; background:url(../images/deals/bg-deals.jpg) 0 0 no-repeat #3e2b1c; margin-right:14px;}
#container #contentMain div.deal-box2 h3 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
    text-shadow: 2px 2px #000000;
    text-transform: none;
	margin-bottom:0 !important;
}
#container #contentMain div.deal-box2 img					{padding-left: 4px;border:none;}
#container #contentMain div.deal-box2 img:hover				{ border:none;}

#container #contentMain .deal-wrapper						{ width:257px; float:left; margin-right:15px; margin-bottom:30px;}
#container #contentMain .deal-description					{ background:#ddd; border:1px dashed #666; border-top: none; padding:5px;}
#container #contentMain .deal-description p					{ margin-bottom:5px;}



#container-big #contentMain div.deal-box2						{height:176px; width:257px; background:url(../images/deals/bg-deals.jpg) 0 0 no-repeat #3e2b1c; margin-right:14px;}
#container-big #contentMain div.deal-box2 h3 {
    color: #FFFFFF;
    font-size: 16px;
    font-weight: bold;
    padding: 6px;
    text-shadow: 2px 2px #000000;
    text-transform: none;
	margin-bottom:0 !important;
}
#container-big #contentMain div.deal-box2 img					{padding-left: 4px;border:none;}
#container-big #contentMain div.deal-box2 img:hover				{ border:none;}

#container-big #contentMain .deal-wrapper						{ width:257px; float:left; margin-right:15px; margin-bottom:30px;}
#container-big #contentMain .deal-description					{ background:#ddd; border:1px dashed #666; border-top: none; padding:5px;}
#container-big #contentMain .deal-description p					{ margin-bottom:5px;}

.p-small		{ font-size:12px;}



/* FOOTER */
div#footer							{ background:url(../images/bg-footer.jpg) 50% -27px no-repeat; font-size:16px;}
div#footerMain						{ width:960px; height:396px; margin:0 auto; position:relative; background:url(../images/bg-footer.jpg) 50% -27px no-repeat;}

div.adress-box						{ position:absolute; top:130px; left:0; width:290px;}
div.adress-box.Box02				{ left:375px;}
div.adress-box h4 {
    color: #B81F17;
    font-size: 22px;
    margin-bottom: 5px;
    text-transform: uppercase;
}

div#footerMain a.druck			{ position:absolute; top:306px; left:0; width:93px; height:23px; display:block; text-indent:-9999px; background:url(../images/bg-druck.png) 0 0 no-repeat;}
div#footerMain a.druck:hover	{ background:url(../images/bg-druck.png) 0 -23px no-repeat;}

/* IMPRINT */
dd		{ margin-bottom:14px;}
dl		{ margin:40px 0;}
#euroweb				{ margin-bottom:30px;}

/* ----------- */
/* - CONTENT - */
/* ----------- */

div.contentColumn 	 						{ width:300px; float:left;}
div.contentColumn.double					{ width:600px;}

div#contentMain p							{ margin-bottom:15px; line-height:20px;}
div#contentMain p strong					{ font-weight:bold;}

/* CONTENT */
div#contentMain ul 							{ float:left; margin:0 15px 15px 0; width:257px;}
 /* gfx-li's */
div#contentMain ul li						{ padding:4px 5px 5px 28px; line-height:20px; background:url(../images/bulletpoint.gif) 5px 7px no-repeat #d1362a; margin-bottom:10px; float:left; color:#fff;-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; width:230px; }
div#contentMain ul li:hover					{ background-color:#c52e22; }
#datenschutzerklaerung div#contentMain ul li{ width: 918px; }
#datenschutzerklaerung div#contentMain ul   { width: 934px; }

/* definition-list */
dl											{ margin:0 0 15px 0;}
dl dt										{ float:left; width:160px; font-weight:bold;}

/* IMAGES */
div#contentMain img							{ padding:1px; border:1px solid #000; margin: 0 0 15px 0;}
div#contentMain img:hover					{ border:1px solid #fff;}
img.imgR 									{ float:right; margin:5px 0 20px 20px;}
img.imgL 									{ float:left; margin:5px 20px 20px 0;}

#kontakt div.contentColumn img,
#impressum div.contentColumn img			{ border:none!important; padding:0!important;}
#kontakt div.contentColumn img:hover,
#impressum div.contentColumn img:hover		{ border:none!important;}

/* G-MAPS */
body#standort iframe						{ margin-bottom:40px;}
div#content-address a {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF;
    display: block;
    font-size: 1.2em;
    padding: 9px 13px 11px !important;
	text-decoration:none;
}
div#content-address a:hover				{ background:#333;}

/* HEADLINES */
h1											{ position:absolute; top:23px; left:18px;}
h1 span										{ display:block; text-indent:-9999px; overflow:hidden;}
div#contentMain h2 							{ font-size:32px; margin-bottom:38px; text-transform:uppercase;} /* Use em if you are not using Cufon */
div#contentMain h3 							{ font-size:22px; color:#b92017; margin-bottom:10px; text-transform:uppercase;} /* Usec em if you are not using Cufon */


/* --------------- */
/* - NAVIGATIONS - */
/* --------------- */

/* NAVIGATION WITH BG-IMG */
#container-big ul#nav {
    left: -10px;
    position: absolute;
    top: 614px;
    width: 993px;
}

ul#nav {
    left: -18px;
    position: absolute;
    top: 467px;
    width: 993px;
}

ul#nav li									{ display:inline; float:left;}
ul#nav li a									{ display:block; text-indent:-9999px; height:105px;}

li#nav-01 a, 
li#nav-01 a:hover							{ background: url(../images/bg-nav.jpg) 0 0 no-repeat; width:171px;}
li#nav-01 a.active, 
li#nav-01 a:hover							{ background: url(../images/bg-nav.jpg) 0 -105px no-repeat;}

li#nav-02 a, 
li#nav-02 a:hover							{ background: url(../images/bg-nav.jpg) -171px 0 no-repeat; width:203px;}
li#nav-02 a.active, 
li#nav-02 a:hover							{ background: url(../images/bg-nav.jpg) -171px -105px no-repeat;}

li#nav-03 a, 
li#nav-03 a:hover							{ background: url(../images/bg-nav.jpg) -374px 0 no-repeat; width:134px;}
li#nav-03 a.active, 
li#nav-03 a:hover							{ background: url(../images/bg-nav.jpg) -374px -105px no-repeat;}

li#nav-04 a, 
li#nav-04 a:hover							{ background: url(../images/bg-nav.jpg) -508px 0 no-repeat; width:182px;}
li#nav-04 a.active, 
li#nav-04 a:hover							{ background: url(../images/bg-nav.jpg) -508px -105px no-repeat;}

li#nav-05 a, 
li#nav-05 a:hover							{ background: url(../images/bg-nav.jpg) -690px 0 no-repeat; width:303px;}
li#nav-05 a.active, 
li#nav-05 a:hover							{ background: url(../images/bg-nav.jpg) -690px -105px no-repeat;}

/* ADDITIONAL NAVIGATIONS */
ul#nav-add  		   					{ position:absolute; top:120px; right:0;}
ul#nav-add li	   						{ display:inline; float:left; margin-left:21px;}
ul#nav-add li a							{ display:block; text-transform:uppercase; text-decoration:none; color:#000; font-size:16px; font-weight:bold;}
ul#nav-add li a:hover,
ul#nav-add li a.active					{ text-decoration:underline;}

}

/* --------- */
/* - PRINT - */
/* --------- */

@media print {
@charset "utf-8";
/* CSS PRINT */
body										{ font-size: 76%; font-family: Verdana; color: #000; line-height: 150%;}

ul#nav, #nav-add
form.Form									{ display: none;}

.clear										{ clear: both; font-size: 0.0001em; line-height: 0.00001em;}

h1   										{ font-size:0.0001em; color:#fff;}
h1 img										{ margin-bottom:30px;}
h2											{ margin-bottom:20px; font-size:25px; text-transform:uppercase; color:#f20000;}
h2 strong									{ color:#f20000;}
h3											{ margin-bottom:15px; font-size:18px; color:#f20000;}
h3 strong									{ color:#f20000;}	


.imgR 										{ float:right; margin:5px 0 20px 20px; border:1px solid #000;}
.imgL 										{ float:left; margin:5px 20px 20px 0; border:1px solid #000;}
/*div#contentMain a[href]:after 	{ content:" <"attr(href)">"; color: #888; font-style:italic; size:80%;} <-- Use for showing Links below images*/

p 											{ font-size: 1em; line-height:150%; margin-bottom:15px;}
p strong									{ color:#f20000;}
a, a:visited								{ text-decoration: none; color: #f20000;}

ul li										{ padding-left:20px; list-style-type:circle; list-style:inside;}
dl											{ width:300px; margin-bottom:15px; float:left; line-height:20px;}
dl dt										{ font-weight:bold; width:60px; float:left;}
dl dd										{ width:240px;}

}

.vcard			{ border:none !important;}


/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
	border-bottom: 6px solid #ccc;
}

.mobilelink{display:none!important;}