@import url(/common/popup.css);
@import url(/css/news.css);
@import url(/css/impressum.css);
@import url(/css/elements.css);


html { margin: 0; }

html, body, td { font-family: Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#27576E; }
body { background-color:#515151; margin:0px; }
img { border-width: 0px }
a { color: #27576E; }
a:link, a:visited, a:active { color:#27576E; text-decoration:underline; }
a:hover { color:#000000; text-decoration:underline; }

h1 { font-size: 16px; color: #FF6E03; font-weight:bold; margin-top: 0; }
h2 { font-size: 14px; }
h3 { font-size: 12px; }
p { font-size: 12px; }

img.alignLeft { float: left; padding: 0 15px 0 15px; }
.clear { clear: left; }

body { text-align: center; }
div.page {
    padding: 0; margin: 0;
    margin-left: auto; margin-right: auto; text-align: left;
    width: 815px;
    background-color: #EAEBEC;
    position: relative;
}

div#tattoo {position:absolute; font-size:10px; margin-top:6px; margin-left:10px}

div#site-head {
    margin: 0;
    height: 184px; width: 815px;
    overflow: hidden;
    background-image: url(images/fuschlsee.jpg);
	background-color: white;
}

div#main-menu { text-align:right; padding-top:5px; padding-bottom: 34px; }
div#main-menu ul { clear: both; margin: 0; padding: 0; list-style-type: none; }
div#main-menu ul li {
    display: inline;
    background-repeat: no-repeat; background-position: right center;
    margin: 0; padding: 0;
    padding-right: 15px; margin-right: 5px; }
div#main-menu ul li.last { background-image: none; }
div#main-menu ul li.active a { color:#FF6E03; }
div#main-menu ul li a { font-weight: bold; color: #27576E; text-decoration: none; }
div#main-menu ul li a:hover { font-weight: bold; color: #FF6E03; text-decoration: none; }

div#sub-menu { width:150px; float: left; }
div#sub-menu ul { list-style-type: none; margin: 0; padding: 0; }
div#sub-menu ul li { text-align: right; margin-bottom:7px; }
div#sub-menu ul li a { font-weight:normal; color: #27576E; text-decoration: none; }
div#sub-menu ul li a:hover { font-weight:normal; color: #FF6E03; text-decoration: none; }
div#sub-menu ul li.active a { color:#FF6E03; }
div#sub-menu ul ul { margin-top: 3px; }
div#sub-menu ul ul li { margin-bottom:0; }
div#sub-menu ul ul li a { font-weight: normal; color: #F38D1E; font-size: 11px; }
div#sub-menu ul li.active ul li a { color: #F38D1E; }
div#sub-menu ul li.active ul li.active a { color: black; }

div#bottom-menu { overflow: hidden; padding-top: 5px; clear: both; height:20px; font-size: 11px; text-align: center; background-color:#808080; color:#FFFFFF; }
div#bottom-menu a { color:#FFCC33; text-decoration:underline; }
div#bottom-menu span.footText { padding-right: 10px; }
div#bottom-menu span.footText a { text-decoration: none; }
div#bottom-menu span.footText a:hover { text-decoration: underline; }

div#content {
    float: right;
    padding-bottom: 40px;
    height:400px; width: 641px;
    border-left: solid 1px #D0DDE3;
    background-repeat: no-repeat;
    background-position: right bottom;
}
/* hack fr nicht-ie */
div#content[id] { height:auto; min-height:400px; }
div#innerContent {
    margin-left: 20px;
    margin-right:30px;
}
div#emopic { width:234px; height:156px; position: absolute; bottom: 24px; border-top:solid 20px #6B6B6B; }
div#emopic img { border-top:solid 1px #FFCC33; }





.fotoalbum div#innerContent { margin-left:0px; margin-right:0px; }
.fotoalbum div.text { margin-left: 20px; margin-bottom: 10px; }

table.formular { border-collapse: collapse; }
table.formular td { border: 1px solid white; }
table.formular td.name { font-size: 11px; color: white; background-color: #43729C;  text-align: right; font-weight: bold; padding-left: 10px; padding-right: 5px; }
table.formular td.field { background-color: #EBEBEB; padding: 3px; border-left-width: 0; padding-left: 6px; }
table.formular td.color { width: 4px; background-color: #c9c9c9; border-right-width: 0; }
table.formular tr.pflicht td.color { background-color: red; }
table.formular td.field input, table.formular td.field textarea { border: 1px solid #31517b; }
table.formular tr.error td.field input, table.formular tr.error td.field textarea { background-color: #5282c6;  }
table.formular tr.checkbox td.field input { border-width: 0; }
table.formular tr.subject td { border-bottom: 10px solid white; }
div#fehler { font-size: 11px; color:white; width: 237px; background-color: #5282c6; border: 1px solid #31517b; padding: 5px; }
div#fehler p { font-size: 11px; margin: 0; }
div#fehler ul { margin: 0; padding: 0; padding-left: 15px; }
div.pflicht { margin-bottom: 10px; }
div.pflicht div { background-color: red; width: 5px; height: 5px; float: left; margin-top: 0px; margin-right: 6px; }