body, html { padding: 0; margin: 0; }
html { overflow-y: scroll; } 
body { 	background-color: #242B35; text-align: center; font: 15px Univers, Arial, Helvetica, sans-serif; color: black; }
img {	border: none; }
.clr { 	clear: both; }
a { 	color: #00437C; }
a:hover { 	color: #CC0000; }
a:active, a:focus {	outline: none;}
p { 	margin: 0 0 10px 0; }
ul { 	margin-bottom: 10px; }
h1 { 	font-size: 20px; margin: 0 0 5px 0; }
h2 { 	font-size: 20px; margin: 0px 0 20px 0; color: #CC0000; font-weight: normal; }
h3 { 	font-size: 15px; margin: 16px 0 6px 0; color: #CC0000;  font-weight: normal; }
h4 { 	font-size: 12px; margin: 16px 0 0px 0; }
hr { 	height: 1px; color: black; background-color: black; border: black; }
.small, .klein { 	font-size: 11px; }
.big, .gross { 	font-size: 15px; }
.right, .rechts { 	text-align: right; }
.fliessl, .fllinks {	float: left; }
.fliessr, .flrechts { 	float: right; }
.marker { 	background-color: #FEFF75; }
.nowrap {	white-space: nowrap; }
form { 	margin: 0; }
form br {	clear: both;}
code {	font-size: 12px; }
.wichtig { background-image: url(../bilder/schraffur2.gif); padding: 0 2px; }

div#container { width: 980px; margin: 0 auto; text-align: left; }
div#wrapper { background-color: white; min-height: 480px; }
div.iconmicam {	background-image: url(../bilder/app-icon-micam.gif); background-repeat: no-repeat; background-position:  top right; }
div.icontestcard {	background-image: url(../bilder/app-icon-testcard.gif); background-repeat: no-repeat; background-position:  top right; }

div#header { margin: 40px 0 4px 0;  }
div#header img.logo { margin-left: 10px; }

div#header ul { padding: 0; margin: 0px 2px 0 0; float: right; list-style-type: none;  }
div#header li { display: inline; margin: 0; padding: 0; }
div#header li a { text-decoration: none; display: block; float: left; border-bottom: none; }

#fullcontent { 	padding: 25px; line-height: 1.4; }
img.iphone { 	margin: 30px 20px 0px 5px; float: left; }
img.iphonetestcard { 	margin: 50px 0px 20px 70px; }

div.slidetestcard { 	margin: 50px 0px 20px 70px; }

div.infotext { 	margin-top: 300px; }
div.slideshow { 	margin: 30px 20px 0px 5px; float: left; }

div#footer { clear: both; width: 980px; color: #97999D; font-size: 11px; padding: 0; margin: 3px auto 20px auto; text-align: left; }
div#footer .copy { float: right; margin-right: 4px; }
div#footer span { padding-left: 4px; }
div#footer a {color: #97999D; text-decoration: none; }
div#footer a:hover { text-decoration: underline; }

dl.faq { }
dl.faq dt { margin: 0; padding: 2px 5px; background-image: url(../bilder/schraffur.gif); }
dl.faq dd { background-image:  url(../bilder/faq-pfeil.gif); background-repeat: no-repeat; margin: 7px 0 0 7px; padding: 16px 0 20px 63px; }

form#faq { margin: 0; padding: 0; }
form#faq fieldset { margin: 0; padding: 0; border: none;	 }
form#faq legend { display: none; }

form#faq fieldset br { 	clear: both; }
form#faq label.inputtext { float: left; width: 60px; padding-top: 5px; margin-bottom: 8px;  }
form#faq input.inputtext { width: 290px; background-image: url(../bilder/inputtext.gif); background-repeat: no-repeat; border: 1px solid white; padding: 6px 6px 7px 6px;  }
form#faq input.inputtext:focus {background-image: url(../bilder/inputtext_f2.gif);  }
form#faq label.textarea { display: block;}
form#faq textarea { 	width: 361px; height: 103px; border: 1px solid white; background-image: url(../bilder/textarea.gif); background-repeat: no-repeat;  font: 14px Univers, Arial, Helvetica, sans-serif; }
form#faq textarea:focus { background-image: url(../bilder/textarea_f2.gif); }
form#faq .inputsubmit { margin-top: 10px; }
form#faq div.error label {	color: #CC0000; font-weight: bold; }
form#faq div.error textarea  {	background-image: url(../bilder/textarea-rot.gif)}
div.fehlermeldung { 	border: 2px solid #CC0000; padding: 5px 10px; margin-bottom: 12px; width: 336px; background-image: url(../bilder/schraffur-rot.gif); }
form#faq input.leer {	display: none; } /* Dieses Input-Feld gibt es nur zum Spamschutz */

img.konurs { 	float: right; margin: 0 0 20px 20px; }

div#livemicam {	background-image: url(../bilder/rahmen.gif); width: 467px; height: 362px; padding: 45px 0 0 43px; background-repeat: no-repeat; float: right; margin-left: 10px; margin: 0; padding-right: 0px; }
div#livemicam h3 { 	margin: 0px 0 4px 0; color: #00437C;  font-weight: normal; }

div#submenue ul { padding: 0; margin: 0px 2px 0 0; list-style-type: none;  }
div#submenue li { display: inline; margin: 0; ; }
div#submenue li a { text-decoration: none; display: block; float: left; border-bottom: none; margin-right: 10px; }
div#submenue h1 { float: left; margin-right: 30px; margin-top: 3px; }

#start {	margin: 50px auto 20px auto;}
