﻿/* allgemien */
body { 
background-color:#666666;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-family: Arial, Helvetica, sans-serif;

}
img {
	border: 0;
}

/* typo */
h1 {
	font-size: 12px;
	font-weight: bold;
}
h2 {
    color: #133984;
	font-size: 14px;
	font-weight: bold;
}
h3 {
	color: #76CEFE;
	font-size: 14px;
	font-weight: bold;
}
h4 {
	font-size: 14px;
	line-height: 41px;
	font-weight: normal;
}

/* layout */
#container{
width: 690px;
margin: 0 auto;
text-align: left;
padding-top: 14px;
}
div.clearer {
	clear: both;
	margin: 0; padding: 0;
	font-size: 0;
}

/* header */
#flashheader {
width: 680px;
height: 156px;
margin:0px;
padding:0px;
}

/* navileft */
#navi{
width: 680px;
height: 20px;
background-color:#999999;
font-size: 10px;
font-weight: bold;
color:#FFFFFF;
margin:0px;
padding:0px;
}

#navi a{
 text-decoration:none; color:#ffffff;
}

#navi a:hover {
 text-decoration:none; color:#000000;
}
.activebutton {
 text-decoration:none; color:#76CEFE ! important; 
}

#navi a:focus, #navi a:active {
 text-decoration:none; color:#76CEFE;
}

#navi ul {
margin: 0px 0px 0px 0px;
padding: 5px 0px 0px 4px;

}
#navi li {
margin: 0px;
padding: 0px;
list-style: none;
float: left;
}
/* inhalt */
#content {
width: 680px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
float: left;
}
/* inhaltmain links */
#inhaltlinks {
width:510px;
margin: 10px 0px 10px 0px;
padding: 0px 0px 0px 0px;
text-align: left;
float: left;
font-size: 12px;
line-height: 16px;
border-right: 1px solid #76CEFE;
}
div#inhaltlinks {
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}
#boxlinks {
width:235px;
margin: 0px 0px 0px 5px;
padding: 6px 0px 5px 5px;
float: left;
background-color: #999999;
border: 1px solid #FFF;
}
#boxlinks a{ 
background-color:#76CEFE; 
color:#FFFFFF;
text-decoration:none;
}
#boxlinks a:focus, #boxlinks a:hover, #boxlinks a:active { 
background-color:#76CEFE; 
color:#000000;
text-decoration:none;
}
#boxrechts {
width:235px;
margin: 0px 0px 0px 10px;
padding: 7px 0px 5px 5px;
float: left;
background-color: #999999;
border: 1px solid #FFF;
}
#boxrechts a{ 
background-color: #133984; 
color:#FFFFFF;
text-decoration:none;
}
#boxrechts a:focus, #boxrechts a:hover, #boxrechts a:active  { 
background-color:#133984; 
color:#000000;
text-decoration:none;
}
#boxone {
width:480px;
margin: 0px 0px 0px 5px;
padding: 7px 5px 2px 5px;
float: left;
background-color: #999999;
border: 1px solid #FFF;
}
#boxone ul {
margin: 0;
padding: 7px 0px 5px 15px;
}
#boxone a{ 
background-color: #133984; 
color:#FFFFFF;
text-decoration:none;
}
#boxone a:focus, #boxone a:hover, #boxone a:active  { 
background-color:#133984; 
color:#000000;
text-decoration:none;
}
#boxonetur a{ 
background-color: #76CEFE; 
color:#FFFFFF;
text-decoration:none;

}
#boxonetur a:focus, #boxonetur a:hover, #boxonetur a:active  { 
background-color:#76CEFE; 
color:#000000;
text-decoration:none;

}
.pondrackimg {
  margin:0px 0px 0px 0px;
  padding-left:10px;
  float:right;
}
.pondracktwoimg {
  margin:0px 0px 0px 0px;
  padding-right:60px;
  float:right;
}
.produktimg {
  margin:10px 0px 0px 0px;
  padding:0;
  text-align:right;
  float: right;
  
}
.kunststoffimg {
  margin:10px 0px 0px 0px;
  padding:0;
  float:right;
}
.komplettimg {
  margin:0px 0px 0px 0px;
  padding-left:10px;
  padding-bottom:20px;
  text-align:right;
  float: right;
  
}
.jetskimtext{
  margin:10px 0px 0px 0px;
  padding:20px 0px 0px 0px;
  height: 250px;
}
.produktabschnitt{
  margin:10px 0px 0px 0px;
  padding:20px 0px 0px 0px;
  height: 170px;
  float:none;
}

/*sidebar*/
#sidebar {
width: 155px;
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 8px;
float: left;
}
div#sidebar {
min-height:434px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}

/* newsletter */
#newsletter {
margin:0px 0px 0px 5px;
padding:0px 0px 0px 0px;
font-size:10px;
color:#FFFFFF;
width: 147px;
}
#emailform{
height:35px;
margin:10px 0px 0px 0px;
padding:0px;
}
#email {
width:90px;
height:20px;
background-color:#999999;
border: 1px solid #FFFFFF;
margin:0px;
padding:0px;
}

/* produktenavi */
#produkte {
margin: 30px 0px 0px 5px;
padding: 0px 0px 0px 0px;
font-size: 11px;
font-weight: bold;
}
#produkte ul {
margin: 0px 0px 0px 0px;
padding: 1px 0px 5px 0px;
background-color:#999999;
color:#FFFFFF;
}
#produkte li{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 4px;
list-style: none;
}
#produkte a {
 text-decoration:none; 
 color:#ffffff;
}
#produkte a:hover {
 text-decoration:none;
 color:#000000;
}
#produkte a:active, #produkte a:focus {
 text-decoration:none; color:#76CEFE;
}
/* anfrage */

#anfrage {
padding-top:3px;
padding-left: 0px;
margin:0;
color:#FFFFFF;
line-height:14px;
font-size: 10px;
}
#anfragetext {
color:#FFFFFF;
font-size:9px;
}
#anfrage a {
padding:2px;
margin:0;
font-size:11px;
background-color:#76CEFE; 
 text-decoration:none; 
 color:#ffffff;
}
#anfrage a:hover {
padding:2px;
margin:0;
font-size:11px;
background-color:#76CEFE; 
 text-decoration:none;
 color:#000000;
}
#anfrage a:active, #anfrage a:focus {
padding:2px;
margin:0;
font-size:11px;
background-color:#76CEFE; 
 text-decoration:none; color:#000000;
 }
 


#textimp {
	height: 500px;
	width: 500px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	clear: both;
	font-size: 10px;
	font-style: normal;
	color: #000;
	line-height: 14px;
	}
#textdanke {
	height: 500px;
	width: 500px;
	text-align: left;
	padding: 0px 0px 0px 0px;
	clear: both;
	font-size: 12px;
	font-style: normal;
	color: #000;
	line-height: 14px;
	}	
.csc-mailform input, .csc-mailform textarea {
	width: 20em;
	margin-bottom: 10px;
	border: 1px solid #9b9b9b;
	font-face: Verdana;
	font-size: 11px;
}

#mailformmessage {
	width: 200px;
	background-color:#666666;
    border: 1px solid #FFFFFF;
	color:#FFFFFF;
}


.csc-mailform label {
	text-align: right;
}

.csc-mailform  {
	border: 0px; 
	margin: 0px;
}

.radiob  {
	border: 0px; 
	margin: 0px;
	padding: 0px;
}

.maillabel,  .formlabel {
	display: block;
	float: left;
	text-align: right;
	margin-right: 12px;
	width: 80px;
}

.former {
	padding-left: 92px;
	line-height: 25px;
	width: 300px;
}

.mailfield1 {
	text-align: right;
	margin-right: 300px;
	width: 80px;
	height: 30px;
}


.rot {
	color: #76CEFE;
	font-weight: bold;
}	


#film {
	text-align:center;
	padding-bottom:20px;
}

/* footer */
#footer{
width: 680px;
height: 25px;
background-color: #999999;
font-size: 9px;
font-weight: bold;
color: #FFFFFF;
margin: 0;
padding: 0;
}
#footer a {
 text-decoration:none; color:#ffffff;
}
#footer a:hover {
 text-decoration:none; color:#000000;
}
#footer a:focus, #footer a:active {
 text-decoration:none; color:#76CEFE;
}
#footerlinks {
 float:left; 
 width:470px; 
 margin:0; 
 padding:0;
 } 
#footerlinks ul {
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 5px;
}
#footerlinks li {
list-style: none;
float: left;
}

#footerrechts {
width: 175px;
 padding:0;
 margin:0;
 text-align: right;
 height: 20px;
 float: right;
 } 
#footerrechts ul {
margin: 5px 4px 0px 2px;
padding: 0px 0px 0px 0px;
}
#footerrechts li {
margin: 0;
padding: 0;
list-style: none;
float: left;
}

/*__________________gallery (motools)–––––––––––––––––––*/

.gallery img {
margin:5px;
border:0;
}

.gallery a{
background-color:#999 !important;
}

