/* =================================================
Stylesheets für das Projekt 0213_seet

Dunkle Grundfarbe: #00A9EB
Sehr dunkle Grundfarbe:
Helle Grundfarbe: #C7E2F5
Sehr Helle Grundfarbe: #F2FAFF

Grauton: #D3D3D3;
dunkles Grau: #626463
sehr helles Grau: #F5F3F3
==================================================*/



/* =================================================
1. Allgemein
==================================================*/


* {
	padding: 0;	/*Grundzustand erzwingen*/
	margin: 0;	/*Grundzustand erzwingen*/
}


body {	
	color: #000000;
	background:  #FFFFFF url(../seemann_tiefbau_schwerin/hg_body-2.gif) repeat-x 0 53px; 	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: small;	
	margin: 5px 0 0 0;
	width: 100%;
}



a:link {
	color: #626463; 
	text-decoration:underline; 	
}

a:active {
	color: #626463; 
	text-decoration:underline; 
}

a:visited {
	color: #626463; 
	text-decoration:underline; 
}

a:hover {
	color: #000000; 
	text-decoration:underline; 
}

h1 {
	font-size: 125%;
	font-weight: bold;
	display: block;
	margin: 0 ; 
	padding: 2px;
	color: #000000;
	display: block;
	letter-spacing: 3px;
	text-transform: uppercase;

}

h2 {
	font-size: 100%;
	font-weight: bold;
	display: block;
	margin: 0 0 5px 0; 
	padding: 2px;
	color: #000000;
	display: block;
	text-transform: uppercase;
}

table {
}

td {	
	vertical-align: bottom;
}

th {
	color: #000;
	background-color: #FFF;
	text-align: left;
	padding: 5px;
	margin: 0;
}


p {	
	margin: 0 0 10px 0;
}


hr {
	width: 100%;
	height:0; 
	padding: 0;
	text-align: center; 
	border-top: 1px solid #C7E2F5;
	border-left: none;
	border-bottom: none;
	border-right: none;	
}

label {
	display: block;
	cursor: pointer;
}

input {
	width: 400px;
	border: 1px solid #626463;
	margin-bottom: 1em;
}

textarea {
	width: 400px;
	height: 75px;
	border: 1px solid #626463;
	margin-bottom: 1em;
}

select {
	width: 400px;
	border: 1px solid #626463;
	margin-bottom: 1em;
}


input#betreff:focus,
input#absender:focus,
input#termin:focus,
input#tel:focus,
input#titel:focus,
input#name:focus,
input#capcha:focus,
input#telefon:focus {
	background-color: #EDF7FE;
}


textarea#inhalt:focus,
textarea#leistung:focus {
	background-color: #EDF7FE;
}

ul{
	margin: 10px 5px 15px 15px;
	padding: 0;
	list-style: circle;	
}

li{
	margin: 0 0 5px 0;
}

/* =================================================
1.1 Allgemeine Klassen
==================================================*/

.rahmen_foto {
	border: 1px dotted #BC4D04; 
}

.ueberschrift {
	border-bottom: 1px solid #00A9EB; 
	margin: 0 0 25px 0;
}

.b {	
	font-weight: bold;
}

.klein {	
	font-size: 85%;
}

.oben {
	vertical-align: top;
}

.unten {
	vertical-align: bottom;
}

.links_float {
	float: left;
	width: auto;
}

.rechts_float {
	float: right;
	width: auto;	
}


.zeile_abstand {
	padding-left: 165px;
}

.abstand_klein {
	padding: 5px;
}

.abstand_oben {
	margin: 25px 0 0 0;
}

.abstand_unten {
	padding: 0 0 5px 0;
}

.zeileHell {
	background-color: #E8E8E8;
}

.bildgalerie{
	padding: 5px;
	display: inline;
}

.mitte {
	margin: auto;
	text-align: center;
}


.smitte {
	vertical-align: middle ;
}


.fehler {
	font-weight: bold;
	color: #FF0036;
	padding: 5px;
	border: 1px solid #FF0036;
	background-color: #FEE9EE;	
}

.meldung {
	font-weight: bold;
	color: #02760C;
	padding: 5px;
	border: 1px solid #02760C;
	background-color: #D8FBDB;
}

.absatzende {
	border-bottom: 1px dotted #FF9A63;
	padding-bottom: 10px;
	margin-bottom: 15px;
}


.blocksatz {
	text-align: justify;
}


.clearing {
	clear: both;
}

.rahmendezent {
	padding: 3px;
	background-color: #FFFFFF;
	border: 1px solid #D3D3D3;
}

.link_aktiv  {
	background-color: #FBC878;
	color: #000;
}

.link_deaktiv {
	background-color: #9C7E4B;
	color: #DEDEDE;
}

.gross {
	text-transform: uppercase;
}

.zeilenfarbe1 {
	background-color: #F5F3F3;
}

.breite1 {
	width: 75%;
}

.rechts {
	text-align: right;
}

.ohne_rahmen {
	border: none;
}

.rahmen_unten {	
	border-bottom: 1px solid #FFFFFF;
}


/* =================================================
2. Hauptbereiche
==================================================*/

#links {
	float: left;
	width: 200px;
	background-color: #F2FAFF;		
	margin: 15px 0 0 10px;
	border-top: 1px solid #00A9EB;
}

#content {	
	float: left;
	width: 61%;
	margin: 15px 0 15px 0;
}

#info1 {	
	float: left;
	width: 100px;
	margin: 15px 30px 0 30px;
	border-top: 1px solid #00A9EB;


}



#head {
	background-color: #C7E2F5;
	position: relative;
	width: 100%;
	height: 100px;
}


#wrapper {
	width: 990px;
	font-size: 100%;		
	margin: auto;
	border: 1px solid #626463;
}

#feet {
	position: relative;
	padding: 3px;
	background-color: #C7E2F5; 
	text-align: right;	
	border-top: 1px solid #FFFFFF;
}

#min_heigth {	
	float: left;
	width: 1%;
	height: 370px;	/*Vorgabe einer Mindesthöhe */
	border: 1px solid #FF0000;
}



/* =================================================
3. Inhaltsbereiche
==================================================*/
#nav a {
	text-transform: uppercase;
}

#nav a:link {
	color: #626463; text-decoration:none; 
}

#nav  a:active {
	color: #626463; text-decoration:none; 
}

#nav a:visited {
	color: #626463; text-decoration:none; 
}

#nav a:hover {
	color: #000000; text-decoration:none; 
	background-color: #FFFFFF;
}




#impressum { 

}

/* =================================================
4. Vererbungen
==================================================*/

/*besonders wichtig, da es sonst Probleme mit TOOLTIPS gibt*/
#tabelle td {
	padding: 3px;	
}

#nav ul{
	margin: 10px 5px 15px 5px;
	padding: 0;
	list-style: none;	
}

#nav li {
	padding: 0 0 0 5px;
	margin: 3px;
	border-bottom: 1px solid #FFFFFF;	
}

#nav2 {
	padding: 0 0 0 5px;
	margin: 3px;
	border-left: 3px solid #00A9EB;	
}




#spalte1 {
	float: left;
	width: 220px;
	text-align: right;	
	margin: 0;
}

#spalte2 {
	float: left;
	width: auto;
	text-align: left;	
	margin: 0 0 0 5px;
}

#spalte1 li, #spalte2 li {
	padding: 1px;
	margin: 0 0 3px 0;
	list-style-type: none;	
}


#feet input {
	border: none;
	width: 90%;
	text-align: center;
	margin: 0 50px 0 0;
	background-color: #C7E2F5; 
}

#start1 {
	float: left;
	width: 37%;
	margin: 0;
}

#start2 {
	float: right;
	width: 62%;
	margin: 0;	
}

#head1 {
	position: absolute;
	top: 25px;
	right: 10px;
	font-size: 125%;
	font-weight: bold;
	color: #00A9EB;
}

#head2 {
	position: absolute;
	top: 50px;
	right: 10px;
	font-size: 125%;
	font-weight: bold;
	color: #00A9EB;
}

a {
	text-decoration: none; 
	outline: none; 
	font-weight: bold;
}

#head a:link {
	color: #00A9EB; 
	text-decoration: none; 
}

#head a:visited { 
	color: #00A9EB; 
	text-decoration: none; 
}

#head a:hover, #head a:focus {
	color: #626463; 
	text-decoration: underline; 
}

#head a:active {
	color: #00A9EB;
}


#nav .ohne_rahmen {
	border: none;
	font-size: 50%
}

#content div{
	padding: 2px;
}

.link_ohne a{
		padding: 0;	
		text-decoration:none; 
}



/* =================================================
	E N D E
==================================================*/



.test {
		border: 1px solid red;
}