@import url("reset.css");

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


body{
	  min-height: 100%;
	  height:100%;
	  background:#7a6b2d url(bg/pattern.jpg) top left;
	}


/* Container & Wrapper 
--------------------*/	
#container{
	min-height: 100%;
	position:relative;
	width:920px;
	padding:0 80px 0 80px;
	background: url(bg/shade.png) repeat-y top left;
	margin:0 auto;
	}
#container[id] {  }
*html #container {height: 100%;background:url(bg/shade.gif) repeat-y top left;}

#head, #page, #footer{
	width:auto;
	}

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

#head{ height:329px; margin-top:8px;}

#identity{ 
	margin-top:8px;
	width:256px; height:321px; margin-right:10px; 
	background:url(bg/id_bg.jpg) no-repeat top left;
	}
#vitrine{ width:638px;height:321px;position:relative;margin-top:8px; }

#start {width:656px; margin:24px 10px 155px 0; }	
#leftside{ width:256px; margin:24px 10px 155px 0; }
#content{ width:400px; padding-bottom:155px; margin:30px 0 0 0; }
#rightside{ width:250px; margin: 0 0 155px 0; position:relative; }

#spotlight{ background:url(bg/angebot_rightside.jpg) no-repeat top left; padding: 20px 18px 20px 24px;}
#spotlight a {text-decoration:none }
.corner{ z-index:9; position:absolute; top:-8px; left:8px;}

#footer{  position:absolute; width:890px; bottom:0; height:85px; padding:60px 20px 0 10px; background:url(bg/footer_bg.jpg) repeat-x top left; }

#content table
{
    width:640px; 
    background:#fff; 
    padding: 0px;
    font-size:12px;
    text-align:left;
    vertical-align:middle;
    border-collapse:collapse;
    }
    
#content table td {
	    border: 1px #ffffff solid;
	    padding: 1px 1px 1px 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:25px;
    }
    
#content table th 
{
    font-size:11px;
	    border: 1px #ffffff solid;
	    padding: 1px 1px 1px 5px;
	    -moz-border-radius: 0px 0px 0px 0px;
	    height:25px;
	    color:#6d6c57; 
	    background:#ffffff; 
    }
    
.preise { background:#968a53;color:#fff; }
    

/* Typography 
_________________________________________*/

body{ font-family:Georgia, "Times New Roman", Times, serif; 
	font-size:12px;
	line-height:18px;
	color:#4e4f51;}
	
h1, h2, h3, h4, h5, h6, h2.mainStyle{ font-weight:normal; line-height:24px; }
h1, h2.mainStyle{ font-size:24px; color:#554608; margin-bottom:18px; }
h2{ font-size:12px; font-weight:bold; color:#6d6c57; line-height:20px;}
h3, h4{ font-size:18px; line-height:32px; color:#6d6c57;  float:left; }
h2.mainStyle 
{
    margin-top:23px; 
    display:block; 
    border-bottom:1px solid #999; 
    padding-bottom:5px; 
    font-size:18px;
    color:#999;
}

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; }
	
#leftside{ text-align:right; }
#content{ line-height:20px;}
#content p{ margin-bottom:20px; }

#spotlight .alignright{ margin:0 18px 0 0;padding-bottom:5px; }


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

a:link{ color:#554608; }
a:visited{ color:#5a5541; }
a:hover,
a:visited:hover
a:active{ color:#816b12; }

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

#identity h2 { margin-bottom:0px; font-weight:normal; line-height:24px; }
#identity h2 img{ display:block; margin:45px auto 0 auto; }

ul.sidelinks{	width:80px; float:right; margin:90px 12px 0 0;}
ul.pushit{ margin:110px 12px 0 0; }
ul.sidelinks li{ padding:2px 0 2px 0; }
ul.sidelinks li a{ color:#eeecd8; text-decoration:none; font-size:11px; line-height:12px;}
ul.sidelinks li a:link, 
ul.sidelinks li a:visited{ padding:0 0 0 10px; background:url(ico/quoL_12px_white_a50.png) no-repeat left top; }
ul.sidelinks li a:hover,
ul.sidelinks li a:active{ color:#fff; background:url(ico/quoL_12px_white.png) no-repeat left top; }

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

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

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

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

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

ul#pagenav li{ padding: 4px 5px 4px 0;}
ul#pagenav li a:link, ul#pagenav a:visited { padding-right:15px; 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/quoR_12px_darkgrey.png) no-repeat right 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; }

	.paging
	{
	    clear:both;
		display:block; text-align:center;
		background:none !important;
		width:400px;
		padding:0;
		margin:10px 0;
		}
		.paging li{
			display:inline;
			margin:0 !important;
			padding:0 !important;
			background:none !important;
			float:left;
			}
		.paging li a,
		.paging li span{
			display:inline-block;
			height:25px;
			line-height:25px;
			padding:0 10px;
		    margin:10px 0 0 0 ;
			background:none !important;
			text-decoration:none;
		}
		.paging li span{ color:#fff;background:#ff0000  !important }
		
		
/* 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;
    } 

.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}

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;
	}
	
/* flowplayer
----------------------------------------------*/
#player {display:block;width:638px;height:321px;}


/* pauschalen startseite
----------------------------------------------*/
ul#startPauschalen {display:block; margin-bottom:20px; overflow:hidden}
    
    ul#startPauschalen li{
        background: url(bg/bg_pauschale.png) no-repeat top left;
        font-size:10px;
        width:212px;
        min-height:300px;
        margin-left:6px;
        float:left;
     }
    ul#startPauschalen li h3{
        font-size:14px;
        display:block;
        width:100%;
        margin-top:5px;
    }
    
    ul#startPauschalen li img{
        margin:10px 0 0 -7px;
        border:2px solid #fff;
        width:201px;
        height:110px;
    }
    
    ul#startPauschalen a 
    {
        display:block;
        width:218px;
        text-decoration:none;
        color:#4e4f51;
        padding:0 10px;
     }
     ul#startPauschalen a {color:#4e4f51;}
     .pText{height:145px;}
     .abPreis 
     {
         font-size:25px; 
         position:absolute;
         z-index:10; 
         color:#04b700;
         font-weight:bold;
         margin:10px 0 0 -9px;
         display:block;
         text-align:center;
         width:212px;
      }
     
/* jquery tools
----------------------------------------------*/
.images {
	position:relative;	
	float:left;	
}

.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
}

.slidetabs {
	clear:both;
	display:none;	
}


/* Wetter
----------------------------------------------*/
.wetter_outer{width:210px;margin:0 auto; text-align:center;}
.wetter1 img, .wetter2 img { width:40px; height:40px;text-align:left }
.wetter { font-size:0.8em; clear:both;padding:5px 5px 5px 5px;overflow:hidden; position:relative; z-index:2;}
.wettervorschau { width:80px;float:left;padding:0px 4px 4px 6px;margin:0px 4px 4px 6px;text-align:center; background:#f5f5f5 }
.wInner{border-bottom:1px solid #efefef; padding-bottom:5px;}