/*----------------- HTML-Formatierungen ------------------------------------*/
body
{
	font-family: arial, helvetica, sans-serif;
	font-size: 1em;
	line-height: 19px;
	background: url('../images/elements/hg_blauswat.gif') #C6C6C6 repeat-y;
	margin: 0px;
	width: 100%;
	padding: 0px;
	margin: 0px;
	scrollbar-base-color:#dbdbdb;
	scrollbar-3d-light-color:#59718C;
 	scrollbar-arrow-color:#59718C;
	scrollbar-darkshadow-color:#dbdbdb;
	scrollbar-face-color:#dbdbdb;
	scrollbar-highlight-color:#59718C;
	scrollbar-shadow-color:#59718C;
	scrollbar-track-color:#dbdbdb;	
}
html
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}
h1
{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #f0000;
	width: 100%;
	border-bottom: 2px dotted #000033;
}

h2
{
	font-family: arial, helvetica, sans-serif;
	font-size: 1.2em;
	color: #f0000;
	width: 100%;
	
	
}
/*----------------- HTML-Formatierungen -------------ENDE--------------------*/



/*----------------- Containerinhalt-Formatierungen --------------------------------*/
.Containerleiste0ben
{
	background: url('../images/elements/HG_blau_weiss1.gif') no-repeat 146px;
	height: 118px !important;
	width: 150%;
	margin-left: -2px;
	margin-left: 0px !important; /*--Bildausrichtung linker Rand team.gif, wann es beginnen soll --*/
}

.ContainerSlogan
{
	background: url('../images/elements/DSC_0045.jpg') no-repeat;
	height: 118px;
	Width: 205px; /* für IE*/
	float: left;
		
}

.ContainerLogoImpressum
{
	position: middle; /*Position Kopfzeile ab dem linken Navigationsrand*/
	font-size: 0.7em;
	color: #59718C;
	background: url('../images/elements/logokopfzeile.gif') no-repeat;
	height: 14px;
	Width: 660px; /* für IE*/
	margin-left: 0px; /*--Bildausrichtung, links, mitte, rechts--*/
	margin-left: 210px !important; /*--Bildausrichtung, links, mitte, rechts--*/
	text-align: right; /*--Zeile Home, Kontakt, Impressum rechts positioniert--*/
	padding-top: 80px; /*--Zeilenposition vom oberen Rand Home, Kontakt, Impressum--*/
}


* html .ContainerLogoImpressum
{
	margin-left: 198px;
	Width: 640px; /* für IE*/
	height: 30px;
}

.ContainerNavigation /*--Textbeginn zum linken Rand, SWAT_Logo2008.png--*/
{
	background: url('../images/elements/SWAT_Logo2008.png') no-repeat;
	height: 400px;
	Width: 145px; /* für IE*/
	width: 210px !important;
	border-top: 0px solid #fff;
	float: left;
}
.ContainerInhalt /*--Farbe in der Textmitte--*/
{
	Width: 590px; /* für IE*/
	font-size: 0.8em;
	color: #000000;
	padding-left: 30px;
	padding-bottom: 30px;
	margin-top: 70px !important;
	margin-top: 84px;
	margin-left: 220px;
}
* html .ContainerInhalt
{
	margin-left: 40px;
}

* html .ContainerS
{
	position: absolute;
	bottom: 0px;
}
/*----------------- Container-Formatierungen -------ENDE----------------------*/




/*----------------- Navigations-Formatierungen -------------------------------*/
ul#navigation 
{
	Width: 198px;
	margin-left: 0px;
	margin-top: 200px;
	padding: 0;
	list-style:	none;
	border-top: 0px solid #fff;
	font-family: arial, helvetica, sans-serif;
	font-size: 0.8em;
}

ul#navigation li
{
	width: 200px;
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #fff;
}

ul#navigation li#aktiv
{
	display: block;
	height: 21px;
	padding-top: 4px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #00FF12;
	BACKGROUND: url(../images/elements/?.gif) #000000 no-repeat 21px 9px; 
	color: #000000;
	Width: 113px; /* für IE*/
}
* html ul#navigation li#aktiv
{
	height: 26px;
	width: 145px;
}
ul#navigation li a
/*-Navigation links, die ständig stehenbleibt, color=Schriftfarbe-*/
{
	display: block;
	height: 21px;
	Width: 145px; 
	padding-top:3px;
	padding-left: 20px;
	text-decoration: none;
	color: #FFFFFF;
}
* html ul#navigation li#aktiv
{
	height: 26px;
	width: 145px;
}
ul#navigation li a:hover
/*-Navigation links beim drüberfahren, color=Schriftfarbe-*/
{
	BACKGROUND: url(../images/elements/?.gif) #FFFFFF no-repeat 21px 9px; 
	padding-left: 32px;
	color: #000000;
	Width: 113px; 
}
* html ul#navigation li a:hover
{
	Width: 145px; /* für IE*/
	color: #000000;
	padding-left: 32px;
}

/*oben: Kontakt und Impressum */
.ContainerLogoImpressum a:link
{
	text-decoration: none;
	font-weight: normal
	color: #59718C;
}
.ContainerLogoImpressum a:visited
{
	text-decoration: none;
	font-weight: normal
	color: #59718C;
}
.ContainerLogoImpressum a:aktive
{
	text-decoration: none;
	color: #59718C;
}
.ContainerLogoImpressum a:hover
{
	text-decoration: none;
	font-weight: normal
	color: #f00;
}
.icon /* Icons der horizontalen Navigation */
{
	margin-left: 15px;
	margin-right: 5px;
}
/*----------------
     KONTAKT
------------------*/
.divKontaktadresse
{
	float: left; 
	width: 400px;
}
.divWegbeschreibung
{
	float: left; 
	Width: 100px !important; /* für FF, Opera*/
	Width: 100px; /* für IE*/ 
	border-left: 1px solid #59718C; 
	height: 100px !important; 
	height: 110px; 
	padding-left: 15px;
}

/*----------------- Navigations-Formatierungen -------ENDE--------------------*/

/*----------------- Inhalts-Formatierungen -------------------------------------*/
.icon
{
	margin-left: 10px;
	margin-right: 5px;
}
/*----------------- Inhalts-Formatierungen -------------ENDE--------------------*/
a:visited /*muss hier ans Ende, da es sonst nicht funktioniert */
{
	color: #59718c;
	text-decoration: underline;
	font-weight: normal;
}
a:hover/*muss hier ans Ende, da es sonst nicht funktioniert */
{
	color: #f00;
}