/*
index.css
###############################
getestet mit
IE 6
IE 7
Firefox 1.5.0.12
###############################
*/


/*globale Definitionen*/

body
{
	text-align:center;
	background-color:#ffffff;
	margin:0px;
	padding:0px;
	
	font-family: Verdana, Arial;
	font-size:11px;
}

a
{
	color:#666666;
}

input,textarea,select,select option 
{
	border:1px solid #708088;
	margin:0px;
	padding-left:3px;
	padding-right:3px;
	background-image:URL(../img/inputBackground.png);
	
}

input.check
{ 
	background-image:URL();
	width:auto;
	border:0px solid #ffffff;
}

input.button
{
	background-image:URL();
	width:auto;
	background-color:#E5DC96;
	border:1px solid #999999;
}

td
{
	border:1px solid #cccccc;
	padding-left:6px;
	padding-right:6px;
}

table
{
	border-collapse:collapse;
}

ul
{
	list-style-type:square;
}

/*
Bereich admin
###############################
Der Bereich Admin kommt in diversen Kontexten vor, jedesmal wenn ein User eingeloggt ist und Bearbeitungsmöglichkeiten bestehen.
*/

div.admin
{
	width:100%;
	background-color:#ffffff;
	border:1px dashed #990099;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#cc3399;
	font-size:8pt;
	
}

div.admin a
{
	color:#990099;
	font-size:8pt;
}

div.admin img
{
	border:0px solid #ffffff;
}

/*
Bereich info
###############################
Der Bereich info kommt in diversen Kontexten vor, jedesmal wenn eine Message an den User ausgegeben wird.
*/

div.info
{
	width:100%;
	background-color:#FFFF00;
	border:1px solid #990099;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-size:8pt;
	background-image:URL(../../../../_global/img/icons/info.png);
	background-repeat:no-repeat;
	background-position:5px 1px;
	text-align:right;
	display:block;
}

div.info p
{
	padding-right:5px;
	margin-left:20px;
	display:block;
	
}

/*
Bereich ok
###############################
Der Bereich Ok kommt in diversen Kontexten vor, jedesmal wenn ein User eine AKtion erfolgreich ausgeführt hat.
*/

div.ok
{
	width:100%;
	background-color:#FFFF00;
	border:1px solid #00447E;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-size:8pt;
	background-image:URL(../../../../_global/img/icons/statusOk.png);
	background-repeat:no-repeat;
	background-position:5px 1px;
	text-align:right;
	display:block;
}

div.ok p
{
	margin-left:20px;
	padding-right:5px;
	display:block;
}

/*
Bereich error
###############################
Der Bereich Error kommt in diversen Kontexten vor, jedesmal wenn ein User eine AKtion nicht erfolgreich ausgeführt hat.
*/

div.error
{
	width:100%;
	background-color:#FFFF00;
	border:1px solid #ff0000;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-size:8pt;
	background-image:URL(../../../../_global/img/icons/statusError.png);
	background-repeat:no-repeat;
	background-position:5px 1px;
	text-align:right;
	display:block;
}

div.error p
{
	margin-left:20px;
	padding-right:5px;
	display:block;
}



/*
Bereich Top
###############################
Im Bereich Top wird ein Div definiert welches als Hintergrundbild den Hauptbanner erhält. Weiters wird eine horizontale
UL Liste definiert welche das Menü enthält. Diese Liste wird mittels margin-top am unteren Rand des Banners platziert.
*/

div#topContainer
{
	width:1000px;
	height:225px;
	
	
	
	position: absolute;
	
	z-index:2;

	top:10px;
	left: 50%;
	margin-left: -501px; /* negative Hälfte von width:900px */				
	background-image:URL(../img/index/top.gif);
	
	text-align:right;

	
}

div#topContainer ul
{
	list-style-type:none;
	margin-right:22px;
	margin-top: 186px;
	margin-left:auto;
}

div#topContainer ul li
{
	display:inline;
	color:#E64E22;
	font-size:11px;
	font-weight:bold;
	border-left:1px solid #E64E22;
	padding-left:10px;
	padding-right:9px;
}

div#topGraficsContainer
{
	width:1000px;
	height:225px;
	margin-top:5px;
	margin-bottom:20px;
	z-index:1;
	position: absolute;

	background-image:URL(../../_data/index/topStart.png);
	background-repeat:no-repeat;
	background-position:641px 65px;

	
	left: 50%;
	margin-left: -501px; /* negative Hälfte von width:900px */	
	
	
	
}

div#topGraficsContainer2
{
	width:1000px;
	height:225px;
	margin-top:5px;
	margin-bottom:20px;
	z-index:1;
	position: absolute;

	background-image:URL(../../_data/index/0.png);
	background-repeat:no-repeat;
	background-position:254px 65px;
	

	
	left: 50%;
	margin-left: -501px; /* negative Hälfte von width:900px */	
	
	
}


/*
Bereich Main
###########################################
Der Bereich Main enthält zwei unter Bereiche:
1) Menu
2) Content
Der Bereich main selbst wird verwendet um die 2 Unterbereich zentriert darzustellen.
*/

div#main
{
	/*224*/
	margin-top:235px;
	padding-left:47px;
	
	width:953px; /*1000-47*/
	background-image:URL(../img/index/mainBackground.gif);
	background-repeat:y-repeat;
	
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	
	
}
/*
Bereich menu
###########################################
Der Bereich Menü wird mit einer fixen Breite am linken Rand von main angezeigt. Dieser Bereich
enthält eine UL Liste welche einzelne Menüboxen darstellt.
*/

div#menu
{
	
	margin-top:0px;
	width:189px;
	background-color:#E64E22;
	margin-left:0px;

	float:left;
	background-image:URL(../img/index/menuTop.gif);
	background-repeat:no-repeat;
	background-position:top right;
	padding-top:15px;
	color:#2362BB;
	

}

div#menu ul
{
	/*list-style-type:none;*/
	list-style-image:URL(../img/index/ul.gif);
	
	margin-top:0px;
	margin-left:20px;
	margin-bottom:10px;
	padding:0px;
	color:#ffffff;
	
}

div#menu ul li.hoover
{
	/*font-size: 13px;
	margin-bottom:6px;
	font-weight:none;
	/*text-transform:uppercase;*/
	padding-left:0px;
	padding-right:15px;
	background-image:URL(../img/index/ulHoover.gif);
	background-repeat:no-repeat;
	background-position:right 3px;
}


div#menu ul li
{
	font-size: 13px;
	margin-bottom:6px;
	font-weight:none;
	/*text-transform:uppercase;*/
	padding-left:0px;
	padding-right:10px;
	border-bottom:1px dotted #EE8365;
	padding-bottom:4px;
}

div#menu ul li a
{
	color:#ffffff;
	text-decoration:none;
}


div#menu ul li li
{
	font-size: 11px;
	margin-top:4px;
	margin-bottom:2px;
	font-weight:normal;
	text-transform:none;
	padding-left:0px;
	border-bottom:0px dotted #ffffff;
}

div#menuBottomImg
{
	border-top:0px solid #ffffff;
	background-image:URL(../img/index/menuLeftBottom.png);
	background-position:top right;
	width:189px;
	height:131px;
}

/*
Bereich content
###########################################
Der Bereich content enthält alle Daten entsprechend nach einem Menüklick.  Alle HTML Elemente sind unterhalb des Bereich
content vorstellbar.
*/			


div#contentContainer
{
	
	float:left;
	margin-left:20px;
	width:734px;
}

div#contentTop
{
	width:734px;
	background-image:URL(../img/index/contentTop.gif);
	background-repeat:no-repeat;
	height:10px;
	
}

div#content
{
	padding:20px;
	padding-top:10px;
	text-align:justify;
	width:694px;
	border-left:1px solid #E64E22;
	
}

div#content p#path
{
	color:#E64E22;
	font-size:9px;		
	margin:0px;
	padding:0px;
	margin-bottom:30px;
}


div#content h1
{
	text-transform:uppercase;
	font-weight:bold;
	font-size:13px;
	margin:0px;
}

div#content h2
{
	color:#E64E22;
	font-weight:bold;
	font-size:11px;
	margin:0px;
}

div#content h3
{
	font-weight:bold;
	font-size:11px;	
	margin:0px;
}

div#contentBottom
{
	width:734px;
	background-image:URL(../img/index/contentBottom.gif);
	background-repeat:no-repeat;
	height:10px;
}

/*
Bereich Bottom
##############################################
Der Bereich bottom enthält eine horizontale UL Liste.
*/
div#bottom
{
	
	
	width:1000px;
	height:30px;
	padding-top:27px;
	background-image:URL(../img/index/bottom.gif);
	background-repeat:no-repeat;
	
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	
	font-size:9px;
	color:#ffffff;
	
}

div#bottom a
{	
	font-size:9px;
	color:#ffffff;
	
}