/* Allgemeine HTML-Tags */
html {
	height:95%;
}
body {
	height:95%;
	font-family:Arial,sans-serif;
	font-size:12px;
	line-height:16px;
	padding:10px 0;
	margin:0;
	background-color:#dbdcdc;
}

/* alles zuruecksetzen */
h1,h2,h3,h4,h5,h6,dl,dt,dd,img,br,div,form,legend,fieldset,legend,input,select,option,textarea,table,th,td,caption,p,ul,li,ol {
    margin:0;
    padding:0;
    font-family:Arial,sans-serif;
}

/* Ueberschriften, Absaetze, Links */
h1 {
	font-size:22px;
	line-height:26px;
	text-transform:lowercase;
	font-weight:normal;
	padding-bottom:10px;
	color:#ec3d12;
}
h2 {
	padding:40px 0 15px 0;
	font-size:12px;
}
p {
	padding-bottom:8px;
}
a {
	color:#ec3d12;
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
a img {
	border:none;
}

/* Formulare */
form br {
	clear:both;
}
fieldset {
	border:none;
}
input,textarea,select {
	border:1px solid #61696a;
	padding:2px 5px;
	font-size:11px;
	margin-bottom:5px;
}
select {
	padding:2px 1px;
	width:292px;
	background:#fff;
}
textarea {
	height:80px;
	width:450px;
}
input.normal {
	width:280px;
}
label {
	font-weight:bold;
	text-align:left;
	float:left;
	width:170px;
}
label.long {
	width:auto;
	float:none;
	display:block;
	margin:0;
}

/* Listen */
ul.nostyle {
	list-style-type:none;
}

/* Bereiche */

#main {
	width:960px;
	height:555px;
	text-align:left;
}

/* Kopfzeile */
#header {
	width:840px;
	padding:10px 60px;
	height:120px;
	position:relative;
	/*background-color:#61696a;*/
	background-color:#788687;
}
#hLeft {
	height:80px;
	width:250px;
	background-color:#ec3d12;
}
#hRight {
	position:absolute;
	z-index:1;
	height:130px;
	width:420px;
	bottom:-52px;
	right:0px;
	padding-right:60px;
}
#hRight img {
	margin-left:10px;
}


/* Inhalt */
#content {
	background:url(../img/bg_content.gif) center top repeat-y;
	background-color:#ecedee;
	width:958px;
	border-left:1px solid #788687;
	border-right:1px solid #788687;
	overflow:hidden;
	/*
	height:375px;
	border-left:1px solid #61696a;
	border-right:1px solid #61696a;
	*/
}
/* "Auseinanderziehen" des Inhaltsbereichs */
.fullsize:after,  #content:after  {
  content:"."; 
  display:block; 
  height:0; 
  clear:both; 
  visibility:hidden; 
}
.fullsize,  #content {
  display:inline-table; 
}
* html .fullsize { 
  height:1%; 
}
.fullsize, #content {
  display:block; 
}


/* Linke Navigation */
#cLeft {
	width:165px;
	padding:19px 0 20px 60px;
	overflow:hidden;
	/* 
	height:335px;
	*/
}
#cLeft ul {
	list-style-type:none;
	text-align:right;
}
#cLeft li {
	padding-bottom:5px;
	padding-right:10px;
	height:16px;
}
#cLeft li a {
	color:#768386;
	text-transform:lowercase;
	font-size:11pt;
}
#cLeft li a:hover,#cLeft li a.active {
	color:#000;
	text-decoration:none;
}

/* Scrollbereich */
/*#scroll {
	width:733px;
	height:335px;
	margin-top:20px;
	overflow:auto;
}*/
/* Hauptinhalt */
#cCenter {
	width:423px;
	padding:38px 60px 100px 60px;
	overflow:hidden;
	/*
	height:257px;
	*/
}
#cCenter ul, 
#cCenter ol {
	padding:5px 0 10px 20px;
}
.layover {
	position:absolute;
	z-index:13;
	margin-top:40px;
	margin-left:300px;
	width:500px;
	border:1px solid #555;
	border-bottom:2px solid #333;
	border-right:2px solid #333;
	background:#788687;
	padding:10px;
	}
.opaque {
	filter:alpha(opacity=60);
	-moz-opacity: 0.60;
	opacity: 0.60;
	position:absolute;
	z-index:2;
	height:555px;
	width:960px;
}

/* Rechte Spalte */
#cRight {
	/*
	position:absolute;
	z-index:1;
	height:253px;
	margin-left:708px;
	*/
	overflow:hidden;
	width:130px;
	padding:42px 60px 20px 0px;
	margin-top:20px;
}
#cRight li {
	padding-bottom:5px;
}
#cRight a {
	text-decoration:none;
	color:#000;
}
#cRight a {
	color:#ec3d12;
	text-decoration:none;
}
#cRight a.underline {
	text-decoration:underline;
}
#cRight a:hover,#cRight a:active {
	color:#000;
}

/* Fusszeile */
#footer {
	position:relative;
	z-index:0;
	width:840px;
	padding:0px 60px;
	margin-bottom:10px;
	height:40px;
	background-color:#788687;
	/*
	background-color:#61696a;
	*/
}
#footerImg {
	position:absolute;
	z-index:1;
	width:160px;
	height:110px;
	bottom:20px;
}

/* Allgemeine Klassen, in allen Tags zu verwenden */
.left {
	float:left;
}
.right {
	float:right;
}
.clearer {
	clear:both;
}
.marked {
	color:#ec3d12;
}
.underline {
	text-decoration:underline;
}
.orange {
	color:#ec3d12;
}
.blue {
	color:#1467b4;
}
.red {
	color:#a22029;
}
.green {
	color:#58a326;
}