@import url(base.css);

body 
{
	background-image: url(../images/bg.gif);
	background-repeat:repeat-x;
	background-position: top;
	font-family: Verdana;	
	font-size: 9pt;
}

a {
	color: #f60;	
	text-decoration: none;
	padding: 3pt;
}

a:hover {
	color: #fff;	
	background-color: #444;	
}

a.imglink,
a:hover.imglink,
a.imglink img,
a:hover.imglink img
{
	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background: none;
}

a.booking 
{
    display:inline-block;
 	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
	text-decoration: none;
	background:none;   
	background-image: url(/images/bookingleft.png);
	background-position: left top;
	background-repeat: no-repeat;
	height: 98px !important;
	
}
a.booking div
{
    display:inline-block;
 	border-style: none;
	border-color: inherit;
	border-width: 0;
	padding: 0;
	margin: 0;
	margin-left: 16px;
	padding-right: 30px;
	padding-top: 8px;
	text-decoration: none;
	background:none;   
	background-image: url(/images/bookingright.png);
	background-position: right top;
	background-repeat: no-repeat;
	height: 90px !important;
}

a:hover.booking  
{
    background-position: left bottom;  
}
a:hover.booking div
{
    background-position: right bottom;  
}

a.booking div span
{
    display:block;
    font-weight: bold;
    background:none;  
}

a.booking div span.line1 
{
    color:#99ccff;
    font-family:Times New Roman;    
    font-size:18pt;
}

a:hover.booking div span.line1 
{
    color:#ABFFAB;
}


a.booking div span.line2
{
    color:#fff;
    font-family:Verdana;
    font-size: 10pt;
    line-height: 12pt;
}

.box 
{
	border-top: 1pt solid #ccc;
	padding: 5pt;
	height: 170px;
}

h3
{
	height: 11.5mm;
	overflow: hidden;
	font-size: 11pt;
	margin-bottom: 0.5mm;
}

div.kontakt_legend 
{
	width: 20mm;
	display: inline-block;
	font-weight: bold;
}

div.adress 
{
	font-weight:bold;	
}

ul.head_navi 
{
	list-style-type: none;
}

ul.head_navi li 
{
	float: right;
	list-style-type: none;
	display: inline;
	margin-top: 10px;
}

ul.head_navi li a 
{
	color: #000;		
	padding: 3pt;
	font-family: Verdana;
	text-decoration: none;		
}

ul.head_navi li a:hover 
{
	background-color: #444;
	color: #fff;
	text-decoration: none;		
}

div.main 
{
	background-image: url(../images/bg-content.gif);
	background-position: top;
	background-repeat: repeat-x;
	background-color: #fff;
	border: 1px solid #444;	
	margin:  0 0 0px 10px;
}


ul.nav_ABC 
{
	list-style-type: none;
	height: 20px;
	margin: 0 0 20px 0;
	padding: 0;
	display: inline-block;
}

ul.nav_ABC li 
{
	float: left;
	list-style-type: none;
	display: inline;
	min-width: 30px;
	height: 20px;
	margin: 0;
	padding: 2.25pt;
}

ul.nav_ABC li a 
{
	color: #000;		
	padding: 4pt;
	font-family: Verdana;
	text-decoration: none;		
	background-color: #444;
	display: block;
	height: 100%;	
	color: #fff;
	text-transform: uppercase;
	text-align:center;
}

ul.nav_ABC li a:hover 
{
	color: #fff;
	background-color: #f60;
	text-decoration: none;
}

ul.nav_ABC li.selected a 
{
	color: #fff;
	background-color: #f60;
}


ul.nav_Base 
{
	clear: both;	
	list-style-type: none;
	margin: 5pt 0 0 0 ;
	padding: 0;
}
ul.nav_Base li 
{
	float: left;
	list-style-type: none;
}
ul.nav_Base li.selected 
{
	background-color: #444;	
	color: #fff;
}

ul.nav_Base li a 
{
	padding:5pt 8pt;
	display:block;
	height: 100%;
	color: #000;
	text-decoration: none;
}

ul.nav_Base li a:hover
{
	background-color: #444;	
	color: #fff;
}

ul.nav_Base li.selected a 
{
	background-color: #444;	
	color: #fff;
}

.nav_sub 
{
	background-color: #444;	
	color: #fff;
	background-image: url(../images/bg-nav.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	padding-bottom: 5pt;
}

.content 
{
	padding: 5pt;	
}

.bottom 
{
	border: 1px solid #444;
	background-color:#444;
	color: #fff;	
	height: 100px;
	margin:  0 0 40px 10px;
}

.bottom ul 
{
	list-style-type: square;	
	padding: 10pt;
	margin-bottom: 10pt;
}
.bottom ul li 
{
	list-style-type: square;
	margin-left:10pt;
	padding-left:0pt;
}

.bottom ul li a 
{
	color: #999;	
	padding-left:0pt;
}

.bottom ul li a:hover 
{
	color: #fff;	
}

.container 
{
	background-image: url(/images/bg-content.gif);
	background-repeat:repeat-x;
	background-color: #fff;
	border: 1px solid #444;
	padding: 5pt;
	margin-bottom: 10pt;
	display:  inline-block;
}

ul.lst-orte 
{
	list-style-type: square;	
	margin: 0;
	margin-left: 20pt;
	display: inline-block;
}
ul.lst-orte li 
{
	list-style-type: square; 
	float: left;
	width: 220px;
	margin:0;
}

.icon32_web span,
.icon32_phone span 
{
	width: 32px;	
	height: 32px;
	display: inline-block;
	background-image: url(/images/icons32.gif);
	background-repeat:no-repeat;
	float: left;
}



.icon32_web   span { background-position: -832px 0px; }
.icon32_phone span { background-position: -832px 0px; }


.icon_web span,
.icon_geo span,
.icon_fax span,
.icon_phone span 
{
	width: 16px;	
	height: 16px;
	display: inline-block;
	background-image: url(/images/icons16.gif);
	background-repeat:no-repeat;
	float: left; 
	margin-right: 4px;
}



.icon_web   span { background-position: -416px 0px; }
.icon_phone span { background-position: -784px 0px; }
.icon_fax   span { background-position: -240px 0px; }
.icon_geo   span { background-position: -464px 0px; }






.reg_form td 
{
	margin: 5pt;
	padding: 2pt;
	vertical-align: middle;
}

.reg_form td.label
{
	font-weight:bold;	
}

input.input,
input.input_plz,
input.input_ort,
textarea.input 
{
	border: 2px solid #fa6;	
	padding: 3pt;
}

input.input:focus,
input.input_plz:focus,
input.input_ort:focus,
textarea.input:focus 
{
	border: 2px solid #f60;	
	background-color:#efefef;
}


input.input ,
textarea.input 
{
	width: 300px;
}
input.input_plz { width: 50px; margin-right: 5pt;}
input.input_ort { width: 231px;}