@import url(http://fonts.googleapis.com/css?family=Playfair+Display:400,700,700italic);
@import url(http://fonts.googleapis.com/css?family=PT+Serif:400,700,400italic,700italic);

@import url('https://fonts.googleapis.com/css?family=Cabin:400,500,600');

/* Contao Open Source CMS :: Copyright (C) 2005-2012 Leo Feyer :: LGPL license */
body					{margin:0;padding:0;font-size:100.01%;text-align:left;position:relative}





/* Style sheet haupt */
*							{margin:0;padding:0}
body						{background:#FFFFFF center bottom no-repeat; font-family:'PT Serif',Arial,Helvetica,sans-serif;}
body.ie7,body.ie8			{background-image:none}

#wrap						{ position:relative; min-width:100%;  margin:0 auto; border:0px; text-align:left;    z-index:2;  }
#wrap2						{ position:relative;  margin:0 auto; border:0px; text-align:left;    z-index:2;  }
#header						{ position:relative; float:left; left:50px;  top:40px;  padding:40px; min-height:200px;   width:450px; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
.ie7 #header,.ie8 #header	{background-color:transparent}

#container					{ position: relative; float:right; right:50px; width: 450px;   top:40px;      height:auto; padding:40px;  min-height:200px; background-color:#fff;background-color:rgba(255, 255, 255, 0.85); -moz-border-radius: 10px;  border-radius: 10px;  z-index:3; margin-bottom:100px;  }



.ie7 #main,.ie8 #main		{background-color:transparent}


#footer						{position:relative; float:left; left:50px; top:50px;  width:350px;margin-right:auto;margin-left:auto;background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9); padding-bottom:50px; }

#background_full 			{ position:absolute; right:0px; width:54px;  text-align:center; top:0px; text-align:center;  opacity:0.6; z-index:10;}
#background_full:hover 		{ opacity:1;}

#thumb-tray        { z-index:500px;}


#button_anfragen			{ position:absolute; top:-8px; left:150px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
#button_kontakt			{ position:absolute; top:-8px; left:300px; opacity:0.8; width:144px; height:48px; background-image:url(../img/anfragen.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:20px; text-align:center; }
#button_unten		{ position:absolute; top:559px; left:300px; opacity:0.8; width:217px; height:48px; background-image:url(../img/button-unten.png); background-position:top center; background-repeat:no-repeat; color:#FFF; 
padding-top:0px; text-align:center; }

#button_anfragen:hover,  #button_kontakt:hover, #button_unten:hover	{ opacity:1; cursor:pointer;}




/* Style sheet nav */


#header .mod_navigation												{padding-top:40px; }
#header .mod_navigation ul											{position:relative;float:left;list-style-type:none}
#header .mod_navigation li											{position:relative;float:left; width:150px;}
#header .mod_navigation a:link,#header .mod_navigation a:visited{display:block; margin-left:0px;font:14px/20px 'PT Serif',Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:rgba(243, 146, 0, 1); font-weight:400;}
#header .mod_navigation a:hover,#header .mod_navigation a:active,#header .mod_navigation a:focus{color:#5D5D5D}
#header .mod_navigation span.active									{display:block;margin-left:23px;font:1em/1.25em Trebuchet,Helvetica,sans-serif;font-weight:normal;color:#5d5d5d;}
#header p															{  font:11px/20px 'PT Serif',Helvetica,sans-serif;font-weight:normal; color:#666;   }
#header a															{ color:rgba(243, 146, 0, 1); text-decoration:none;  }
#header a:hover														{ color:#5D5D5D; text-decoration:none;  }
#header hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0;}
#header #partner-logos img					{opacity:0.4; filter:alpha(opacity=40); /* For IE8 and earlier */  padding-left:5px;}
#header #partner-logos img:hover			{opacity:1; filter:alpha(opacity=100); /* For IE8 and earlier */ cursor:pointer;}

#button_anfragen a, #button_kontakt a	 				{ font-size:14px; color:#FFF; font-weight:700;  }
#button_anfragen a:hover, #button_kontakt a:hover	 		{  color:rgba(243, 146, 0, 1); }


#sprache															{ position:relative; float:left;  clear:both; padding-bottom:15px;}
#sprache a															{ font:12px/20px 'PT Serif',Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:rgba(243, 146, 0, 1); font-weight:700; }
#sprache a:hover													{ text-decoration:underline;}





/* Style sheet content */

#main h1													{font-size:20px; font-family:'PT Serif',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:18px; margin-bottom:10px;}
#main h1.slogan												{margin-bottom:10px;text-align:left;vertical-align:top}
#main h2													{  font-size:16px; font-family:'PT Serif',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:18px; margin-top:15px; margin-bottom:10px;}
#main p														{ font-size:12px; font-family:'PT Serif',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:18px;}
#main p.klein												{margin-top:0;padding-top:0;font:14px/1.5em 'PT Serif',Helvetica,sans-serif;font-weight:300;color:#000000}
#main a														{color:#000000}
#main a:link,#main a:visited								{font:1em/1.5em Trebuchet,Helvetica,sans-serif;font-weight:normal;color:#000000}
#main a:focus,#main a:hover,#main a:active					{font:1em/1.5em Trebuchet,Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:#000000}

#main a.button		{ width:50%; 
 display:block; color:rgba(243, 146, 0, 1); font-family:'PT Serif',Helvetica,sans-serif; text-align:center;
 background-color:rgba(255, 255, 255, 0.4);	font-size:14px; line-height:20px; padding: 5px;  border-style:solid; border-color:rgba(0, 0, 0, 0.8); border-width:1px;
   -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:0px 25% 10px 25%; width:50%; text-decoration:none; 
}

#main a.button:hover		{ color:rgba(243, 146, 0, 1); background-color:rgba(255, 255, 255, 0.4); border-color:rgba(243, 146, 0, 0.8);
  
}



#main ul													{}
#main ul li													{ font-size:12px; font-family:'PT Serif',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:18px; list-style-type:square; margin-left:15px;}
#main img													{ -moz-border-radius: 10px; border-radius: 10px; background-color:none; background-image:none;}
#main img:hover												{-moz-border-radius: 10px;}

#maindown 													{ position:absolute; float:right;  margin-left:50%; margin-top:25px;}
#maindown .arrow-down										{height:113px;	width:113px;	background-image:url("../img/arrow-bas.png");    bottom: 1px;    display: block;    left: 50%;    margin-left: 0px;    position: absolute;}
#maindown .arrow-down:hover									{background-image:url("../img/arrow-hover.png");}


	
/*------------------------------------------------------------------------------------------------------*/
	
/* PREISLISTE */
   
.preisliste 						{ width:450px;  margin:0px 0 10px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:12px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }
.preisliste thead .tr-even			{ background-color:#666; color:#FFFFFF; height:35px;  padding:5px; text-align:left; font-size:12px;   }
.preisliste thead th				{  text-align:left; padding-left:5px; height:20px; font-weight:normal; border-right-width:1px;  border-right-style:solid;  border-top-width:1px;  border-top-style:solid; border-color:#FFFFFF;  } 
.preisliste th						{  text-align:left; padding-left:5px; height:20px; font-weight:normal; background-color:#666; color:#FFF;    } 
.preisliste h1						{  font-size:18px; text-transform:uppercase; font-family:Arial, Helvetica, sans-serif; color:#FFF;}
.preisliste tr		 				{  margin:0; padding:0px; color:#000000; height:35px; }
.preisliste .tr-even 				{  height:35px;   background-color:#d0d0d0; padding:0px; color:#58585a; font-size:12px;}
.preisliste .tr-odd  				{  height:35px;  background-color:#e7e7e8; padding:0px; border:0; color:#58585a; font-size:12px;}
.preisliste td						{ padding-left:5px; background-color:#d0d0d0;   border-right-width:1px;  border-right-style:solid;  border-top-width:1px;  border-top-style:solid; border-color:#FFFFFF; margin:0; text-align:center;}
.preisliste .td-last  				{  border-right-width:0px;}
	

#wrap2 {    position: relative;    /* min-width: 100%; */    width:100%;    max-width: 1000px;    height: auto;    margin: 0 auto;    padding: 0;    border: 0px;    text-align: center;    z-index: 2;}

#header2 {    position: relative;    float: left;    text-align: center;    /* right: 50px; */   width:100%;    max-width: 1320px;     top: 40px;    height: auto;    padding: 5px 0 0px 0px;     /* min-height: 200px; */    background-color: #fff;    background-color: rgba(255, 255, 255, 0.85);    -moz-border-radius: 10px;    border-radius: 10px;    z-index: 3;    margin-bottom: 100px; }
#header2 .mod_navigation												{padding-top:40px; }
#header2 .mod_navigation ul											{position:relative;float:left;list-style-type:none}
#header2 .mod_navigation li											{position:relative;float:left; width:150px;}
#header2 .mod_navigation a:link,#header .mod_navigation a:visited{display:block; margin-left:0px;font:14px/20px 'Cabin',Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:rgba(243, 146, 0, 1); font-weight:400;}
#header2 .mod_navigation a:hover,#header .mod_navigation a:active,#header .mod_navigation a:focus{color:#5D5D5D}
#header2 .mod_navigation span.active									{display:block;margin-left:23px;font:1em/1.25em Trebuchet,Helvetica,sans-serif;font-weight:normal;color:#5d5d5d;}
#header2 p															{  font:11px/20px 'Cabin',Helvetica,sans-serif;font-weight:normal; color:#666;   }
#header2 a															{ color:rgba(243, 146, 0, 1); text-decoration:none;  }
#header2 a:hover														{ color:#5D5D5D; text-decoration:none;  }
#header2 hr { display: block; height: 1px;
    border: 0; border-top: 1px solid #ccc;
    margin: 1em 0; padding: 0;}


#header2 #sprache a															{ font:12px/20px 'Cabin',Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:rgba(243, 146, 0, 1); font-weight:700; }
#header2 #sprache {    margin-top: 50px;    text-align: center;    width: 100%; }

#container2 {    position: relative;    float: left;    text-align: center;    /* right: 50px; */   width:100%;    max-width: 1000px;     top: 300px;    height: auto;  padding: 40px 0 40px 0px;       /* min-height: 200px; */    background-color: #fff;    background-color: rgba(255, 255, 255, 0.85);    -moz-border-radius: 10px;    border-radius: 10px;    z-index: 3;    margin-bottom: 100px; }


/* Style sheet content */

#main2 h1													{font-size:64px; font-family:'Cabin',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:36px; margin-bottom:10px;}
#main2 h2													{  font-size:24px; font-family:'Cabin',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:24px; margin-top:24px; margin-bottom:10px;}
#main2 p														{ font-size:18px; font-family:'Cabin',Helvetica,sans-serif;font-weight:400;color:#000000; line-height:18px;}
#main2 p.klein												{margin-top:0;padding-top:0;font:14px/1.5em 'Cabin',Helvetica,sans-serif;font-weight:300;color:#000000}
#main2 a														{color:#000000}
#main2 a:link,#main a:visited								{font:1em/1.5em Trebuchet,Helvetica,sans-serif;font-weight:normal;color:#000000}
#main2 a:focus,#main a:hover,#main a:active					{font:1em/1.5em Trebuchet,Helvetica,sans-serif;font-weight:normal;text-decoration:none;color:#000000}

#main2 a.button		{ width:50%;  display:block; color:rgba(243, 146, 0, 1); font-family:'Cabin',Helvetica,sans-serif; text-align:center; background-color:rgba(255, 255, 255, 0.4);	font-size:14px; line-height:20px; padding: 5px;  border-style:solid; border-color:rgba(0, 0, 0, 0.8); border-width:1px;   -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; margin:0px 25% 10px 25%; width:50%; text-decoration:none; }

#main2	li {      line-height: 24px;    text-align: left;    margin: 0 120px 0;}

#main2 a.button:hover		{ color:rgba(243, 146, 0, 1); background-color:rgba(255, 255, 255, 0.4); border-color:rgba(243, 146, 0, 0.8);}
#main2 .preisliste 						{ width:80%;  margin:0px 0 10px 0; padding:0; border:0; border-spacing:0px; border-collapse:collapse; display:inline-table; font-size:18px;  font-family:'PT Serif', Arial, Helvetica, sans-serif;   }
#main2 .preisliste thead .tr-even			{ background-color:#666; color:#FFFFFF; height:35px;  padding:5px; text-align:left; font-size:18px;   }
#main2 .preisliste thead th				{  text-align:left; padding-left:5px; height:20px; font-weight:normal; border-right-width:1px;  border-right-style:solid;  border-top-width:1px;  border-top-style:solid; border-color:#FFFFFF;  } 
#main2 .preisliste th						{  text-align:left; padding-left:5px; height:20px; font-weight:normal; background-color:#666; color:#FFF;    } 
#main2 .preisliste tr		 				{  margin:0; padding:0px; color:#000000; height:35px; }
#main2 .preisliste .tr-even 				{  height:35px;   background-color:#d0d0d0; padding:0px; color:#58585a; font-size:18px;}
#main2 .preisliste .tr-odd  				{  height:35px;  background-color:#e7e7e8; padding:0px; border:0; color:#58585a; font-size:18px;}


#main2  #anfrageformular 		{    position: relative;    margin: 0 auto;    /* float: right; */    text-align: left;    width: 80%;    padding-left: 0px;    border: 0;}
#main2 form#mail 				{     width: 100%;     margin: 0;    /* margin-top: 25px; */    /* padding: 0; */    font-family: 'Cabin', Arial, Helvetica, Sans-Serif; }
#main2 form#mail #col		 	{    width: 48%;       position: relative;    float: left;    min-height: 30px;    margin: 0;    padding: 1%;    font-size: 18px;}
#main2 form#mail #col	input 	{    color: #666;    border-style: solid;    border-width: 1px;    border-color: #666;    width: 100%;    margin: 0px;    font-size: 18px;    line-height: 46px;    height: 46px;    padding-left: 5px;    margin-bottom: 5px;    -webkit-border-radius: 4px;    -moz-border-radius: 4px;    border-radius: 4px;}
#main2 form#mail input#privacy, form#mail input#newsletter, form#mail input#anfrage_typ {    width: auto;    margin-bottom: 10px;    width: 16px;    height: 16px;    vertical-align: middle;    border-style: none;    background-color: #FFF; }
#main2 form#mail #col input#submit {    color: #FFFFFF;    background-color: rgba(227, 6, 19, 0.7);    text-transform: uppercase;  border-color: rgba(227, 6, 19, 0.8); }

#main2 form#mail #col select.small {    width: 48%;    }
#main2 ul													{}
#main2 ul li													{  font-family:'Cabin',Helvetica,sans-serif;}




/* responsive Bilder mit Typo3 anpassen */

figure {    display: block;    -webkit-margin-before: 0em;    -webkit-margin-after: 0em;    -webkit-margin-start: 0px;    -webkit-margin-end: 0px;}



#main2 figure.csc-textpic-image { position:relative; width:50%; float:left;}
#main2  figure.csc-textpic-image img { width:96%; height:auto; padding:2%; min-height:124px; border-radius: 20px;}
#main2  figure.csc-textpic-image a:hover {background-color: transparent; }


		
	
	
	
		
	
	
	
	
	
	
	  
	  
	  
/* =============================================================================
 * 
 * Responsive webdesign 
 *
 * ========================================================================== */

.col50 {width: 50%; float: left;}




/* =============================================================================
 * tablet
 * ========================================================================== */



/* iPad - Landscape 1024x768px */
@media (max-width: 980px) {
#containter, #header {float:left; left:0; clear:both;}

@media (max-width: 690px) {

}
/* iPad - Portrait 768x1024px */
@media (max-width: 768px) {
	
	

}

@media only screen and (min-device-width:768px) and (max-device-width:1024px) and (orientation:portrait){

    #header	{ position:relative; float:left; left:0px;  top:40px;  padding:40px; min-height:200px;   width:300px; background-color:#FFFFFF;background-color:rgba(255, 255, 255, 0.9);   z-index:3 -moz-border-radius: 10px;  border-radius: 10px; z-index:3;  }
	#header .mod_navigation li	{position:relative;float:left; width:80px;}
	
}

@media (max-width: 550px) {

    
    
}

/* =============================================================================
 * phone
 * ========================================================================== */

/* Small tablet 480x640px */
@media (max-width: 480px) {
    #main2 form#mail #col		 	{    width: 90%;  }
	#main2 form#mail #col select.small {    width: 100%;    }
	form#mail #col select.medium { width: 100%;  }
	form#mail #col textarea { width: 100%; }
	
	#main2 li {      margin: 0 50px 0; }
	#main2 h1 {   line-height: 54px; }
}

/* iPhone 320x480px */
@media (max-width: 320px) {

#containter, #header { width:80%; left:0; float:left; clear:both; }
#header p	{  font:11px/20px 'PT Serif',Helvetica,sans-serif;font-weight:normal; color:#666;   }

}

/* Small phone 240x320px */
@media (max-width: 240px) {
#containter, #header {width:80%; left:0; float:left; clear:both;}
}