html {
width: 100%;
height: 100%;
margin: 0;
padding: 0;
overflow: auto;
}

a:focus {
	outline:none;
}

body {
width: 100%;
margin: 0;
padding: 0;
overflow: hidden;
font-family: helvetica;
/*
background-attachment:scroll; 
background-image:url("img/bg_small.jpg");
background-repeat:no-repeat;
background-position:center;        */
}

#bg {
width: 100%;
height: 100%;
position: fixed;
}

#ContentFrame {
min-height: 450px; 
width: 820px;
position:absolute;
top: 50%;
left: 50%;
margin-left: -410px;
margin-top: -250px; 
z-index: 2;   
overflow: auto;
}

#content { 
background-image:url("img/content_bg.png");
background-repeat:repeat-y;
background-position:center;  
float:left;
min-height: 450px; 
width: 820px;  
}                                                                                                                

#text {
  float:left;
  width: 760px;
  margin-top: 20px;
  margin-left: 30px;
  font-size: 14px;
}                                                                                                                 

#textL {
  float:left;
  height:400px;
  width: 760px;
  margin-top: 20px;
  margin-left: 30px;
  font-size: 14px;
  overflow: auto;
}

#text p {
text-align: justify;
}

#TextFrame {
  float:left;
  width: 780px;
  margin-top: 20px;
  margin-left: 30px;
  font-size: 14px;
}

#WebcamFrame {
  float:left;
  width: 600px;
  margin-top: 20px;
  margin-left: 90px;
  font-size: 14px;
}

#WebcamFrame img {
  width: 640px;
  height: 480px;

}

#nav
	{
	font-size: 14px;
	font-family: Verdana;
	position:absolute;
  width:820px;
  top: 50%;
  left: 50%;
  margin-left: -410px;
  margin-top: -280px; 
  z-index: 3;
	color: #000000;    
	}   
		
#nav a
	{
	text-align: center;
	display:block;
	border: 1px solid #000000;
	white-space:nowrap;   
	margin:0;
	padding: 0;
  width: 120px;
  height: 22px;
  background-image:url("img/menu_hover.png");
  background-repeat:no-repeat;
  background-position: center;  
  text-decoration: none;
  color: #000000; 
  line-height: 160%;   
	}
  
#nav p
	{    
  line-height: 160%;   
	text-align: center;
	display:block;
	border: 1px solid #000000;
	white-space:nowrap;   
	margin:0;
	padding: 0;
  width: 120px;  
  height: 22px;
  background-image:url("img/menu_hover.png");
  background-repeat:no-repeat;
  background-position: center;
  margin-top: -1px;    
	} 
  
#nav ul li ul li p {
text-align:left;
padding-left: 10px;
  width: 180px;
}
  
#nav ul li ul li a {
  width:180px;
  text-align:left;
  padding-left: 10px;
  margin-top: -1px;
}
  
#nav a:hover {
text-decoration: underline;
}

#nav p:hover {
text-decoration: underline;
}

#nav ul
	{
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:120px;
  margin-left: 14px;	/* width of all menu boxes */
	/* NOTE: For adjustable menu boxes you can comment out the above width rule.
	However, you will have to add padding in the "#menh a" rule so that the menu boxes
	will have space on either side of the text -- try it */
	}

#nav li
	{
	position:relative;
	min-height: 1px;		/* Sophie Dennis contribution for IE7 */
	vertical-align: bottom;		/* Sophie Dennis contribution for IE7 */
	}

#nav ul ul
	{
	position:absolute;
	z-index:500;
	top:auto;
	display:none;
	padding: 1em;
	margin:-1em 0 0 -1em;
	}

#nav ul ul ul
	{
	top:0;
	left:100%;
	}

div#nav li:hover
	{
	cursor:pointer;
	z-index:100;
	}

div#nav li:hover ul ul,
div#nav li li:hover ul ul,
div#nav li li li:hover ul ul,
div#nav li li li li:hover ul ul
{display:none;}

div#nav li:hover ul,
div#nav li li:hover ul,
div#nav li li li:hover ul,
div#nav li li li li:hover ul
{display:block;}

#footer {
background-image:url("img/footer.png");
background-repeat:no-repeat;
background-position: center top;
float:left; 
height: 75px; 
width: 820px;
z-index: 2;
overflow: auto;
}

#footer div {
  float: left;
  width: 780px;
  margin-left: 20px;
  border-top-width: 1px;
  border-top-style: solid;
  border-top-color: #000000;
}

#fb {
float: right;
width:35px;
height:35px;
background-image:url("img/fb.png");
background-repeat:no-repeat;
background-position: center;
margin-right: 15px;
margin-top: 6px;
} 

#yt {
float: right;
width:35px;
height:35px;
background-image:url("img/yt.png");
background-repeat:no-repeat;
background-position: center;
margin-right: 15px;
margin-top: 5px;
}  

/*#vit {
float: right;
width:129px;
height:32px;
background-image:url("img/vit.png");
background-repeat:no-repeat;
background-position: center;
margin-right: 15px;
margin-top: 7px;
}*/

#vit {
float: right;
width:32px;
height:32px;
background-image:url("img/vit.png");
background-repeat:no-repeat;
background-position: center;
margin-right: 15px;
margin-top: 7px;
}


#impressum {
float: left;
text-decoration: none;
color: #000000;
font-size: 11px;
margin-left: 5px;
margin-right: 10px;
}

#impressum:hover {
text-decoration: underline;
}

#contactText {
  float: left;
  width: 380px;
}

#startseite p {
width: 450px;
text-align: justify;
float: left;
}

#startseite img {
float: right; 
width:250px;
height:250px;
margin-right: 50px;
margin-top:30px;
} 

#wetterstation p {
width: 450px;
text-align: justify;
float: left;
}

#wetterstation img {
float: right; 
height:189px;
width:250px;
margin-right: 50px;
}

#onlinewetter p {
width: 470px;
text-align: justify;
float: left;
}

#onlinewetter img {
float: right; 
width:230px;
height:121px;
margin-right: 50px;
margin-top:40px;
}

#m24 p {
width: 460px;
text-align: justify;
float: left;
}

#m24 img {
float: right; 
width:245px;
height:240px;
margin-right: 50px;
margin-top:20px;
} 


#m12 p {
width: 405px;
text-align: justify;
float: left;
}

#m12 img {
float: right; 
width:301px;
height:237px;
margin-right: 50px;
margin-top:40px;
}    


#zubehoer p {
width: 580px;
text-align: justify;
float: left;
}

#zubehoer img {
float: left; 
margin-left: 50px;
margin-top:-30px;
}    

#zubehoer h4 {
margin-bottom: 5px;
float: left;
width: 750px;
}

#zubehoer .zpic{
width: 400px;
} 

#sensoren p {
width: 750px;
text-align: justify;
float: left;
}

#sensoren img {
float: left; 
margin-left: 50px;
margin-top:-10px;
margin-bottom: 20px;
}    

#sensoren h4 {
margin-bottom: 5px;
float: left;
width: 750px;
}

#sensoren .zpic{
width: 400px;
}

#solutions iframe {
margin-left: 130px;
margin-top: 30px;
}   

#solutions h1 {
font-size: 20px;
margin-left: 30px;
}    

#contactText h1 {
font-size: 18px;
}

#contactText p {
text-align: justify;
}

#contactForm {
  width: 380px;
  height: 500px;
  float: right;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #000000;
  margin-right: 10px;
}

#contactForm table{
width: 380px;
border: 0px; 
  border-spacing: 0px; 
  border-collapse: collapse;
  margin-left: 10px;
}

#contactForm textarea {
resize:none;
outline: none; 
margin-top: 10px;
width: 200px;
height: 120px;
}

#contactForm input {
outline: none;
float: left;
width: 200px;
margin-top: 0px;
margin-bottom: 0px; 
font-size: 12px;
}

#contactForm td {
font-size: 12px;
}

#contactForm tr td.textareaText { 
vertical-align: top;
margin-top: 10px;
float: left;

}

#contactForm tr {
height:24px;
}

#contactForm tr td p {
margin-left: 157px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 10px;
} 

#contactForm tr td input.btn {
margin-left: 157px;
margin-top: 0px;
margin-bottom: 0px;
font-size: 12px;
font-weight: bold;
}

/*
    ColorBox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:800px; height:100%; display:block; border:0;}

/* 
    User Style:
    Change the following styles to modify the appearance of ColorBox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#fff;}
#colorbox{}
    #cboxTopLeft{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat 0 0;}
    #cboxTopCenter{height:25px; background:url(../../img/colorbox/border1.png) repeat-x 0 -50px;}
    #cboxTopRight{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat -25px 0;}
    #cboxBottomLeft{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat 0 -25px;}
    #cboxBottomCenter{height:25px; background:url(../../img/colorbox/border1.png) repeat-x 0 -75px;}
    #cboxBottomRight{width:25px; height:25px; background:url(../../img/colorbox/border1.png) no-repeat -25px -25px;}
    #cboxMiddleLeft{width:25px; background:url(../../img/colorbox/border2.png) repeat-y 0 0;}
    #cboxMiddleRight{width:25px; background:url(../../img/colorbox/border2.png) repeat-y -25px 0;}
    #cboxContent{background:#fff; overflow:hidden;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:#fff url(../../img/colorbox/loading.gif) no-repeat 5px 5px;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
  The following provides PNG transparency support for IE6
  Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
*/
.cboxIE6 #cboxTopLeft{background:url(../../img/colorbox/ie6/borderTopLeft.png);}
.cboxIE6 #cboxTopCenter{background:url(../../img/colorbox/ie6/borderTopCenter.png);}
.cboxIE6 #cboxTopRight{background:url(../../img/colorbox/ie6/borderTopRight.png);}
.cboxIE6 #cboxBottomLeft{background:url(../../img/colorbox/ie6/borderBottomLeft.png);}
.cboxIE6 #cboxBottomCenter{background:url(../../img/colorbox/ie6/borderBottomCenter.png);}
.cboxIE6 #cboxBottomRight{background:url(../../img/colorbox/ie6/borderBottomRight.png);}
.cboxIE6 #cboxMiddleLeft{background:url(../../img/colorbox/ie6/borderMiddleLeft.png);}
.cboxIE6 #cboxMiddleRight{background:url(../../img/colorbox/ie6/borderMiddleRight.png);}

.cboxIE6 #cboxTopLeft,
.cboxIE6 #cboxTopCenter,
.cboxIE6 #cboxTopRight,
.cboxIE6 #cboxBottomLeft,
.cboxIE6 #cboxBottomCenter,
.cboxIE6 #cboxBottomRight,
.cboxIE6 #cboxMiddleLeft,
.cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}

#recaptcha_image > img{
height:46px;
width:150px;
} 

#recaptcha_image{
height:46px;
width:150px !important;
}
#recaptcha_response_field{
width:150px !important;
} 

.recaptcha_image_cell{
width:150px !important;
}
.recaptcha_only_if_image{
visibility: hidden !important;
} 

#recaptcha_logo {
visibility: hidden !important;
width: 0px !important;
}

#recaptcha_tagline {
visibility: hidden !important;
width: 0px !important;
}  

#recaptcha_table {
width: 160px !important;
float:right;
} 

#honeypot {
display:none;
}