/* Copyright Scientec Internet Applications + Media GmbH - www.scientec.de */

body{margin:0;padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; }
body.foto{overflow:hidden}
table#seite{width:100%; height:100%; border-collapse:collapse; border:0}

div#collage{position:relative; width:320px; height:246px; }
div#collage #k{position:absolute; top:48px; left:85px; width:150px; height:150px; z-index:2 ; border:1px solid #fff; border-color: #fff #333 #333 #fff; }
div#collage #w1{position:absolute; top:0; left:0; width:150px; height:113px }
div#collage #w2{position:absolute; top:0; left:170px; width:150px; height:113px }
div#collage #w3{position:absolute; top:133px; left:0; width:150px; height:113px }
div#collage #w4{position:absolute; top:133px; left:170px; width:150px; height:113px }

table#maps th{ background-color:#ddd; font-size:0.8em}

td#logo,td#kopf,td#nav2{border:1px solid #333; padding:0;}
td#logo{ font-size:20px; width:200px; height:100px; background-color:#E3DDBB; border-width:0 1px 1px 0; padding:0px}

td#kopf{ vertical-align:bottom; background-color:#EAE7CE; border-width:0 0 1px 0; background-image: url(../images/kopf.jpg); background-position:0 -5px}
div#nav1{border-top:1px solid #333; background-color:#D5CC99;}
#nav1 table{border-collapse:collapse}
#nav1 td{padding:0; font-size:0.8em}
#nav1 a{ text-decoration:none; color:#000; padding:0 20px; border-right:1px solid #333; }
#nav1 a:hover{background-color:#F2EFDF }
#nav1 a.an{background-color:#F2EFDF; }

td#nav2{background-color:#D5CC99; border-width:0 1px 0 0; vertical-align:top}
td#nav2 table{background-color:#CDC285; border:1px solid #fff; border-color: #fff #A39543 #A39543 #fff; margin:10px 10px 0 10px;width:180px; border-collapse:collapse}
td#nav2 table td{ padding:0; vertical-align:top; font-family:Arial, Helvetica, sans-serif}
td#nav2 table a{font-size:0.70em;display:block; color:#333; text-decoration:none}
td#nav2 table td.i{width:30px}
td#nav2 table td.i a{padding:3px 1px 3px 3px}
td#nav2 table td.t a{padding:3px 0px 3px 3px}
td#nav2 table a span{display:block; font-size:1.0em; font-weight:bold; font-family:Verdana, Arial, Helvetica, sans-serif; color:#000}
td#nav2 table a img{border:1px solid #666; border-color:#A39543 #fff #fff #A39543 }
td#nav2 .an{ background-color:#F2EFDF}
td#nav2 .an a{ }

td#inhalt{padding:20px; vertical-align:top; font-size:13px}
td#inhalt a{color:#CC3300}
td#inhalt p{margin-top:0.5em}
td#inhalt h1{font-size:1.6em;color: #C0B367;}
td#inhalt h2{font-size:1.3em;color: #C0B367; margin-bottom:0.6em}
body#ferienwohnungen td#inhalt img{float:right; margin-left:20px; border:0; margin-bottom:10px; border:1px solid #fff; ; border-color: #ccc #333 #333 #ccc}
body#ferienwohnungen td#inhalt h2{clear:right;}
body#ferienwohnungen td#inhalt h2 a{color:#333}
table#main{width: 100%; border-collapse:collapse}
table#main td{padding:0; vertical-align:top}

td#text{font-size:13px }
td#text td{font-size:12px }
td#text th{font-size:12px }
td#text div.rand{}
div.kurzbeschreibung{ border-bottom:1px solid #ccc; }
div.preise table{ border:1px solid #666; width:100%; background-color:#fff}
div.preise table th{ background-color:#D5CC99; color:#fff  }
div.preise table td{ background-color:#F9F8EE; }
div.preise table th.preis{ width:100px }
div.preise table td.preis{ text-align:center }

td#fotos{width: 170px; text-align:right;font-size:11px }
td#fotos div{ margin-bottom:2px; text-align:right;width:150px; margin-left:15px}
td#fotos img{ border:1px solid #333; border-color: #ccc #333 #333 #ccc}
td#fotos a{width: 154px;display:block; color: #333; padding:0;text-align: center; text-decoration:none; margin-bottom:5px}
td#fotos a:hover{ color:#c00; }