/*
////////////////////////////////////////////////////////////////
//
// design.css Stylesheet fuer die Inhaltsseiten
// erstellt durch loss.de, 20253 Hamburg, www.loss.de
//
////////////////////////////////////////////////////////////////
*/

/*################################ BODY HTML - Container ################################*/
body {font-size:13px;background-color:#ffffff;margin:0px;padding:0px;width:100%;text-align:center;font-family:arial,helvetica,sans-serif;color:#333333;}
.bodyNoEdit {background-color:#dfe3e6;padding-top:12px;}
html:root .bodyNoEdit {overflow-y:scroll;}/* Show only for Mozilla */

/*################################ Allgemein ################################*/
a {text-decoration: none;}
a:link, a:visited {color:#333333;}
a:focus, a:hover, a:active {color:#333333;}
a img { border:0px;}
form, p, div {margin:0px;padding:0px;}
ul {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
ol {margin-top:0px;margin-bottom:0px;padding-top:0px;padding-bottom:0px;}
.clear {clear: both;}
.center {text-align:center;}
.nostyle  {display:none;}
.style {display:inline;}


/*################################ Schriften ################################*/
p, td  {font-size:13px;font-family:arial,helvetica,sans-serif; color:#333333;line-height:150%;}

h1, h2, h3, h4, h5, h6 {margin:0px; padding:0px;font-family:arial, helvetica, sans-serif;color:#333333;}
h1 {font-size:14px;}
h2 {font-size:13px;}
h3 {font-size:12px;}
h4 {font-size:11px;}
h5 {font-size:10px;}
h6 {font-size:9px;}

/*################################ Layout  border:1px solid #ff0000; ################################*/
#page {width:768px;height:570px;background-color:#ffffff;margin:0px auto 0px auto;}
#topSpace  {width:768px;height:20px;background-color:#42aae1;}
#topPic {width:768px;height:150px;background-color:#ffffff;}

/*################################ Layout-Left ################################*/
#leftColumn {background-color:#ffffff;font-size:10px;margin:0px;width:194px;height:380px;text-align:left;line-height:150%;}

/* Navigation */
#navimenue {text-align:left;margin-top:0px;margin-bottom:10px;}
#navimenue ul {padding:0px;margin:0px;list-style-type: none;font-size:12px;font-family:arial,helvetica,sans-serif;font-weight:normal;}
#navimenue ul li {margin-top:30px;}
#navimenue ul li a {display:block;width:194px;background-color:#42aae1;padding: 2px 0px 2px 20px;} /* width Mac */
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a { width:174px;}
* html #navimenue ul li a { width:194px;} /* Nur IE 5 + 5.5  */
* html b\ody #navimenue ul li a { width:174px;} /* Nur IE 6 + 7  */
}
/* end IE-Mac */
#navimenue li a:link, #navimenue li a:visited, #navimenue a:active {color:#333333;background-color:#42aae1;}
#navimenue li a:focus, #navimenue li a:hover {color:#333333;background-color:#a4dbf7;}
#navimenue li.on a:link, #navimenue li.on a:visited {color:#333333;background-color:#a4dbf7;}
#navimenue li.on a:focus, #navimenue li.on a:hover, #navimenue li.on a:active {color:#333333;background:#a4dbf7;}

/* Sub1 Navigation */
#navimenue ul li#submenue {margin-top:0px;}
#navimenue ul li a.sub1 {display:block;width:194px;background-color:#000000;padding: 2px 0px 2px 39px;border-top:1px solid #ffffff;} /* width Mac */
/* Hide from IE-Mac */
@media all { 
#navimenue ul li a.sub1 { width:155px;}
* html #navimenue ul li a.sub1 { width:194px;} /* Nur IE 5 + 5.5  */
* html b\ody #navimenue ul li a.sub1 { width:155px;} /* Nur IE 6 + 7  */
}
/* end IE-Mac */
#navimenue li a.sub1:link, #navimenue li a.sub1:visited, #navimenue a.sub1:active {color:#333333;background-color:#42aae1;}
#navimenue li a.sub1:focus, #navimenue li a.sub1:hover {color:#333333;background-color:#a4dbf7;}
#navimenue li.on a.sub1:link, #navimenue li.on a.sub1:visited {color:#333333;background:#a4dbf7;}
#navimenue li.on a.sub1:focus, #navimenue li.on a.sub1:hover, #navimenue li.on a.sub1:active {color:#333333;background:#a4dbf7;}
/* Ende Navigation */

/*################################ Layout-Middle background-color:#ff0000; background-color:#00ff00; ################################*/
#middleColumn {font-size:10px;text-align:left;margin:0px;width:574px;background-color:#ffffff;}
#middleColumn a {text-decoration: underline;}
.content {text-align:left;width:514px;height:342px;margin:28px 30px 10px 30px;background-color:#ffffff;}

.appartement td {font-size:11px;}
.appartement p {font-size:11px;}

/*####################### middleColumn / Kontaktformular  ################################*/
.contentFormTable {text-align:left;width:514px;margin:28px 30px 0px 30px;background-color:#ffffff;}
.formTable {text-align:left;width:514px;margin:0px 30px 10px 30px;background-color:#ffffff;}
#formContact {padding:0px;margin: 0px;font-size:13px;}
#formContact .inputs {width:260px;background-color:#ffffff;font-size:13px;margin:2px 0px;border:1px solid #666666;}
#formContact textarea {margin-top:2px;font-size:13px;width:350px;background-color:#ffffff;height:126px;border:1px solid #666666;}
#formContact .sendButton {font-size:11px;color:#333333;width:100px;background-color:#ffffff;border:1px solid #666666;}
#formContact .stern {color:#ff0000}
#formContact .pflichtfeld {font-size:10px;}
#formContact .urlfield   {width:0px;height:0px;overflow:hidden;display:none;}

/*####################### Footer  ################################*/
#footer {font-size:10px;text-align:left;padding-top:3px;width:768px;height:20px;background-color:#ffffff;}
#footer p {font-size:10px;}