/*

1) Layout
2) Navigation
3) Typography
4) Lists, Forms, Tables
5) Component Specific

*/


:-moz-any-link:focus {
  outline: none;
}



/***************************
  1) Layout
***************************/

html {
	height:100%;
	width:100%;
/*	background:#999;*/
	

}

body {
	height:100%;
	width:100%;
	font-family: helvetica, arial, sans-serif;
	font-size:11px;
	color:#222;
}

#ie6 {
	position:absolute;
	color:red; 
	font-size:60px;
	z-index:100;
	background:#fff;
	left:0;
}

#canvas {
	position:relative;
	width:100%;
	height:100%;
	background:#EEE;
	background:transparent url('/images/bg_pattern.jpg') repeat;
	overflow:hidden;
}

#mainText {
	word-spacing:-0.07em;
	margin:5em 0 0 100px;
	font-size:24px;
	
}

#infoBox {
	padding:24px 0 0 105px;
	position:absolute;
	left:0;
	top:-114px;
	background:transparent url('../images/infoBox_bg_with_shadow.png') repeat-x -10px 0px;
	width:100%;
	height:90px;
	z-index:2;
/*	opacity: 0.85;
	-moz-opacity: 0.85;
	filter:alpha(opacity=85);*/
}

#logo {
	z-index:100;
	display:block;
	background:transparent url('/images/logo.png') no-repeat;
	width:127px; 
	height:83px;
}


#slideWindow {
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-340px;
	margin-left:-425px;
	width:850px;
	height:650px;
	overflow:hidden;
}

#slideContainer {
	width:100000px;
	height:650px;
}

div.outerImageHolder {float:left;}

div.imageHolder {
	text-align:center;
	display: table-cell;
	vertical-align: middle;
	height:650px;
	width:850px;
}

div.imageHolder .loading {
	background:red;
}

span.descr, span.year {display:none;}


#slideContainer img {z-index:1;position:relative; padding:18px; visibility:hidden;}
/*#slideContainer img {visibility:hidden;}*/

.singleCol {width:450px;}

.leftCol, .rightCol {
	display:inline;
	float:left;
	width:330px;
}
.rightCol {
	display:inline;
	float:right;
	margin-right:1em;
}

.leftCol img, .rightCol img { margin-right:1em;}

a:link {color:#999;}
a:hover {text-decoration:underline;}
a:visited {color:#999;}


#menuTrigger {
	position:absolute;
	right:0;
	top:0;
	width:100px;
	height:100%;
	z-index:5;
	background:transparent;
}

#menuOff {
	display:none;
	position:absolute;
	left:0;
	top:0;
	width:100%;
	height:100%;
	background:transparent;
	z-index:3;
}

#debug {
	display:none;
	position:absolute;
	background:orange;
	height:300px;
	width:400px;
	bottom:0;
	left:0;
	z-index:1000;
}

#haende, #introTitles {
	top:0;left:0;
	position:absolute;

}

#haende {
	display:none;	
	z-index:1;
}

#introTitles {
	display:none;
	left:0px;
	
}

#redArrow {
	position:absolute;
	right:10px; bottom:-200px;
	z-index:2 !important;
}

#logo {
	position:absolute;
	margin:20px 0 0 20px;
	width:53px;
	height:51px;
	background:transparent url('/images/logo.png') no-repeat;	
}
#swAddress {
	z-index:3;
	position:absolute;
	display:block;
	margin:24px 0 0 100px;
}

#referenzen {
	background:transparent url('/images/referenzen.png') no-repeat;
	height:100px;width:12px;
	position:absolute; 
	bottom:100px;
	margin:0;
	right:2px;
	display:block;
	z-index:7;
}

#navigator {
	z-index:3;
	position:absolute;
	text-align: center;
	bottom:10px;
	left:50%;
	margin-left:-50px;
	width:100%;
	height:34px;
}
#navigator div {float:left; cursor:pointer;}
#info_bt {width:38px;height:34px;background:transparent url('/images/info_btn.png') no-repeat;}
#left_arr, #right_arr {width:34px; height:34px;}
#left_arr {background:transparent url('/images/arrows_left.png') no-repeat;}
#right_arr {background:transparent url('/images/arrows_right.png') no-repeat;}

#navigator .disabled {background-position:0px -33px; cursor: default;}


#counter {position:absolute; top:25px; right:50%; margin-right:-25px; display:block;;}
#counterRight {margin-left:0.2em;}
#counterLeft {margin-right:0.2em;}

#infoBox div {width:240px;float:left;}
#infoBox h1 {}
#infoBox p {width:240px; float:left; }
#infoBox p.addInfo, #infoBox p.addInfo2 {margin-left:1em;}


#helpButton {position:absolute !important; display:block; top:5px; right:5px; background: transparent url('../images/help_button.png') no-repeat 0 0; height:20px; width:20px; padding:0 !important; margin:0 !important; cursor:pointer;}
#helpButton:hover {background-position: 0px -19px;}

#helpOverlay {
	overflow: hidden;;
	position:absolute;
	z-index:1000;
	height:100%; width:100%;
	display:none;
/*	background:transparent url('../images/infoBox_bg.png') repeat;*/
}
#helpOverlay div {
	position:absolute;
}

#help_graphics {
	background:transparent url('../images/help.png') no-repeat;
	width:348px; height:315px;
	right:0px;
	top:-348px;
}

#portraitContainer {
	display:block;
	position:relative;
	width:800px;
	margin:100px 0 0 100px;
}
#portrait, #portraitSWF {
	display:block !important;
	clear:both;
	width:500px; height:500px;
}

#portrait img {
	display:none;
}

#mitarbeiterInfo {
	position:absolute;
	bottom:0px; left:520px;
	width:200px;
}
#mitarbeiterInfo div {
	display:none;
}

#shapes { display:none; margin:5px 0 0 96px; height:20px;}

#shapes img {
	cursor: pointer;;
	float:left;
}

#leitbildContainer {display:none;}

#leitbild {
	margin:100px 0 0 100px;
	height:401px;
	width:610px;
	background:transparent url('../images/leitbild.png') no-repeat;	
}

#leitbild p {display:none; }


/***************************
  2) Navigation
***************************/
#menu {
/*	overflow: auto;*/
	position:absolute;
	z-index:6;
	right:-325px;
	top:0;
	width:340px;
	height:100%;
	margin:0px 0 0 0 ;
	padding:2em 0 0 0px;
	font-size:11px;
	letter-spacing:0.05em;
	font-weight:bold;
	list-style: none;
	background:transparent url('/images/menu_bg.png') repeat;
	
	
/*	opacity: 0.85;
	-moz-opacity: 0.85;
	filter:alpha(opacity=85);*/	
}
#menu li {
	padding:0 0.7em 0 1em;
	position:relative;
	margin:1px 0 1px 0;
}
#menu li a {
	line-height:1.7em;
	height:1.5em;
	padding:0px 0px 0 0.5em ;
	display:block;
	width:310px;
}

#menu li a:link { color: #757575;}


#menu li a:visited {color:#555;}
#menu li a:active {color:#fff;}
#menu li a:hover { color:#fff;text-decoration: none; }

#menu li a.sel {color:#ccc}

#level1Menu {
	position:absolute;
	z-index:5;
	right:130px;top:23px;
/*	margin:20px 130px 0 0;*/
}
#level1Menu li {
	padding-left:5px;
	float:left;
}

#level1Menu li a.sel, #mannschaftsListe li a.sel {color:#000}

#mannschaftsListe {
	float:none !important;
	width:200px;
	height:15px;
}
#mannschaftsListe li {
	float:left;
	padding:0 5px 0 0 ;
}



/***************************
  3) Typography
***************************/

h1 {font-size:11px;color:#000;font-weight:bold;}
h2 {font-size:16px; line-height:1.1em; margin:1em 0 0.6em 0; color:#888;}
h3 {font-size:14px; margin:0em 0; color:#68B41E; font-weight:normal;}

ul {line-height:1.3em;margin-bottom:1em;}
ul li {
	margin-bottom:0.5em;
/*	background:transparent url('/images/list_dot.jpg') no-repeat 0px 3px;*/
	padding-left:1.5em;
}

p {line-height:1.3em;margin:0 0 1em 0;}


/*************************
  3.1) Effects
**************************/

div.sh {position:relative; display:block; margin:auto;}

.tl,.tr,.br,.bl {position:absolute;}

div.tl {background:transparent url('../images/dropshadow/dropshadow2-tl.png') no-repeat 0 0;top:0;left:0;}
div.br {background:transparent url('../images/dropshadow/dropshadow2-br.png') no-repeat bottom right;bottom:0;right:0;} 
div.tr {background:transparent url('../images/dropshadow/dropshadow2-tr.png') no-repeat 100% 0px;top:0;right:0;}
div.bl {background:transparent url('../images/dropshadow/dropshadow2-bl.png') no-repeat 0 100%; bottom:0;left:0;}

.whitebg {background:transparent url('../images/white_bg.png') no-repeat;}


/* TABLES */
/*table {
	border:none;
	border-collapse:collapse;
	border-spacing: 0;
	
}

table tbody tr {
	background-color:#ddd;
	border-top:2px solid #fff;
	border-bottom: 1px solid #eee;
}

table tr.alternateRow {
	background-color:#eee;
}*/