/* Minimal CSS */
* { margin:0; padding:0;}
html, body { height:98%; }
#wrap { min-height:98%; }
/* IE Win only \*/
* html #wrap { height:98%; }
#footer { height:25px; margin-top:-2em;}

/* Styling */
body { font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 70%; color:#000;}
#wrap { width:854px; margin:0 auto; margin-top:20px;}
#header { background-color:black; color:white; padding:1em; }
#content { padding: 0 0 4em 0; /* unteres padding in der Hoehe des footers vermeidet Ueberlappung */ }
#footer { width:854px; margin-left:auto; margin-right:auto;  color:#666; font-size:90%;}


#logo a{ background-image: url('images/logo_top.png'); width:109px; height:76px; background-repeat:no-repeat; float:left;}
#logo_bottom { background-image:url('images/logo_bottom.png'); width:109px; height:57px;}
div#logo_bottom, div#logo a, a { behavior: url(css/iepngfix.htc) }

/*
* html b\ody #logo_bottom{
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo_bottom.png', sizingMethod='crop');
	width:109px; height:57px;
}
*/
#main_navigation { float: left; width: 744px; height: 76px; }

#headerIMG_home { background-image: url('../upload/panorama_01.jpg'); width: 853px; height: 200px;}
#headerIMG_rsv { background-image: url('../upload/panorama_02.jpg'); width: 853px; height: 200px;}
#headerIMG_service { background-image: url('../upload/panorama_03.jpg'); width: 853px; height: 200px;}
#headerIMG_tarife { background-image: url('../upload/panorama_04.jpg'); width: 853px; height: 200px;}
#headerIMG_specials { background-image: url('../upload/panorama_05.jpg'); width: 853px; height: 200px;}
#headerIMG_kontakt { background-image: url('../upload/panorama_06.jpg'); width: 853px; height: 200px;}
#headerIMG_news { background-image: url('../upload/panorama_07.jpg'); width: 853px; height: 200px;}

#breadcrumb { float:left; width: 793px; height: 19px; background-color: #00a651; color: #fff; font-size: 90%; padding: 5px 0 0 5px;}
#sitemap {float:left; width:55px; height:19px; background-color:#00a651; color:#fff; font-size:90%; padding: 5px 0 0 0;}

#left_column {float: left; width: 380px; margin-top: 15px;}
#middle_column { float: left; width: 270px; margin-left: 12px; margin-top: 15px;}
#right_column { float: left; width: 180px; margin-left: 11px; margin-top: 15px;}
#large_column { float: left; width: 660px; margin-top: 30px; /*margin-right: 50px;*/}
#news_jahre { float:left; width:60px; padding-top:50px;}

h1 { margin: 0 0 15px 0; padding: 0; font-size: 120%; }
h2 { margin: 0 0 15px 0; padding: 0; font-size: 100%; }
h3 { margin: 0 0 2px 0; padding: 0; font-size: 100%; }
a { text-decoration: underline; color: #000; }
a:hover { text-decoration: underline; color: #000; }
ul{margin:5px; list-style:inside;}
ol{margin-left:22px;}

.clear { clear: both; }
.green { color: #00a651; }
.border_green {	border-color: #00a651;}
.border_white {	border-color: #fff;}
.uppercase { text-transform:uppercase; }
.pic_float { clear: both; float: right;	margin-left: 10px; margin-bottom: 10px;}
.padd_left {padding-left:49px;}

.link_line { text-decoration: underline; }
.link_line:hover { text-decoration: underline; }
.link_ohne { text-decoration: none; }
.link_bread { text-decoration: none; color:#fff; }
.link_bread:hover { text-decoration: underline; color:#fff; }
.link_footer { text-decoration: none; color:#666;}
.link_footer:hover { text-decoration: underline; color:#666;}


.box_header { background-color:#00a651; color:#fff; padding:3px; font-weight:bold;}
.box_content {background-color: #e9e9e9; color: #333; padding:3px; min-height: 1em; height: auto !important; height: 100%; }
.boxOLDleft { float:left; width:65px;}
.boxOLDright { float:left; width:105px;}

/* VERKAUFSSTELLEN */
.pic_verkauf { float:left; padding: 2px 10px 2px 0; width:100px; }
.toggle_verkauf { width:455px; clear:left; padding-top: 5px;}
table { border:none;}

/* KONTAKT */
form#kontakt {width:470px;}
form#kontakt fieldset {width:450px; display:block; padding:5px; color:#555;}
form#kontakt legend {margin-bottom:10px;}
form#kontakt label {display:block; float:left; width:60px; line-height:1.5em;}
form#kontakt .border {border:1px solid #999;}
form#kontakt .width {width: 365px;}
form#kontakt textarea {width:425px; height:12em; overflow:auto;}
form#kontakt #button1, form#kontakt #button2 { background:#999; color:#fff; cursor:pointer; width:205px; padding:3px;}
form#kontakt #button1:hover, form#kontakt #button2:hover {background:#666; color:#fff;}
form#kontakt .fehler {color: #FF0000;}
.toggle_kontakt { width:100%; clear:left; padding: 5px 0 0 18px;}

/* TABLE*/
.rowHead{ clear:left; background-color: #f2f2f2; font-weight: bold; width:100%; border-bottom: 1px solid #00a651; padding: 0 0 0.1em 0.2em; margin-top:1.0em; }
.reihe_line {clear:left; width: 100%; border-top: 1px solid #00a651; padding: 5px 0 2px 2px;}
.reihe_noLine {clear:left; width: 100%; padding: 5px 0 2px 2px;}
.field_1 { float:left; width: 70%;}
.field_2 { float:left; width: 30%; }
/*field für news*/
.field_3 { float:left; width: 12%;}
.field_4 { float:left; width: 87%; }

/* NEWSLETTER */
form#newsletter {width:470px;}
form#newsletter fieldset {width:450px; display:block; padding:5px; color:#555;}
form#newsletter legend {color:#555; padding:5px;}
form#newsletter label {display:block; float:left; width:70px; line-height:1.5em;}
form#newsletter input {width:350px; border:1px solid #999; margin-bottom: 5px;}
form#newsletter #button1 { background:#999; color:#fff; cursor:pointer; width:auto; padding:3px;}
form#newsletter #button1:hover {background:#666; color:#fff;}
form#newsletter .fehler {color: #FF0000;}