<style type="text/css">
body {
}
a:link { text-decoration:none; font-weight:bold; color:#FF6600; }
a:visited { text-decoration:none; font-weight:bold; color:#FF6600; }
a:hover { text-decoration:none; font-weight:bold; color:#000000; }
a:active { text-decoration:none; font-weight:bold; color:#000000; }
a:focus { text-decoration:none; font-weight:bold; color:#000000; }


.legende {	position:absolute; top:10px; left:10px;
			padding:1px;
			border:double 3px #3366CC;
			background-color:#0099FF;
			color:#99CCFF;
						
}
#legende_text {font-variant:small-caps; font-size:18px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;}



.hauptfeld {position:absolute; 
			top:20px; left:90px;
			width:650px;
			padding:10px;
			border:solid 3px #3366CC;
			background-color:#99CCFF;
		min-height: 400px;
}

.inhalt{ position: relative; top:25px; 
}

/* class "Inhalt"
 ist für die tabelle innerhalb des Hauptfeldes gedacht, da probleme bei google-chrom bzgl. der position der legende auftraten */



.hauptfeld_kontakt {position:absolute; 
			top:20px; left:50px;
			width:900px;
			padding:10px;
			border:solid 3px #3366CC;
			background-color:#99CCFF;
		min-height: 400px;
}

.fieldset{	padding:0px;
			border:none;
}
.nebenfeld_re{
			position:absolute; top:-20px; left:780px;
			width:100px;
			padding:0px;
			border:none;
}
.update_span { 
		position:absolute; top:40px; left:170px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px; 
		font-weight:bold; 
		color:#3366CC;
		z-index:1;
		
}
		
.counter { position:absolute; bottom:2px; left:2px;
		padding:2px;
		border:solid 2px #3399FF;
		font-family:Arial, Helvetica, sans-serif;
		font-size:13px; 
		font-weight:bold; 
		color:#3366CC; 
		
}

.Stil2 {font-size: 16px}
.Stil1 {color: #FF3300}



#hblau {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;color: #000}
#h1 {font-variant:small-caps;font-size:16px; font-weight:bold; font-family:Arial, Helvetica, sans-serif; color:#000;}
#h2 {font-variant:small-caps;font-size:18px; font-weight:bolder; font-family:Arial, Helvetica, sans-serif;color:#f00}

.Angebot_rot {font-size:14px; font-weight:bold; font-family:Arial, Helvetica, sans-serif;color: #3333CC; }

.Angebot_rot a:hover{
			text-decoration:none; 
			font-weight:bold;
			color:#FF0000;
}
.Angebot_rot a{
			text-decoration:none; 
			font-weight:bold;
			color:#3333CC;
}

/* Fotoseite */


.foto_menue {		width:140px;
			position:absolute;	top:20px;	right:10px;
			padding:3px;
			border:double 3px #000;
			background-color:#0099FF;
			color:#000;
			font-size:14px;
			font-weight:bold;
			font-family:Arial, Helvetica, sans-serif;			
}

.foto_menue a{ 
			text-decoration:none; 
			font-weight:bold;
			color:#99CCFF;
}
.foto_menue a:hover{ 
			text-decoration:none; 
			font-weight:bold;
			color:#FF0000;
}

.foto_iframe {		position: relative; top:30px; 
			width:650px;
			height:350px;	
			padding:0px;
			z-index:1;
			background-color:#99CCFF;
}
</style>

