@import url("reset.css");

/* Site Structure
_________________________________________*/
html, #form1
{
  min-height: 100%;
  width:100%;
  height: 100%;
}


body{
	  min-height: 100%;
	  height:100%;
	  background:#fdfdfd url(bg/bg.png) repeat-x;
	}


/* Container & Wrapper 
--------------------*/	

#Print_footer, #Print_header { display:none;}

#container{
	min-height: 100%;
	position:relative;
	width:970px;
	padding:0;
	margin:0 auto;
	}
#container[id] {  }
*html #container {height: 100%;}

#head, #footer{
	width:auto;
	}

#identity, #vitrine, 
#leftside, #content, #rightside,
#colophone {
	float:left; 
	}

#head{  margin:0;background:#f7f7f7;}

#content{width:970px;background:#fff;margin:0 0 0 0; font-size:14px; }
    #subnav{ width:152px; float:left; padding:0 0 42px 8px;}
    #rightside{ float:left; width:810px; margin: 3px 0 42px 0;padding: 0 0 30px 0; }
    .contentleft { float:left;width:330px;padding:0 85px 0 0}
    .contentright {float:left;width:362px;padding:0 28px 0 0}
    .contentwide { width:562px;padding:0 28px 0 0 }
    .article { width:562px;clear:both;margin-bottom:22px;overflow:hidden}

#divider{ width:970px; height:10px; padding:0; background:url(bg/dazwischen.png) no-repeat top left; }

#footer{ width:970px; height:196px; padding:0; background:url(bg/footer.png) no-repeat top left; }
    #functions{ width:128px; height:146px; float:left; padding:30px 0 0 32px;}
    #anfrage{ width:251px; height:196px; float:left; padding:0; position:relative;}
    #anfrageinner{ color:#fff; background:url(bg/anfrage.jpg) no-repeat top left; width:221px; height:215px; top:-27px; left:0; padding:8px 15px 0px 15px; position:absolute;}
    #kontakt{ width:250px; height:186px; float:left; padding:10px 20px 0 20px;}
    #pauschale { position:relative; width:229px; height:157px; float:left; padding:29px 20px 10px 20px;}
    #pauschale div { position:absolute; bottom:10px; right:10px; width:219px; text-align:right; margin: 5px 10px 0 0 }

#rightside  ul
{
    margin:0px 10px 20px 10px !important;
    }
    
#rightside  li
{
    margin:0px 10px 0px 10px !important;
    padding:0px 00px 0 20px !important;
    background:url(ico/nav.gif) no-repeat 0px 3px !important;
    line-height:18px !important;
    }
  
.contentwide  table
{
    background:#fff; 
    padding: 0px;
    text-align:left;
    vertical-align:middle;
    border-collapse:collapse;
    line-height:normal;
    }
    
.contentwide  table td {
	    border: 1px #ffffff solid;
	    padding: 3px 3px 3px 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
    }
    
.contentwide  table th 
{
    font-size:11px;
	    border: 1px #ffffff solid;
	    padding: 1px 1px 1px 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:35px;
	    background:#f7f7f7;
	    vertical-align:bottom;
	    line-height:normal;
    }
    
.preise { background:#dae0e4;color:#515151;width:100px;text-align:center;vertical-align:middle; }
.preise1 { background:#d3dadf;color:#515151;width:300px; }

.preise3 { background:#dae0e4;color:#515151;padding:5px; }
.preise4 { background:#d3dadf;color:#515151;padding:5px; }
    

/* Typography 
_________________________________________*/

body{ font-family:"Times New Roman", Georgia, Times, serif; 
	font-size:13px;
	line-height:18px;
	color:#515151;}
	
h1, h2, h3, h4, h5, h6{ font-weight:normal; line-height:24px; }
h1{ font-size:34px; color:#f4811f; margin:24px 0 24px 32px; }
h2{ font-size:12px; font-weight:bold; color:#6d6c57; line-height:20px;}
h3, h4{ text-transform:uppercase; font-size:16px; margin:2px 0 2px 0 }

p{ margin-bottom:16px; }

.alignright{ float:right; width:auto;  }
.alignleft{ float:left; width:auto; }

.big{ font-size:24px; }
.green{ color:#04b700; }
.small { font-size:10px; }
	
#content{ line-height:20px;}
#content p{ margin-bottom:20px; }


/* List & Link
--------------------*/

a:link{ color:#f4811f;text-decoration:none; }
a:visited{ color:#f4811f; }
a:hover,
a:visited:hover
a:active{ color:#4e4f51; }

#content a:link{ color:#f4811f; }
#content a:visited{ color:#f4811f; }
#content a:hover,
#content a:visited:hover
#content a:active{ color:#4e4f51; }
#content ul li { display:block;height:100%;line-height:26px;background:url(ico/quoHor_9px_darkgrey.png) no-repeat left 7px;padding-left:15px }

#functions ul {}
#functions ul li{ padding:2px 0 2px 0; }
#functions ul li a{ color:#515151; text-decoration:none; font-size:13px; line-height:12px;}
#functions ul li a:hover, #functions ul li a:active, #functions ul li a.aktiv{ color:#b4b8bb;  }

a#de:link, a#de:visited{ padding:0 0 0 23px; background:url(ico/flag_de.png) no-repeat left center; }
a#de:hover, a#de:active, a.aktiv#de{ background:url(ico/flag_de_a36.png) no-repeat left center; }

a#eng:link, a#eng:visited{ padding:0 0 0 23px; background:url(ico/flag_en.png) no-repeat left center; }
a#eng:hover, a#eng:active, a.aktiv#eng{ background:url(ico/flag_en_a36.png) no-repeat left center; }

a#ita:link, a#ita:visited{ padding:0 0 0 23px; background:url(ico/flag_ita.png) no-repeat left center; }
a#ita:hover, a#ita:active, a.aktiv#ita{ background:url(ico/flag_ita_a36.png) no-repeat left center; }

a#slo:link, a#slo:visited{ padding:0 0 0 23px; background:url(ico/flag_slo.png) no-repeat left center; }
a#slo:hover, a#slo:active, a.aktiv#slo{ background:url(ico/flag_slo_a36.png) no-repeat left center; }

a#impressum:link, a#impressum:visited{ padding:0 0 0 23px; background:url(ico/ico_impressum.png) no-repeat 7px center; }
a#impressum:hover, a#impressum:active{ background:url(ico/ico_impressum_a36.png) no-repeat 7px center; }

a#sitemap:link, a#sitemap:visited{ padding:0 0 0 23px; background:url(ico/ico_sitemap.png) no-repeat 4px center; }
a#sitemap:hover, a#sitemap:active{ background:url(ico/ico_sitemap_a36.png) no-repeat 4px center; }

a#wetter:link, a#wetter:visited{ padding:0 0 0 23px; background:url(ico/ico_sonne.png) no-repeat 4px center; }
a#wetter:hover, a#wetter:active{ background:url(ico/ico_sonne2.png) no-repeat 4px center; }

a#events:link, a#events:visited{ padding:0 0 0 23px; background:url(ico/ico_events.png) no-repeat 5px center; }
a#events:hover, a#events:active{ background:url(ico/ico_events2.png) no-repeat 5px center; }

a#printen:link, a#printen:visited{ display:block; margin-bottom:23px; padding:0 0 0 23px; background:url(ico/ico_print.png) no-repeat 5px center; }
a#printen:hover, a#printen:active{ background:url(ico/ico_print_a36.png) no-repeat 5px center; }

ul#pagenav li{ padding: 5px 0 7px 0;line-height:normal;}
ul#pagenav li a:link, ul#pagenav a:visited { padding-left:24px; color:#959597; text-decoration:none; background:#fff; }
ul#pagenav li a:hover, 
ul#pagenav li a:active, ul#pagenav li a.act{ color:#545556; background:url(ico/nav.gif) no-repeat 5px center; }

a.more-link{ color:#4e4f51; width:auto; float:left; padding:20px 15px; background:url(ico/quoHor_9px_darkgrey.png) no-repeat left center;}
a.more-link:hover, a.more-link:active{ text-decoration:none; color:#959597; }

#spotlight ul{ margin-bottom:15px; }
#spotlight ul li{ padding:0 0 0 8px; background:url(ico/bullet_4px_olive.png) no-repeat left 7px; }

.orange { color:#f4811f; }
.orangensoft { color:#f2caa8; }

#pauschale div { color:#f4811f; }
.preis { font-size:30px; font-weight:bold;line-height:normal; }
#pauschale a:link, #pauschale a:visited{ padding:0 0 0 19px; background:url(ico/nav2.png) no-repeat 5px center; }
#pauschale a:hover, #pauschale a:active{ background:url(ico/nav21.png) no-repeat 5px center; }

a.pauschalenlink:link, a.pauschalenlink:visited, a.pauschalenlink:visited{ text-decoration:none; display:block; padding:0 0 0 19px; color:#f4811f !important; }
a.pauschalenlink:hover, a.pauschalenlink:active  { text-decoration:none;  color:#b4b8bb !important;  }

a.links:link, a.links:visited{ padding:0 0 0 19px; background:url(ico/nav3.png) no-repeat 5px center; }
a.links:hover, a.links:active{ background:url(ico/nav31.png) no-repeat 5px center; }

.article img { border:1px solid #b4b8bb;padding:9px }

/* Forms & Controllers
_________________________________________*/

#route { clear:both; background:#f0f0f0 url(bg_slideshow1.gif) no-repeat bottom left;padding:30px;width:570px;margin-top:20px;}

.input_route 
{
    float:left; 
    border:1px solid #937a62; 
    width:150px; 
    padding:2px 0px 0px 5px; 
    background:url(route_01.gif) no-repeat;
    height:17px;
    } 

#function_submit { color:#592600; margin:10px 0 0 0; border:0; background:url(button1.png); width:221px; height:43px; padding:0 0 6px 0}
.tb_functions {border:1px solid #cccccc; height:18px; width:198px}

.tb_standard {border:1px solid #c0c0c0; height:18px; }
.ddl {width:50px;border:1px solid #c0c0c0; }
.tb_textbox  {width:385px;border:1px solid #c0c0c0 }
.validatorCalloutHighlight {  height:18px; background:#ff0000;border:1px solid #ff0000; color:#ffffff}
.validatorCalloutHighlight2 {  height:18px; background:#fff;border:1px solid #ff0000; }

html body * span.clear,
html body * div.clear,
html body * li.clear,
html body * dd.clear
{
	background: none;
	border: 0;
	clear: both;
	display: block;
	float: none;
	font-size: 0;
	list-style: none;
	margin: 0;
	padding: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}



/* deprecated 
----------------------------------------------*/
#bottomshade{
	width:1064px;
	margin:0 auto;
	min-height:80px;
	background:url(bg/bottomshade.png) no-repeat top left;
	}