/* IE min-width
-----------------------------------------*/
* html #container { width: '780px'; }


/* General
-----------------------------------------*/
*			{ margin: 0; padding: 0;}
body 		{ font: 0.8em/1.6em Verdana, Arial, Sans-Serif; color:#000033; background: #acd6e0 url("/images/page-tile.jpg") repeat-x; margin:0; padding:0; text-align: center; }
form		{ margin:0; padding: 0;}
img			{ border: 0; }
a			{ white-space: normal }
a:link		{ color: #0033cc; }
a:visited	{ color: #554567; }
a:hover		{ color: #ff6633; }


/* Layout
-----------------------------------------*/
#container { width:780px; margin: 0 auto; text-align: left;}
#container p { text-align: left; line-height: 1.8em; margin: 0 0 1.2em; }
#header	{ width:100%; height:110px; background: #fff url("/images/header1.jpg") no-repeat right top; }
#logo	{ float:left; display:block; padding:20px 0px 0px 45px; }
#content { float: left; background: #fff url("/images/content-tile.gif"); text-align:left; width:100% }


/* Footer
-----------------------------------------*/
#footer	{ float: left;  background: #e0e8e3 url("/images/footer-bg.gif") no-repeat left top; width: 100%; height:32px; font-size: 0.78em; color: #000;}
#footer-inner { background: transparent url("/images/footer-bg.gif") no-repeat right top; height: 32px; }
#footer .copyright { float:left; font-size:11px; margin: 5px 0 0 20px; display: inline; }
#footer .links { float: right; font-size:11px; margin: 5px 20px 0 0; display: inline;}
#footer a:link { color: #000; }
#footer a:visited { color: #000; }
#footer a:hover { color: #ffffff; }


/* Headers
-----------------------------------------*/
h1	{ font: normal 1.45em Arial, Verdana; margin-bottom: 0.2em; }
h2	{ font: bold 1.2em Verdana; margin-bottom: 2px;}
h3	{ font: bold 1.1em Arial;margin-top: 15px; margin-bottom:5px; }
.header-underlined { width: 85%; border-bottom: 1px solid silver; margin-bottom: 10px; margin-top: 15px; }


/* Main Menu
-----------------------------------------*/
#menu { width: 100%; background: #e0e8e3 url("/images/menu/tile.gif") repeat-x; color: #fff; }
#menu ul { height: 35px; margin: 0; padding: 0; list-style: none; }
#menu li { float: left; margin: 0; padding: 0; background-image: none; line-height: normal; text-indent: 0; }
#menu li a, #menu li strong { display: block; height: 35px; float: left; background-repeat: no-repeat; background-position: 0 0; border-width: 0; text-indent: -10000px; text-decoration: none }
#menu li strong { background-position:0 -35px; }
#menu li a:hover { background-position:0 -35px; }

#menu ul { padding:0 30px; }
#m0 a, #m0 strong { width:65px;  background:url("/images/menu/home.gif"); }
#m1 a, #m1 strong { width:115px;  background:url("/images/menu/ferienhaueser.gif"); }
#m2 a, #m2 strong { width:135px; background:url("/images/menu/ferienwohnungen.gif"); }
#m3 a, #m3 strong { width:105px;  background:url("/images/menu/last-minute.gif"); }
#m4 a, #m4 strong { width:95px; background:url("/images/menu/aktivitaeten.gif"); }
#m5 a, #m5 strong { width:115px;  background:url("/images/menu/vermieter.gif"); }
#m6 a, #m6 strong { width:80px;  background:url("/images/menu/kontakt.gif"); }


/* Page 
-----------------------------------------*/
#main-content		{ float: left; width: 100%; background-color: #fff; }
#main-content h1	{ padding: 20px 0 0px 45px; }
#page-content		{ width:480px; margin-left: 230px; padding: 1.8em 20px 0 0; min-height: 400px; background-color: #fff;}
#page-content2		{ width:700px; margin-left: 45px; padding: 1.8em 20px 0 0; min-height: 400px; background-color: #fff;}
#page-content ul	{ margin-left:2em; margin-bottom: 2em }
#page-content ol	{ margin-left:2em; margin-bottom: 2em }
#page-content dt	{ float: left; width: 150px; padding-right: 8px; }
#page-content dd	{ margin:0; margin-bottom: 8px; }
#page-content h1	{ margin-bottom: 15px;  }
#page-content h2	{ margin-bottom: 5px; width: 100%; border-bottom: 1px solid silver; color: #ff6633; font-weight:bold;  }


#page-left-panel	{ float: left; width: 150px; padding: 1.8em 0 0 45px; }
#page-left-panel img { margin-bottom: 5px; border: 2px solid silver; }

/* Home Styles 
-----------------------------------------*/
#home-page-content		{ width:445px; padding: 1.8em 20px 0 45px; min-height: 400px; background-color: #fff; }
#home-right-panel		{ float: right; width: 230px; padding: 1.8em 0 0 0; margin-right: 7px;  }
#home-right-panel h2	{ font-size: 1.1em; width: 220px; background-color: #e0e8e3; padding: 5px; }
#home-right-panel p		{ padding: 5px; margin: 0; }
#home-right-panel ul	{ list-style:none; margin: 0 0 10px 5px;  }
#home-right-panel li	{ margin: 0px; padding: 0; padding-bottom: 5px;}


/* Property List
-----------------------------------------*/
.property-list { height: 100px; padding: 10px; border-bottom: 2px solid #E0E8E3; background-color: #F1F3F2; }
.property-list-img-left { float:left; margin-right: 10px; margin-bottom: 10px; margin-top: 5px; border: 3px solid silver; }
.property-list-img-left:hover {  border: 3px solid white; }
.property-list h2 { font-size: 1.2em; }
.pl-bg-color1 { background-color: #F1F3F2; }
.pl-bg-color2 { background-color: #F8F7F2; }


/* Property Details Page
-----------------------------------------*/
#property-options { font: 0.9em Arial, Sans-Serif; margin: 20px 25px 0 0; float: right; padding: 6px; padding-right: 8px; background-color: #FFFFCC; border:3px solid #FFCC33; }
#property-options li { margin-left: 5px; display: inline; }
#property-options-bottom { text-align: center; margin: 20px 15px 0 230px; width: 460px;; padding: 10px; padding-right: 8px; background-color: #FFFFCC; border:3px solid #FFCC33; }
#property-options-bottom li { list-style: none; }

/* Insurance form
-----------------------------------------*/
#option-box { text-align: center; margin: 20px 15px 0 230px; width: 460px;; padding: 10px; padding-right: 8px; background-color: #e5f9ff; border:3px solid #c7d7dc; }

/* Forms
-----------------------------------------*/
#registration { float: left; width: 95%; }

#registration label, #registration .input-text { display: block; width: 180px; float: left; margin-bottom: 10px; }
#registration label { text-align: right; width: 100px; padding-right: 20px; }
#registration .submit-button { margin-left: 120px; width: 150px; }
#registration br { clear: left; }
#registration fieldset { border: #999 solid 1px; width: 80%; padding: 15px; margin: 0; margin-bottom: 10px; }
#registration legend { font: bold 1.2em Arial; margin-bottom: 2px; padding: 1px 10px; }
#registration p { margin: 10px 0 15px 0 ; padding: 0; border: 0; }


/* Misc
-----------------------------------------*/
.img-right	{ float: right; margin-top: 7px; margin-left: 10px; }
.img-left	{ float: left; margin-top: 7px; margin-right: 10px; }
.date		{ font-size: 0.8em; color: red; margin-bottom:10px; }
hr			{ border: 0px; height: 1px; margin: 5px 0; background-color: silver; margin-bottom: 10px; }
.required   { font-weight: bold; border: 1px solid red; padding:10px; background-color: #F8F8F8;}
.pagerlinks { margin: 8px 0 }
.pagerlinks a { border: 1px solid silver; padding: 1px 3px; text-decoration: none; }
.pagerlinks a.selected { border: 1px solid #4A4A4A; padding: 1px 3px; text-decoration: none; background-color: #E0E8E3; }