/* braucht man immer __________________________________________*/

html { 
	overflow : hidden;
	width : 100%;
	height : 99%;
}

body { 
	top : 0;
	left : 0;
	width : 100%;
	height : 99%;
	margin : 0px;
	padding : 0px; 
	background-color:#6c86ab;
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-style : normal;
	text-decoration : none;
	font-variant : normal;
	text-align : left;
	position : absolute;
	vertical-align : top;
	overflow : hidden;
}

acronym { 
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	text-decoration : none;
	font-variant : normal;
}



abbr { 
	font-family : Verdana, Arial, Sans-serif;
	font-size : 8pt;
	font-weight : normal;
	font-style : italic;
	text-decoration : none;
	font-variant : normal;
	word-spacing : 3px;
	letter-spacing : 3px;
}



span.caps { 
	cursor : help;
}

/* Schrifteinstellung   ___________________________________________*/

a, a:link, a:visited {
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 8pt;
}

a:hover {
	text-decoration: none;
}

a.farbe {
	color:#000000;
}

p {
	text-decoration: none;
	text-align: left;
	font-family: Verdana, Arial, Sans-serif;
	font-style: normal;
	font-variant: normal;
	font-size: 8pt;
	line-height: 10pt;
	padding-left: 10px;
	padding-right: 3px;
}

p.farbe {
	color:#000000;
}

h1 {
	font-family:Verdana, Arial, Sans-serif;
	text-align: left;
	font-style:normal;
	color:#000000;
	font-size:16pt;
	font-weight:bold;
	top: 0px;	
	line-height: 16pt;
	padding-left: 10px;
}

h2 {
	font-family:Verdana, Arial, Sans-serif;
	text-align: left;
	font-style:normal;
	color:#ffffff;
	font-size:16pt;
	font-weight:bold;	
	padding-left: 10px;
}

h3 {
	font-family:Verdana, Arial, Sans-serif;
	text-align: left;
 	font-style:normal;
	color:#000000;
	font-size:24pt;
	font-weight:bold;
	padding-left: 10px;
}

h4 {
	font-family:Verdana, Arial, Sans-serif;
	text-align: left;
	font-style:normal;
	color:#000000;
	font-size:9pt;
	font-weight:bold;
	line-height: 9pt;
	padding-left: 10px;
}

h5 {
	font-family:Verdana, Arial, Sans-serif;
	text-align: left;
	font-style:normal;
	color:#ffffff;
	font-size:12pt;
	font-weight:bold;;
	padding-left: 10px;
}
/*Kontainer zentrieren __________________________________________*/

#breite {	
	margin-left: auto;
	margin-right: auto;
	position: relative;
	width: 770px;
	height: 100%;  
	overflow: hidden;
}

#orangel {
	position: absolute;
	top: 0px;
	left: 0px; 
	width: 25px;
	height: 50%;
	/* background-color: #f59e00; */
	background: url('bilder/bg_o.jpg');
	overflow: hidden;
}

#oranger {
	position: absolute;
	bottom: 0px; 
	left: 745px;
	width: 25px;
	height: 50%;
	/* background-color: #f59e00; */
	background: url('bilder/bg_o.jpg');
	overflow: hidden;
}

#centrieren {
	position: absolute; 
	top: 50%;
	left:0px;
	vertical-align: middle;
	width: 100%; 
	height: 2px;
}

#white {
	position: relative; 
	top: -250px; 
	width: 770px;
	height: 500px;
	background-color: #ffffff;
}

#panorama {
	position: absolute; 
	top: 50%;
	left: 0px;
	height: 120px;	
	width: 100%; 	
}

#panoramabild {
	position: relative; 
	top: 0px;
	left: 0px;
	height: 120px;	
	width: 100%; 
	/* background-image: url('bilder/panorama1.jpg'); */
	background: #6c86ab;	
	overflow:hidden;
}


#stage {
	position: relative; 
	margin-left: auto;
	margin-right: auto; 
	top: -370px; 
	width: 770px;
	height: 500px;
	background: #ffffff;
	overflow:hidden;
}

#oben {
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/oben.jpg');
}


#up {
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 44px;
	width: 25px;
	overflow: hidden;	
}

#up a{
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/up1.jpg');
}

#up a:hover, #up a:active {
	position: absolute; 
	top: 0px;
	left: 0px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/up2.jpg');
}

#unten {
	position: absolute; 
	top: 466px;
	left: 745px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/unten.jpg');
}

#down {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 44px;
	width: 25px;
	overflow: hidden;
}

#down a{
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/down1.jpg');
}


#down a:hover, #down a:active {
	position: absolute;
	bottom: 0px;
	right: 0px;
	height: 44px;
	width: 25px;
	background-image: url('bilder/down2.jpg');
}


#logo{
	position: absolute; 
	top: 0px;
	left: 265px;
	height: 44px;
	width: 505px;
	background-image: url('bilder/idworx_offtraxx_net.jpg');
}

#kontainer1 {
	position:absolute; 
	top: 54px;
	left: 25px;
	vertical-align: top;
	height: 392px; 
	width: 240px;
	background-color:#dee3ec;
	float: left;
}

#kontainer2 {
	position: absolute;
	top: 54px;
	left: 265px;
	vertical-align: top;
	height: 392px; 
	width: 240px;
	background-color:#dee3ec;
	overflow:hidden;
}

#kontainer3 {
	position: absolute;
	top: 54px;
	left: 505px;
	vertical-align: top;
	height: 392px; 
	width: 240px;
	background-color:#dee3ec;
	overflow:hidden;
}

#kontainerb1 {
	position: absolute;
	top: 54px;
	left: 25px;
	vertical-align: top;
	height:392px; 
	width: 480px;
	background-color:#dee3ec;
}

#kontainerb2 {
	position: absolute;
	top: 54px;
	left: 265px;
	vertical-align: top;
	height: 392px; 
	width: 480px;
	background-color:#dee3ec;
	float:right;
}

/* Sponsoren ___________________________________________________*/

#idw {
	position: relative;
	top: 0px;
	left: 10px;
	vertical-align: top;
	height: 34px; 
	width: 220px;
	background-color:#ffffff;
}

#ot {
	position: relative;
	top: 0px;
	left: 10px;
	vertical-align: top;
	height: 36px; 
	width: 220px;
	background-color:#ffffff;
}

#sw {
	position: relative;
	top: 0px;
	left: 10px;
	vertical-align: top;
	height: 50px; 
	width: 220px;
	background-color:#ffffff;
}

#ooo {
	position: relative;
	top: 0px;
	left: 10px;
	vertical-align: top;
	height: 80px; 
	width: 220px;
	background-color:#ffffff;}

#3c {
	position: relative;
	top: 0px;
	left: 0px;
	vertical-align: top;
	height: 80px; 
	width: 81px;
	background-color:#ffffff;
	float:left;
}


#hgl {
	position: relative;
	top: -83px;
	right: 0px;
	vertical-align: top;
	height: 80px; 
	width: 63px;
	background-color:#ffffff;
	float:right;
}



/* Menue Mouseover    __________________________________________*/

#menu {
	display: block;
	position: absolute;
	top: 456px;
	left: 25px;
	height: 20px; 
	width: 480px;
	overflow: hidden;
}

#aktuell a {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/akt1.jpg');}

#aktuell a:hover, #aktuell a:active {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/akt2.jpg');
}

#aktuellselected	{
	position: absolute;
	top: 0px;
	left: 0px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/akt3.jpg');    
	text-decoration: none;
	line-height: 20px;
	color: #ffffff;
	float: left;
}

/*  __________________________________________*/

#team a {
	position: absolute;
	top: 0px;
	left: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/team1.jpg');
}

#team a:hover, #team a:active {
	position: absolute;
	top: 0px;
	left: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/team2.jpg');
}

#teamselected	{
	position: absolute;
	top: 0px;
	left: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/team3.jpg');    
	text-decoration: none;
	line-height: 20px;
	color: #ffffff;
}

/*  __________________________________________*/

#termine a {
	position: absolute;
	top: 0px;
	left: 200px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/termine1.jpg');
}

#termine a:hover, #termine a:active {
	position: absolute;
	top: 0px;
	left: 200px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/termine2.jpg');
}

#termineselected	{
	position: absolute;
	top: 0px;
	left: 200px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/termine3.jpg');    
	text-decoration: none;
	line-height: 20px;
	color: #ffffff;
}

/*  __________________________________________*/

#sponsoren a{
	position: absolute;
	top: 0px;
	right: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/sponsoren1.jpg');
}

#sponsoren a:hover, #sponsoren a:active {
	position: absolute; 
	top: 0px;
	right: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/sponsoren2.jpg');
}

#sponsorenselected	{
	position: absolute;
	top: 0px;
	right: 100px;
	height: 20px;
	width: 80px;
	background-image: url('bilder/sponsoren3.jpg');    
	text-decoration: none;
	line-height: 20px;
	color: #ffffff;
}

/*  __________________________________________*/

#impressum a{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 80px;
	background: url('bilder/impressum1.jpg');	
}

#impressum a:hover, #impressum a:active {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 80px;
	background: url('bilder/impressum2.jpg');	
}

#impressumselected	{
	position: absolute;
	top: 0px;
	right: 0px;
	height: 20px;
	width: 80px;
	background: url('bilder/impressum3.jpg');    
	text-decoration: none;
	line-height: 20px;
	color: #ffffff;	
}