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


/*globale Definitionen*/
*
{
	font-family:Arial;
	font-size:9pt;
	
	color:#000000;
}

body
{
	background-color:#F2F1E6;
	background-color:#ffffff;
    margin:0px;
    padding:0px;
}

div
{
	text-align:left;
}

a
{
	color:#EE7B0E;
	color:#006633;
}

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;
	vertical-align:top;
}

table
{
	border-collapse:collapse;
}

ul
{
	list-style-type:square;
}

/*
Body
###############################
Um den IE Bug zu umgehen, wird body text-align:center gegeben.
*/

body#init
{
	text-align:center;
	margin-top:0px;
}

/*
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(../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 #006633;
	margin-bottom:10px;
	padding-top:2px;
	padding-bottom:2px;
	color:#000000;
	font-size:8pt;
	background-image:URL(../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(../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#top
{
	width:970px;
	border:0px solid #006633;
	
	background-image:URL(../img/top.png);
	height:20px;
	margin-right:auto;
	margin-left:auto;
	
	padding-top:164px;
	
	
}

div#top ul
{
	
	padding:0;
	margin:0;
	
	padding-top:2px;
	padding-bottom:2px;
	
	height:16px;
	
	text-align:left;
	
	background-color:#EE7B0E;
	
	border:1px solid #006633;
	
}
div#top ul li 
{
	
	list-style: none;
	display: inline;
	border-right: 1px solid #ffffff;
	
	padding-left:20px;
	padding-right:20px;
	padding-top:0px;
	
	color:#ffffff;
	
	
}

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

div#top ul li a.curMenu
{
	font-weight:bold;
}


div#top div.submenu
{
    left:-10000px;
    
    position:absolute;
    top:10px;
    width:200px;
    
    background-color:#EE7B0E;
    border:1px solid #006633;
    border-top:0px;
    

    
}

div#top div.submenu ul
{
    height:auto;
	padding:8px;
    
	margin:0;
    margin-top:16px;
	padding-top:2px;
	padding-bottom:2px;

    margin-left:10px;

	text-align:left;

	background-color:#EE7B0E;

	border:0px solid #006633;

}
div#top div.submenu ul li
{

	list-style: none;
	display: block;
	border-right: 0px solid #ffffff;

	padding-left:0px;
	padding-right:10px;
	padding-top:4px;
    padding-bottom:8px;

	color:#ffffff;
    border-top: 1px dotted #ffffff;

}

div#top div.submenu ul li a
{
	color:#ffffff;
	text-decoration:none;
    
}

div#layOut
{
    left:-1px;
    top:-1px;
    height:1px;
    width:1px;

}

div#laySave
{
left:-1px;
    top:-1px;
    height:1px;
    width:1px;

}


















/*
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
{
	width:970px;
	border:0px solid #006633;
	border-top:0px;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:10px;
}	

/*
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
{
	
	width:140px;
	margin-left:0px;
	margin-right:10px;
	margin-bottom:0px;
	margin-top:0px;
	float: left;
	
	border:0px solid #006633;
	
	
	
}

div#menu ul#menu
{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	
	
	
	padding:0;
}


div#menu ul#menu li
{
	list-style: none;
	border:1px solid #006633;
	margin-bottom:10px;
}

div#menu ul#menu li#submenu
{
	list-style: none;
	border:1px solid #006633;
	margin-bottom:10px;
	
	background-color:#EE7B0E;
}

div#menu ul#menu li#submenu a
{
	
	color:#ffffff;
}


div#menu ul#menu li h1
{
	width:100%;
	height:15px;
	background-color:#EE7B0E;
	
	color:#ffffff;
	text-align:center;
	margin:0px;

}

div#menu ul#menu li div
{
	width:128px;
	margin:0px;
	padding:5px;
	
	
	
}

div#menu ul#menu li div input
{
	width:120px;
	margin:0px;
	
}

div#menu ul#menu li *
{
	
	font-size:8pt;
}

div#menu ul#menu ul
{
	
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	padding:0;
	
}

div#menu ul#menu ul li
{
	
	list-style-type:none;
	border:0px;
	margin-bottom:3px;
}

div#menu ul#menu li table#tabelle
{
	width:100%;
}

div#menu ul#menu li table#tabelle td
{
	padding:2px;
	font-size:7pt;
	border:1px solid #EEF0F0;
	
}

div#menu ul#menu li table#tabelle tr#tableTop td
{
	font-size:8pt;
	font-weight:bold;
}

div#menu ul#menu li table#tabelle tr#myTeam td
{
	background-color:#EEF0F0;
}

div#menu form#newsletter input#cmdNewsletter
{
	width:20%;
	display:inline;
	background-color:#EE7B0E;
	color:#ffffff;
	background-image:none;
}

div#menu form#newsletter input#newsletter
{
	width:70%;
	display:inline;
}

div#teamsponsoren
{
	text-align:center;
}

div#teamsponsoren img
{
	margin-left:auto;
	margin-right:auto;

	border:0px solid #006633;
	
	
	display:block;
}

/*
Bereich sponsor
###########################################
Der Bereich sponsor enth�lt alle Sponsor Images.  Alle HTML Elemente sind unterhalb des Bereich
content vorstellbar.
*/			

div#sponsor
{
	/*628*/
	width:164px;
	margin-left:10px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;

	/*TRY*/
	float:right;
	/*TRY*/
}

div#sponsor ul#menu
{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	margin-bottom:0px;
	margin-top:0px;
	
	
	
	padding:0;
}


div#sponsor ul#menu li
{
	list-style: none;
	border:1px solid #006633;
	margin-bottom:10px;
	background-color:#ffffff;
}

div#sponsor ul#menu li h1
{
	width:100%;
	height:15px;
	background-color:#EE7B0E;
	
	color:#ffffff;
	text-align:center;
	margin:0px;

}

div#sponsor ul#menu li div
{
	width:152px;
	margin:0px;
	padding:5px;
}

div#sponsor ul#menu li div a
{
	margin-right:10px;
	margin-bottom:5px;
	margin-top:5px;
}

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

div#photos
{
    width:294px;
    float:left;
    border:3px solid #EE7B0E;
    padding:10px;
    background-color:#e0e0e0;
}

div#photosStart
{
    width:294px;
    float:left;
    border:3px solid #EE7B0E;
    padding:10px;
    background-color:#EE7B0E;
    height:370px;
}


div#photos img,div#photosStart img
{
    width:294px;
    margin-bottom:10px;
    display:block;

}


div#contentLeft
{
	/*628*/
	/*width:950px;*/
    width:289px;
	margin-left:auto;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
	border:0px solid #006633;
	padding:10px;

    border:3px solid #EE7B0E;

	/*TRY*/
	float:left;
	/*TRY*/
        background-color:#EE7B0E;
    color:#ffffff;
height:370px;
}

div#photosStart h2, div#contentLeft h2,div#contentLeft h1,div#contentCenter h2,div#contentCenter h1
{
    color:#ffffff;
    
}

div#contentCenter a,div#contentLeft a
{
    color:#ffffff;

}

div#contentCenter h1,div#contentLeft h1, div#photosStart h1
{
    color:#006633;
    margin-top:4px;
    margin-left:auto;
    margin-right:auto;
    font-size:120%;

}

div#contentCenter
{
	/*628*/
	/*width:950px;*/
    width:289px;
	margin-left:auto;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
	border:0px solid #006633;
	padding:10px;

    border:3px solid #EE7B0E;

	/*TRY*/
	float:left;
	/*TRY*/
height:370px;
    background-color:#EE7B0E;
    color:#ffffff;
}


div#content
{
	/*628*/
	/*width:950px;*/
    width:614px;
	margin-left:auto;
	margin-right:10px;
	margin-bottom:10px;
	margin-top:0px;
	border:0px solid #006633;
	padding:10px;

    border:3px solid #EE7B0E;

	/*TRY*/
	float:left;
	/*TRY*/
}

div#content h1
{
	color: #EE7B0E;
	font-size:11pt;
	font-weight:bold;
	margin-top:0px;
	width:312px;
	float:left;
	display:block;
	clear:none;
	margin-bottom:0px;
	height:14pt;
}

div#content h2
{
	color: #EE7B0E;
	font-size:10pt;
	font-weight:normal;
	margin-top:6px;
    font-weight:bold;
	
}

div#content h3
{
	font-weight:bold;
	margin-top:10px;
	margin-bottom:0px;
}

div#content p#path
{
	font-size:7pt;
	margin-top:0px;
	margin-bottom:0px;
	width:312px;
	text-align:right;
	letter-spacing:0.1em;
	
	display:block;
	margin-left:auto;
	clear:none;
	height:14pt;
	
}

div#content ul
{
	padding:0px;
	margin:0px;
	margin-left:18px;
}

div#content li
{
	margin-bottom:4px;
	/*margin-left:-18px;*/
}

div#content tr.header td
{
	background-color:#cccccc;
	font-weight:bold;
}

div#content div#contentLeft
{
    width: 626px;
    margin-right:10px;
    float:left;
    background-color:#cccccc;
}

div#content div#contentRight
{
    width: 314px;
    float:left;
    background-color:#cccccc;
}


/*
Bereich Bottom
##############################################
Der Bereich bottom enth�lt eine horizontale UL Liste.
*/
div#bottom
{
	width:970px;
	border:1px solid #006633;
	
	background-color: #EE7B0E;
	height:13pt;
	margin-right:auto;
	margin-left:auto;
	
}			
div#bottom ul
{
	height:100%;
	margin:0px;
	text-align:center;
	padding:0;
	padding-top:3px;
	padding-bottom:3px;
	
}
div#bottom ul li 
{
	height:100%;
	list-style: none;
	display: inline;
	border-left: 1px solid #ffffff;
	padding-left:10px;
	padding-right:10px;
	
	color:#ffffff;
	font-size:7pt;
	
}

div#bottom ul li a
{
	color:#ffffff;
	text-decoration:none;
	font-size:7pt;
}

/*
Bereich Bottom
##############################################
Der Bereich bottom enth�lt eine horizontale UL Liste.
*/
div#partner
{
	width:970px;
	border:0px solid #006633;
	height:auto;
	margin-right:auto;
	margin-left:auto;
	margin-top:10px;
	margin-bottom:0px;
	display:block;
}		

div#partner img
{
	border:1px solid #006633;
	float:left;
	margin-right:8px;
	margin-bottom:8px;
	display:block;
}