/* Styles Newsletter form */

table tr td{
/*   border : 1px solid red; */
}

#standortebox{
/*   margin-top: 0px; */
}

form{
/*   border: 1px solid red; */
  text-align: left;
}

iframe{
  position: relative;
  top: -203px;
  left: 14px;
  width: 660px;
  border: none;
}

iframe .fieldset input{
  color: red !important;
}

label { display: none; }

input {
  

	width: 80px; height: 17px; padding: 5px 20px 0px 5px; margin-right: 3px;
	background: #fff;
	-moz-box-shadow: 0px 1px 0px #f2f2f2;-webkit-box-shadow: 0px 1px 0px #f2f2f2;
	font-family: "helvetica", sans-serif; font-size: 14px; color: #008880; text-shadow: 0px 1px 0px #fff; font-weight: bold;
}
	input::-webkit-input-placeholder  {
    	color: #008880; text-shadow: 0px -1px 0px #38506b;
	}
	input:-moz-placeholder {
	    color: #008880; text-shadow: 0px -1px 0px #38506b;
	}




input:focus, textarea:focus { } /* need this later */

/*
input[type=submit] {
	width: 60px; height: 25px; padding: 0px 20px 0 10px; 
	margin-left: -6px;
	-moz-box-shadow: 0px 0px 5px #999;-webkit-box-shadow: 0px 0px 5px #999;
	border: 0px;
	background: -moz-linear-gradient(top, #718DA9 0%, #415D79 100%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#79bbb5)); 
	cursor: pointer;
}
*/



/* styles for index.php 
-----------------------------------------------------*/
#welcome{	
		background-image: url(../art/start-bg.jpg);
		background-repeat: no-repeat;
		margin-top: 2%;
		margin-left: auto; 
		margin-right: auto; 
		text-align:left; 
		width:965px; 
		border: 0px none red;
		height:712px;
		}

#welcome-achter{	
		background-image: url(../art/bg-8ter.jpg);
		background-repeat: no-repeat;
		margin-top: 2%;
		margin-left: auto; 
		margin-right: auto; 
		text-align:left; 
		width:965px; 
		border: 0px none red;
		height:712px;
		}
		
		
#language{
		position: relative;
		top: 150px;
		left:67px;
		width:265px; 
		border: 1px none transparent;
		height:112px;
		line-height: 17px;
		}


#side8ter{
		position: relative;
		top: 130px;
		left:17px;
		width:185px; 
/* 		border: 1px red solid; */
		height:512px;
		line-height: 17px;
		font-size: 11px;
		}
h2 {
  font-size: 16px;
}
.dates{
  margin-top: 20px;
  font-weight: bold;
  line-height: 18px;
}
		
		
.small{ font-size: 11px;
		color: silver; 
		}

.hiddenPreload {display:none;} 		/* preloading at the index.php */	
.opac {filter:alpha(opacity=55); -moz-opacity:0.55; opacity:0.55; -khtml-opacity:0.55;}


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



::selection {background: #bbf1f3;}			/* global overriding default selection color for Safari */
::-moz-selection {background: #bbf1f3;}		/* global overriding default selection color for firefox */




body 		{ font-family: Helvetica; font-size: 12px; color: #432429; }

img			{ border: none; }

a			{ text-decoration: none; outline: none; color: #432429;}	/* hiding selected status in firefox */
a:hover		{ text-decoration: none; color: #0099a9; }
a:active	{ text-decoration: none; color: #0099a9; }
a:visited	{ text-decoration: none; }





#main{			
/*
    background-image: url(../art/bg-de.jpg);
		background-repeat: no-repeat;
*/
		margin-top: 2%;
		margin-left: auto; 
		margin-right: auto; 
		text-align:left; 
		width:965px; 
		height:712px;
		border: 1px none red;
}
.DE{			
    background-image: url(../art/bg-DE.jpg);
		background-repeat: no-repeat;
}		
.EN{			
    background-image: url(../art/bg-EN.jpg);
		background-repeat: no-repeat;
}

#stoerer{
    position: relative;
    left: 231px;
    top: -220px;    
    width: 688px;
    height: 27px;
    background-image: url(../art/nl-stoerer-bg.gif);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #5eb8b8;
    z-index: 99;
    cursor: pointer;

}


#ruderstoerer {
    position: relative;
/*     border: 1px solid red; */
    width:390px;
    height: 99px;
    right: 65px;
    top: 60px;
    float: right;
}
#rudertxt {
    position: relative;
/*     border: 1px solid red; */
    top: 75px; 
    text-align: right ;
    width: 290px;
    height: 20px;
    padding-right: 10px;
}

#achterlogo {
	float: right;
/*   	border: 1px solid green !important; */
  	height: 94px;
  	width: 80px;
}







#stoerer-form{
    position: relative;
    left: 231px;
    top: -220px;    
    width: 688px;
    height: 37px;
/*     background-image: url(../art/nl-stoerer-bg.gif); */
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #5eb8b8;
    z-index: 99;
    cursor: pointer;
    display: none;

}
		
#images{
		position: relative;
		top: 3px;
		left: 3px;
		width: 216px;
		height: 678px;
		float: left;
		border: 1px none red;
		background-color: #5c4032;
		}


#logo{
		text-align: left;
		position: relative;
		top: 38px;
		margin-left: 256px;
		width: 255px;
		height: 45px;
		border: 1px none red;
		
		}		

.logo{
		width:255px;
		height:45px;
		}	

		
.contentwrap{
		position: relative;
		overflow-x: hidden;
		overflow: auto;
		height: 240px;
		border: 1px none red;
		padding-right: 10px;
 }
		
.partner{
    position: absolute;
    top: -75px;
    width: 800px;
    height: 350px;
}


.cell{
    height: 70px;
    width: 160px;
    padding: 5px 5px 5px 0;
    margin: 0 10px 0px px;
    float: left;
    font-size: 11px;
    cursor: pointer;
}

.cell b:hover{
    color: #0099a9;
}

.card{
  display: none;
  position: relative;
  min-width: 200px;
  top: -250px;
  left: -60px; 
  padding: 15px 15px 0 15px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;   
  font-size: 10px;
  letter-spacing: 0.02em;
  color: #333 !important;
  
  background-color: rgb(235,234,230); /* IE nedds this */
  background-image: linear-gradient(bottom, rgb(230,230,230) 100%, rgb(235,234,230) 27%);
  background-image: -o-linear-gradient(bottom, rgb(230,230,230) 100%, rgb(235,234,230) 27%);
  background-image: -moz-linear-gradient(bottom, rgb(230,230,230) 100%, rgb(235,234,230) 27%);
  background-image: -webkit-linear-gradient(bottom, rgb(230,230,230) 100%, rgb(235,234,230) 27%);
  background-image: -ms-linear-gradient(bottom, rgb(230,230,230) 100%, rgb(235,234,230) 27%);
  
  background-image: -webkit-gradient(
  	linear,
  	left bottom,
  	left top,
  	color-stop(1, rgb(230,230,230)),
  	color-stop(0.27, rgb(235,234,230))
  );
  
  /* box shadow for IE8 */
  filter: progid:DXImageTransform.Microsoft.Shadow(color='#969696', Direction=138, Strength=3);
  zoom: 1;

	box-shadow: 1px 1px 10px gray;
  z-index: 5;
}
.card hr{
  position: relative;
  width: 218px;
  margin-left: -9px !important;
  border-top: 1px solid #999;
  border-bottom: 1px solid white;
  border-left: 0px;
  border-right: 0px;
  z-index: 5;

/*   height: 0px; */
}
.close{
  background-image: url(../art/close.gif);
  position: relative;
  width: 8px;
  height: 8px;
  float: right;
  top: -15px;
  left: 5px;
  z-index: 5;
}

.card b{
  font-size: 11px;
  color: #432429;
}

.card img{
  border: 1px solid #999;
  padding: 1px;
  width: 75px;
  height: 90px;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
}

.vcard{
  position: absolute;
  left: 110px;
  top: 45px;
  font-weight: bold;
  color: #0099a9 !important;
}

.vcard a{
  color: #0099a9 !important;

}

/* multicoloumn in standorte */

#coll{

  width: 590px !important;
  height: 355px;
  
  -moz-column-width: 160px; 
  -webkit-column-width: 160px; 
  
  -moz-column-gap: 20px; 
  -webkit-column-gap: 20px; 
}		

	
#content {
		text-align: left;
		position: relative;
		top: 137px;
		margin-left: 256px;
		width: 614px;
		height: 246px;
		border: 1px solid white;
		line-height: 16px;
		}
		
#contact {
		line-height: 16px;
		position: relative;
		top: 183px;
		margin-left: 256px;
		width: 100px;
		height: 30px;
		border: 1px none fuchsia;
		}

.wow{ 								/* for js opacity: avoids flickering at the beginning */
		filter: alpha(opacity=0); 
		-moz-opacity: 0; 
		opacity: 0; 
		} 

td{
    width: 410px;
    vertical-align: top;
    padding-right: 23px;
    padding-bottom: 15px;
    }
    
.unten{
    margin-top: 20px;
}


.pglogo{
	margin-right: 10px;
	margin-top: 2px;
	width: 120px;
	float: right !important;
}
.pglogo en{

	float: left !important;
	
}

/* navigation 
--------------------------------------------*/	
		
#naviContainer {
		line-height: 17px;
		text-align: left;
		position: relative;
		top: 89px;
		left: 43px;
		width: 650px;
		height: 150px;
		border: 1px solid white;
		overflow: hidden;
		}
		
#navi {
		text-align: left;
		position: relative;
		top: 0px;
		margin-left: 0px;
		width: 96px;
		height: 64px;
		border: 1px solid white;
		float: left;
		}
		
	#subnavi2 {
		border-left-color: #432429;
		border-top-color: #c8c9b9;
		border-left-width: 1px;
		border-bottom-width: 1px;
		border-right-width: 1px;
		border-top-width: 1px;
		border-left-style: solid;
		border-bottom-style: none;
		border-right-style: none;
		border-top-style: none;
		
		padding-left: 25px;
		text-align: left;
		position: relative;
		top: 0px;
		margin-left: 3px;
		width: 100px;
/* 		height: 64px; */
		float: left;
		}
		
	#subnavi3 {
		border-left-color: #432429;
		border-top-color: #c8c9b9;
		border-left-width: 1px;
		border-bottom-width: 1px;
		border-right-width: 1px;
		border-top-width: 1px;
		border-left-style: solid;
		border-bottom-style: none;
		border-right-style: none;
		border-top-style: none;
		
		padding-left: 25px;
		text-align: left;
		position: relative;
		top: 0px;
		margin-left: 282px;
		width: 290px;
		height: auto;
		float: inherit;
		}