/* Standard-CSS für www.domain.de */

/* Wichtige Farben
Hex = Farbname, RGB, access

white* = #FFFFFF, 255 255 255, 16777215
black* = #000000, 0 0 0, 0 

gray 94 = #F0F0F0, 240 240 240, 15790320
gainsboro = #DCDCDC, 220 220 220, 14474460 
silver* = #C0C0C0, 192 192 192, 12632256
gray 80 = #CCCCCC, 204 204 204, 13421772 
gray 60 = #999999, 153 153 153, 10066329
gray 40 = #666666, 102 102 102, 6710886 
gray 20 = #333333, 51 51 51, 3355443
*/

/* Farben */

.color01 {
	background-color: #990100;
}
.color02 {
	background-color: #FF6600;
}
.color03 {
	background-color: #CC0001;
}
.color04 {
	background-color: #49382A;
}
.color05 {
	background-color: #D1C6BF;
}
.color06 {
	background-color: #717262;
}
.color07 {
	background-color: #aab300;	
}
.color08 {
	background-color: #330000;
}
.color09 {
	background-color: #4B2717;
}
/* Abstände aller Elemente werden auf Null gesetzt und weitere Formatierungen */

html, body, div, p, h1, h2, h3, ul, li, ol, 
span, a, table, td, form, img,  {
   margin: 0;
   padding: 0;
   font-family: Arial, Helvetica, Verdana, Geneva, sans-serif;
}

* {
		margin:0;
		padding:0;
		}

html, body {
		height:100%;
		font:100.01%/1.4 sans-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}


/*  Formatierungen HTML und Body Tag */

.body {
	padding:0;
	background-color: #333333;
}


/* Sektionsweite Formatieren */

#distance { 
		width:1px;
		height:50%;
		margin-bottom:-290px; /* half of container's height */
		float:left;
		}

#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		text-align:left;
		height:580px;
		width:800px;
		clear:left;
		}

/* Rechteck Inhalte */

#Logo1 {
	position: absolute;
	left: 550px;
	width: 250px;
	height: 75px;
	z-index: 3;
	top: 0px;	
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #DFD2B3;
}

#Menue {
	position: absolute;
	top: 85px;
	left: 0px;
	height: 25px;
	width: 800px;
}

#title1 {
	position:absolute;
	left:0px;
	top:120px;
	width:800px;
	height: 38px;
	color: #666666;
	z-index:3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
}
#title1L {
	position:absolute;
	left:0px;
	top:120px;
	width:550px;
	height: 38px;
	color: #666666;
	z-index:3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	text-align: left;
	vertical-align: middle;
}
#title1R {
	position:absolute;
	left:550px;
	top:120px;
	width:250px;
	height: 38px;
	color: #666666;
	z-index:3;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 2px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	border-bottom-width: 2px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-left-width: 2px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	text-align: right;
	vertical-align: middle;
}
#content{
	position:absolute;
	left:2px;
	top:160px;
	width:551px;
	height:261px;
	z-index:3;
	border: 1px solid #FFF;
}
#content_img{
	position:absolute;
	left:2px;
	top:161px;
	width:550px;
	height:260px;
	z-index:2;
	border: none;
}

#description{
	position:absolute;
	left:552px;
	top:160px;
	width:251px;
	height: 261px;
	z-index:3;
	border: 1px solid #FFF;
}


/* Formatierungen Fenster */

.window {
	background-color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #F0F0F0;
	padding: 25px;
}


/* Formatierungen Navigation Header */

#siteInfo{
	position: absolute;
	top: 530px;
	color: #999999;
	left: 0px;
	width: 800px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	border-right-width: 1px;
	border-right-style: none;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	border-left-width: 1px;
	border-left-style: none;
	border-left-color: #FFFFFF;
	text-align: right;
	vertical-align: text-top;
	height: 30px;
}

/* Formatierungen Hyperlink und Anker Tag */

a.type01:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
a.type01:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	text-decoration: none;
}
a.type01:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.type01:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.type01a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
a.type02:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 1px;
}
a.type02:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #CCCCCC;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 1px;
}
a.type02:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 1px;
}
a.type02:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 1px;
}
a.type03:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}
a.type03:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #cccccc;
	text-decoration: none;
}
a.type03:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.type03:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.type04:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.type04:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.type04:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-decoration: none;
}
a.type04:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.type05:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.type05:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.type05:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333333;
}
a.type05:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}


/* Formatierungen Klassen */

.form {
	font-size: 12px;
	color: #F0F0F0;
	background-color: #333333;
}

.text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #CCCCCC;
	text-transform: lowercase;
	text-decoration: none;
	padding: 10px;
}
.text01 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #999999;
	text-transform: lowercase;
	text-decoration: none;
}
.text02 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #333333;
	text-transform: lowercase;
	text-decoration: none;
	padding: 10px;
}
.text03 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	text-transform: lowercase;
	text-decoration: none;
	padding-top: 10px;
	letter-spacing: 1px;
}
.text04 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CCCCCC;
	text-transform: lowercase;
	text-decoration: none;
	padding: 10px;
}
.text05 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: lighter;
	color: #333333;
	text-transform: lowercase;
	text-decoration: none;
	padding: 10px;
}