/* Style Sheet für Homepage ITpool - ERNST OEG */
/* Entwicklung: April 2006 */

body {
background-color: #e1ddd9;	/* Grau */ 
font-size: 11px;
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
color: #000000; /* Schriftfarbe wenn nicht definiert */
/* background-image: url(../pictures/wolken_back.jpg); */
padding:0px;
margin:0px;
}

/* Link Styling Menue */

a:link, a:visited { color: #000000; text-decoration: none;}
a:hover, a:active { color: #000000; text-decoration: underline;}

/* Link Styling Text */
.contenttext a:link, .bodytext a:link, .contenttext a:visited, .bodytext a:visited, 
 { color: #ff9900; text-decoration: none; }

.contenttext a:hover, .bodytext a:hover, 
 { color: #ff9900; text-decoration: underline; }

.contenttext a:active, .bodytext a:active
 { color: #ff9900; text-decoration: underline; }


/* TEXTHEADER für Seitenüberschrift */
h1 {
	font-size: 11px;
	text-transform:uppercase;
	background-color: #e1ddd9; /*#ffcc99;*/
	color: #000000;
/*	border-top: 1px solid #000000; /*#564b47; */
/*	border-bottom:1px solid #564b47; */
	margin: 5px;
	padding-top: 3px;
	padding-right: 15px;
	padding-bottom: 3px;
	padding-left: 15px;
	font-weight: bold;
	text-align: right;
}

/* Subheader im Fliesstext */
h2 {
font-size: 11px;
text-transform:uppercase;
font-weight: bold;
padding: 3px 10px;
margin:0px;}

/* Header für Footertext */
h3 {
font-size: 11px;
margin: 0px;
text-align: right;
font-weight: normal;
padding-top: 3px;
padding-right: 15px;
}

/* img.download {vertical-align:middle;} */

.menue1text {
text-align: left;
margin-left: 20px;
}

.menue1textactive
{
	text-align: left;
	margin-left: 20px;
	font-weight: bold;
	text-decoration: none;
}

.menue2text {
margin-left: 40px;
text-align: left;
}

.menue2textactive {
margin-left: 40px;
text-align:left;
font-weight: bold;
text-decoration: none;
}

.contenttext, .bodytext {
	text-align: justify;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	}
	
.csc-caption {
    color: #000000;
	font-size: 10px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	font-style:italic;
	}

	
.csc-mailform {
	margin-left: 20px;
	margin-top: 10px;
	text-align: justify;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
	}
	
ul {
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
/*	border: thin solid #000000; */
	list-style-image: url(images/ul_itpool.jpg);
	list-style-position: outside;
	list-style-type: disc;
	margin-top: 7px;
	margin-bottom: 7px;
	}
	
ul li {
		margin-top, margin-bottom: 5 px;
      }

p {
	padding: 5px 10px;
	margin: 0px;
	}
	
#content p {
	padding: 5px 10px;
	margin: 0px;
	}

.statustext {
	text-align: center;
	color: #000000;
	margin-top: 5px;
	}
	
.contenttable {
	font-size: 11px;
	text-align: left;
	border: 1px dashed #000000;
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 15px;
	width: 70%;
	}

.contenttable .tr-0 {
	background-color: #ff9900;
	color: white;
	font-weight: bold;
	height: 25px;
	}

.contenttable .tr-odd {
	height: 15px;
	background-color: #ffcc99;
	color: black;
	font-size: 9px;
	}

#content img{					/* Aussehen und Eingliederung von Bildern im Content */
/*	border: 1px solid #000000;  */
	position: relative;
	margin-top: 5px;
	/*float: right;*/
/*	margin-left: 10px;		*/
}

/* CHECKED ----------container zentriert das layout-------------- */
#container {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 940px;					/* Eigentlich 940 - korrektur wg. IE im Typo3 notwendig  ?? */
	background-color: #ffffff;
	padding: 0px;
	margin: -265px 0px 0px -470px;	/* 50% von height, left, right, 50% von width */
	border: 1px dashed #ff9900;	/* Rand */
	overflow: hidden;	
	height: 530px;
} 

#site-header
		{
			background-color: #ffffff;
		}

/* ---- logo in header ---- */
#logo {
	width: 200px;
	height: 100px;
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px;
	margin: 0px;
/*	border: 1px solid #000000; */
}

/* ----------banner in header -------------- */
#banner {
	width: 740px;		/* 940 - 200 */
	height: 100px;
	position: relative;
	float: right;
	padding: 0px;
	margin: 0px;
}

/* --- Oberer Balken -- */
#upper-area {
	width: 940px;
	height: 20px;
	position: relative;
	float: left;
	overflow: hidden;
	background-color: #ff9900;
	}
	
/* ----------lower-area und inner----------------- */
#lower-area{ 
background-color: #ffffff; /* Farbe fuer Inhalt Spalten  */
 } 

#inner{ margin:0px; width:100%; } /* die IE PC schlaufe */ 

/* -------------- Left Menue/Status Area ------------- */

#left-area {
	width:199px;
	height: 390px;					/* Länge des Trennstriches */
	float:left;
	position:relative;
	border-right-width: 1px;		/* Dicke, Typ und Farbe des Trennstriches */
	border-right-style: dashed;
	border-right-color: #ff9900;
 }

/* -- Menue-Area -- */

#menue-area {
 width:199px; 
 clear:left; 
 position:relative;
 margin-top: 20px;
 /* margin-left:-200px; 
 margin-right:1px; */
 }
 
/* --------------- Status Box ----- */
#status-box {
	width: 176px;
	height: 60px;
	background-color: #f5f5f5;
	clear: both;
	position: absolute;		/* Status Box Background */
	border: 1px dotted #000000;	/* Rahmen für Status Box */
	top: 320px;
	left: 10px;
	}
/* -----------------Inhalt--------------------- */
#content{ 
width: 725px;
height: 380px;
position: relative;
float: right;
margin-top: 5px;
margin-left: 5px;
margin-right: 5px;
margin-bottom: 5px;
overflow: auto;
}

/*  ----------------footer---------------------- */ 
#footer {
background-color: #ff9900;
width: 940px;
height: 20px;
clear: both;
position:relative;
}