body {margin: 0; padding: 0; font: 13px verdana, arial;color: #444444;}

:focus
{
-moz-outline-style: none;
}

.clearer {clear: both;}
.clear25 {clear: both; margin: 25px 0 25px 0; border-bottom: 1px solid #cdcdcd;}
.clearleft {clear: left;}
.clearright {clear: right;}

.left {float: left;}
.right {float: right;}
.weitere {text-align: right; padding: 0 35px 15px 0; margin-top: -15px;}

.terminclass { padding-left: 20px;}
.newsclass {padding-left: 20px;}

.top {padding-left:15px; float: right;}

.spiegel {margin-bottom: 35px; padding: 10px;}



#main img {float: left; margin: 5px 15px 5px 0; border: none;}
#main img.galleryimg {margin: 10px;}
#main img.rechts {float: right; margin: 5px 0 5px 15px; border: none;}
#main img a {}

#main img.b35 {margin-bottom: 35px;}
#main img.b55 {margin-bottom: 55px;}


h1 {color: #233A41; font: bold 38px 'lucida sans unicode', verdana, arial; margin: 0 0 25px 0;}
h1.showsection{color: #DAD9CE; font: bold 34px 'lucida sans unicode', verdana, arial; margin: 0 0 5px 0; text-transform: uppercase;}

#teaser h1 {font: bold 22px 'lucida sans unicode', verdana, arial; color: #fff}
#search h1 {font: bold 22px 'lucida sans unicode', verdana, arial; color: #fff}

#right-col h1 {font: bold 18px 'trebuchet ms', verdana, arial; color: #008562; margin: 0; padding-left: 30px}
#right-col h2 {font: bold 13px verdana, arial; color: #58777F; margin: 0; padding-left: 30px}

#right-col h1.cat {font: 14px 'lucida sans unicode', verdana, arial; color: #fff; width: 340; height: 32px; margin: 0; padding: 3px 0 0 10px;}


h2 {color: #006144;  font: 12px 'lucida sans unicode', verdana, arial;  margin: 10px 0 10px 0;}

#main h2 {text-transform: uppercase; letter-spacing:3px;}

h3 {margin-top: 30px;}

a {text-decoration: none; color: #DF575F;}
#main a:hover, #right-col a:hover, #footer a:hover {text-decoration: underline;}



/* -----------------------------


	CONTAINER


-------------------------------- */


#wrap {width: 980px; margin: 0 auto; overflow: visible;}

#header {width: 980px; height: 92px;}
#header a {display: block; width: 200px; height: 92px; text-indent: -3000px;}


#menu {display: none;}


#startcontainer {height: 382px; padding: 0 10px 0 0; margin-top: -20px;}

#flashcontainer {color: #fff; border: 2px solid #fff; width: 576px; height: 358px; float: left;}
#teaser {margin-left: 590px; border: 2px solid #fff; height: 308px; width: 266px; color: #fff; padding: 25px 30px;}

*html #teaser {width: 260px;}

#search {margin: 0 0 15px 1px; width: 266px; border: 2px solid #fff; padding: 15px 30px; color: #fff;}

#content {margin: 0 auto; width: 930px; padding: 115px 20px 100px 30px;}

#main {width: 547px; padding-left: 3px; float: left; line-height: 18px;}

#right-col {float: right; width: 340px;}

#lang {color: #ADAEAF; text-align: right; padding: 0 10px 5px 0;}
#lang a {color: #ADAEAF;}

#features {color: #ADAEAF; padding: 0 10px 5px 0;}
#features li {display: inline;}
#features a {color: #ADAEAF;}
#features a:hover {text-decoration: none;}


#footer {width: 920px; height: 68px; padding: 50px 30px 20px 30px; font: 11px verdana, arial; color: #444444; line-height: 16px;}

#footer b {padding-left: 1px;}

#footer table {border-collapse: collapse; width: 330px;}

#dqs {float: right; padding: 5px 0 0 60px; height: 90px; }
#dqs a {color: #444444;}
#dqs a:hover {color: #DF575F; text-decoration: none;}

#copy { padding: 10px 30px 50px 30px; width: 920px; color: #A1A1A1;}
#copy a, #rappid a {color: #A1A1A1;}
#rappid {float: right;}

#map {width: 500px; height: 300px; border: 1px solid #; padding: 0 0 35px 0;}

/* -----------------------------


	CLASSES


-------------------------------- */



.box {margin-bottom: 20px;}

.boxcontent { padding: 15px 0 0 0;}
.boxcontent p {padding: 0 30px 20px 30px;}
.boxcontent .mehrlink {padding: 0 30px 0 30px; margin-top: -30px; float: right;}

.boxbottom {height: 4px;}

.route {margin-bottom: 45px;}

.follow {padding-left: 20px;}
.foto {padding-left: 20px;}
.galerielink {padding-left: 20px; font-weight: bold; color: #fefefe;}

/* -----------------------------


   FORMS


-------------------------------- */

input.searchfield {width: 160px;	margin: 0 3px; padding: 3px 0; border:1px solid #d3d3d3; font-size:14px;}

/* --------------------------

ZEM CONTACT REBORN

--------------------------*/

fieldset {border: none;}

legend em {
	position:absolute;
	left:-9999em;
border: none;
}

legend {display: none;}

.zem_contact_nonce {display: none;}
.zem_contact_form_id {display: none;}

.zemError {padding: 0; margin: 0 0 35px 0; list-style: none;}
.zemError li {color: #DF575F;}

label.zemText{float: left; width: 80px;}

label.zemRadio {display: inline; margin: 0; padding: 0 10px 0 0;}

radio.zemRadio {margin-top: 4px; float: left; padding: 0;}

select.zemSelect {margin: 10px 0; padding: 7px 0;}

input.zemText, textarea.zemTextarea {border:1px solid #d3d3d3;
	font-size:14px;
	color:#000;
	text-indent:7px;
	padding: 7px 0;
	margin-bottom:10px;}

input.zemText, select.zemSelect {width: 300px; }

.zemTextarea {width: 380px;}


.zemSubmit {display: block; margin-left: 5px;}

fieldset label {
	display:block;

	background-image: none;

}



input:focus, textarea:focus {
	border-color:#007B59;
}



/* -----------------------------


	MENU


-------------------------------- */


li:hover ul, li.over ul{ display: block; }

#main ul {margin:0; padding: 0 0 5px 10px;}

#main ul li {float: none; width: 100%; padding: 0 0 0 18px;}


ul.downloadlist {margin:0; padding: 5px 0 25px 25px; background: none; width: 250px;}
ul.downloadlist li {float: none;padding: 5px 0 5px 10px; width: 250px;}

#main ul.downloadlist {padding: 0; width: 450px;}
#main ul.downloadlist li {float: none; display: block; width: 100%; background: none; padding: 5px 15px;}


.download {padding-left: 20px;}



/* -----------------------------


GALLERY


-------------------------------- */

.smd_gallery_nav {clear: both; display: none;}
#main ul.smd_gallery_nav li {display: inline; padding: 0 6px 0 6px; background: none;}

.viewimage {
	margin-left: 40px;
}

.thumb {


	border: 1px solid gray;
}



/*----------------------------------------------------------------------------

formular newsletter subscription

-----------------------------------------------------------------------------*/

#newsletter {padding: 3px 0 15px 25px;}


#newsletter .zemThanks  {font: 12px verdana, arial; color:#D10F0E;}

#newsletter ul.zemError {padding: 0; margin: 10px 0; width: 255px; list-style: none; color:#D10F0E;}

#newsletter ul.zemError li {float: none; width: 100%; padding: 3px 0;}

#newsletter fieldset {border: none; margin: 0; padding: 0;}


#newsletter label {
float: left;
 text-align: left;
}

#newsletter label.zemSubscriberEmail {font-weight: normal; width: 200px; margin-bottom: 5px;}

.zemUnSubscribe {}

#newsletter input {float: left;}

#newsletter input[type=text] {width: 180px;}

#newsletter input[type=hidden] {display: none;}

#newsletter input[type=checkbox]{
width: 20px;
clear: both;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}



#newsletter input.zemSubmit { /* den Submit-Button */
 float: left;
  width: 55px;

}

#newsletter label.zemCheckbox { /* den Submit-Button */
  width: 230px;
}


#newsletter form {
   margin:0;

}