body {
margin:0;
padding:0;
}

.clear {
clear:both;
}

p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e19d1c;
}

h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e19d1c;
font-weight:bold;
}

h3 {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
}


td {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

a {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#e19d1c;
}

#topnav {
width:100%;
height:30px;
margin:0;
padding:0;
background-color:#697374;
background-image:url(layout_pics/topnavi_bgr.jpg);
background-repeat:no-repeat;
background-position:center;
}

#toplinks {
width:898px;
height:30px;
margin:0px auto 0px auto;
padding:0;
/*background-color:red;*/
}

#toptext {
float:left;
width:590px;
height:20px;
margin:0px 0px 0px 3px;
padding:3px 0px 0px 0px;
color:#fff;
/*background-color:green;*/
}

#toptext a {
color:#fff;
font-size:12px;
text-decoration:none;
}

#toptext a:hover {
color:#f99d1c;
}

#networks {
float:left;
width:140px;
height:29px;
margin:0;
padding:0;
/*background-color:blue;*/
}

#search {
float:left;
width:165px;
height:29px;
margin:0;
padding:0;
/*background-color:green;*/
}

#main {
width:898px;
margin:0px auto 0px auto;
padding:0;
border-left-width:1px;
border-left-color:#62c7ee;
border-left-style:solid;
border-right-width:1px;
border-right-color:#62c7ee;
border-right-style:solid;
border-bottom-width:1px;
border-bottom-color:#62c7ee;
border-bottom-style:solid;
}

#header {
width:898px;
height:291px;
margin:0;
padding:0;
}

#content {
width:898px;
margin:0;
padding:0;
background-image:url(layout_pics/surfen_headerbottom.jpg);
background-repeat:no-repeat;
background-color:#d5effc;
}

#cont_left {
float:left;
width:190px;
margin:0;
padding:0;
}

#leftnav {
margin:0;
padding:0;
width:178px;
background-image:url(layout_pics/menu_bgr.jpg);
background-repeat:repeat-y;
}

#leftnav ul {
margin:0px 0px 0px 15px;
padding:0px 0px 10px 0px;
list-style:none;
}

#leftnav ul.subnavi {
margin:0px 0px 0px 15px;
padding:0;
}

#leftnav a {
text-decoration:none;
}

ul.navi a {
font-size:15px;
font-weight:bold;
color:#aae0fa;
}

ul.navi a.active {
color:#fff;
}

ul.subnavi a {
font-size:12px;
font-weight:bold;
color:#fff;
}

ul.subnavi a:hover {
color:#f99d1c;
}

ul.subnavi a.active {
color:#f99d1c;
}

#leftnav_bottom {
margin:0;
padding:0;
width:178px;
height:90px;
background-image:url(layout_pics/menu_bgr.jpg);
background-repeat:repeat-y;
}

#leftcontent {
width:168px;
margin:20px 0px 20px -10px;
padding:0px 0px 0px 10px;
}

#cont_middle {
float:left;
width:450px;
margin:0px 0px 20px 7px;
padding:0;
text-align: justify;
}

#cont_right {
float:right;
width:230px;
margin:45px 0px 12px 0px;
padding:0;
}

#footer {
clear:both;
width:898px;
height:45px;
margin:0;
padding:0;
background-image:url(layout_pics/footertext.jpg);
background-repeat:no-repeat;
}

#footer1 {
clear:both;
width:898px;
height:45px;
margin:0;
padding:0;
background-image:url(layout_pics/footertext1.jpg);
background-repeat:no-repeat;
}

#footer_1 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_2 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_3 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_4 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_5 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_6 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_7 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#footer_8 {
float:left;
width:100px;
height:40px;
margin:4px 2px 0px 0px;
padding:0;
}

#twitter {
float:right;
margin-right:10px;
}

/***** CSS PART für POWERMAIL*****/

/* Powermail */
	/* Form */
span.powermail_mandatory {
	/* Color of mandatory star sign */
	color:red;
	font-family:Arial, Helvetica, sans-serif;
}

input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url(/typo3conf/ext/powermail/img/icon_exclamation.gif);
	background-repeat: no-repeat;
	background-position: 98% 1px;
}

div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color:red;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	margin: 3px 0px 0px 0px;
}

/*** Hauptfeld - das mit dem helleren Rahmen***/
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: none;
	padding: 0px;
	position: relative;
	top:0px;
}

/***Formatiert den "Header" -> Text Anfragen am oberen Rand***/
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	visibility:hidden;
	font-weight: normal;
	font-size:0.9em;
	color:#033161;
}

/***Labelnamen - Name - eMail - Anliegen usw. ***/ 
fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width:150px;
	float: left;
	clear: both;
	font-family:Arial, Helvetica, sans-serif;
        font-size:12px;
}

/***Texteingabefelder ***/
fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 375px;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0px 0px -100px;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	margin: 10px 0px 0px 0px;
	font-weight: normal;
}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}

div.countryzone {
	margin: 10px 0 0 200px;
}

div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}

div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}

div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}

/***Das Ding hier färbt normalerweise jede zweite Zeile anders->sieht dann schön nach EXEL Tabelle aus***/
fieldset.tx-powermail-pi1_fieldset div.even {
}

	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
} 

.tx-zwgmap-pi1 {
margin:0px 0px 0px -20px;
}

/***Gästebuch*****/

.tx-veguestbook-pi1 {
width:450px;
margin:20px 0px 0px 0px;
}

.tx-veguestbook-pi1 h2 {
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#e19d1c;
}

.tx-veguestbook-pi1 legend {
display:none;
}

.tx-veguestbook-pi1 fieldset {
border:none;
}

.tx-veguestbook-pi1 .tx-guestbook-field label {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med {
width:350px;
margin:0px 0px 5px 0px;
}

.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea {
width:350px;
margin:0px 0px 5px 0px;
}

.tx-veguestbook-pi1 .tx-guestbook-field span.tx-guestbook-form-obligationfield {
color:#990000;
}

.tx-veguestbook-pi1 p.tx-guestbook-form-error {
font-weight:bold;
color:#990000;
}

.tx-guestbook-pagination {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.tx-indexedsearch {
margin-top: 10px;
}

.spacebook {
padding-left: 15px;
}

/***Shop*****/

.shoplistimg {
float:left;
width:100px;
margin:0;
padding:0;
border-width:1px;
border-color:#62c7ee;
border-style:solid;
}

.shoplisttxt {
float:right;
width:340px;
margin:0;
padding:0;
}

.shoplisttxt1 {
float:right;
width:100%;
margin:7px 0 0 0;
padding:0;
}

.shoplistdate {
width:340px;
margin:0;
padding:0;
}

.shoplisttxt p {
margin:0;
padding:0;
}

.shoplist-morelink {
float:right;
width:340px;
margin:5px 0px 0px 0px;
padding:0;
text-align:right;
}

.news-list-morelink {
visibility:hidden;
}

.shoplistclr {
clear:both;
width:450px;
height:10px;
}

.shopsingle p {
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

#shopsinglepic img {
float:left;
border-width:1px;
border-color:#62c7ee;
border-style:solid;
margin:0px 5px 5px 0px;
padding:0;
}

.shoplistitem {
padding:0 0 30px 0;
}


.tx-zwgmap-pi1 {
width:450px;
margin:0;
padding:0;
}

#zw_gmap_code {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
width:450px;
margin:20px 0px 0px 20px;
padding:0;
border-width:1px;
border-color:#62c7ee;
border-style:solid;
}

#sidebar_zw_gmap_div {
width:0px;
}
