/* CSS Document */
html {
font-family: Arial, helvetica, Verdana, sans-serif;
}

body {
	 margin: 0px auto;
	 padding: 0px auto; 
	 text-align:left; 
	 font-family: Arial, helvetica, Verdana, sans-serif;
	 background: #660033;
	 min-width: 900px;
	}

/* Hauptnavigation */

#hauptnav {
font-size: 13px;
font-family: Arial, helvetica, Verdana, sans-serif;
text-align: left;
border: 0px;
position:absolute; 
width:630px; 
height:30px; 
z-index:2; 
left: 170px; 
top: 90px;
}

#hauptnav p {  
	color: #CC9999;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px; 
	line-height: 15px;
	}
	
#hauptnav a:link {
	color: #CC9999;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

 #hauptnav a:visited {
	color: #CC9999;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

#hauptnav a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

/* SUB navigation */

#subnav {
font-size: 12px;
font-family: Arial, helvetica, Verdana, sans-serif;
text-align: left;
border: 0px;
position:absolute; 
width:630px; 
height:30px; 
z-index:2; 
left: 102px; 
top: 46px;
}

#subnav p {  
	color: #d21f83;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px; 
	line-height: 15px;
	}
	
#subnav a:link {
	color: #d21f83;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

 #subnav a:visited {
	color: #d21f83;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

#subnav a:hover {
	color: #fff;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

#subnav .on{
	color: #fff;
	background-color: transparent;
}

/* SUB navigation2 */

#subnav2 {
font-size: 12px;
font-family: Arial, helvetica, Verdana, sans-serif;
text-align: left;
border: 0px;
position:absolute; 
width:630px; 
height:30px; 
z-index:2; 
left: 102px; 
top: 32px;
}

#subnav2 p {  
	color: #d21f83;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px; 
	line-height: 15px;
	}
	
#subnav2 a:link {
	color: #d21f83;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

 #subnav2 a:visited {
	color: #d21f83;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

#subnav2 a:hover {
	color: #fff;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
	margin-right: 20px;
}

#subnav2 .on{
	color: #fff;
	background-color: transparent;
}

/* Seitennavigation */

#seitennav {
font-size: 12px;
font-family: Arial, helvetica, Verdana, sans-serif;
text-align: left;
border: 0px;
position:absolute; 
width:100px; 
height:100px; 
z-index:2; 
left: 16px; 
top: 16px;
}

#seitennav p {  
	color: #CC9999;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	margin: 0px;
	padding: 0px; 
	line-height: 15px;
	}
	
#seitennav a:link {
	color: #CC9999;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

 #seitennav a:visited {
	color: #CC9999;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

#seitennav a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

#seitennav .on {
	color: #fae814;
	background-color: transparent;
	font-size: 12px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

/* Logo */

#logo {
font-size: 12px;
font-family: Arial, helvetica, Verdana, sans-serif;
text-align: left;
border: 0px;
position:absolute; 
width:30px; 
height:310px; 
z-index:3; 
left: 16px; 
top: 150px;
}

/* Text links */

#text_links p {  
	color: #d21f83;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	line-height: 17px;
	}
	
#text_links b {  
	font-weight: bold;
}
	
#text_links a:link {
	color: #d21f83;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_links a:visited {
	color: #d21f83;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_links a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}



/* Text links2 */

#text_links2 p {  
	color: #aa8380;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	line-height: 17px;
	}
	
#text_links2 b {  
	font-weight: bold;
}
	
#text_links2 a:link {
	color: #d21f83;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_links2 a:visited {
	color: #d21f83;
		background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_links2 a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}


/* Text links3 */

#text_links3 p {  
	color: #c85122;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	line-height: 17px;
	}
	
#text_links3 b {  
	font-weight: bold;
}
	
#text_links3 a:link {
	color: #c85122;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_links3 a:visited {
	color: #c85122;
		background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_links3 a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

/* Text links4 */

#text_links4 p {  
	color: #EB82AF;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	line-height: 17px;
	}
	
#text_links4 b {  
	font-weight: bold;
}
	
#text_links4 a:link {
	color: #EB82AF;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_links4 a:visited {
	color: #EB82AF;
		background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_links4 a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}


/* Text rechts */

#text_rechts p {  
	color: #eb83a0;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px 20px 0px 0px;
	margin: 0px;  
	line-height: 17px;
	font-weight: bold;
	}
	
/* Text rechts 2 */

#text_rechts2 p {  
	color: #d0814e;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px 20px 0px 0px;
	margin: 0px;  
	line-height: 17px;
	}
	
#text_rechts2 b {  
	font-weight: bold;
}
	
#text_rechts2 a:link {
	color: #d0814e;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_rechts2 a:visited {
	color: #d0814e;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_rechts2 a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

/* Text rechts 2 */

#text_rechts3 p {  
	color: #e3006c;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px 20px 0px 0px;
	margin: 0px;  
	line-height: 17px;
	}
	
#text_rechts3 b {  
	font-weight: bold;
}
	
#text_rechts3 a:link {
	color: #e3006c;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

 #text_rechts3 a:visited {
	color: #e3006c;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

#text_rechts3 a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 13px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 17px;
}

/* Text klein */

#text_klein p {  
	color: #d21f83;
	font-size: 11px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	padding: 0px;
	margin: 0px; 
	line-height: 15px;
	}
	
#text_klein b {  
	font-weight: bold;
}
	
#text_klein a:link {
	color: #d21f83;
	background-color: transparent;
	font-size: 11px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

 #text_klein a:visited {
	color: #d21f83;
	background-color: transparent;
	font-size: 11px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}

#text_klein a:hover {
	color: #fae814;
	background-color: transparent;
	font-size: 11px;
	font-family: Arial, helvetica, Verdana, sans-serif;
	text-decoration: none;
	line-height: 15px;
}


/* Bildhover */

#Link {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
height:85px;
width:85px;
}

#Link:link {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
height:85px;
width:85px;
}


#Link:visited {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
height:85px;
width:85px;
}

#Link:hover {
 border-style:solid; 
 border-width:1px; 
 border-color: #f7dad8;
 margin: 0px;
 padding:0px;
	display: block;
		height:85px;
	width:85px;
}



#Link2 {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
}

#Link2:link {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
}


#Link2:visited {
 border-style:solid; 
 border-width:1px; 
 border-color: transparent;
 margin: 0px;
 padding:0px;
display: block;
}

#Link2:hover {
 border-style:solid; 
 border-width:1px; 
 border-color: #f7dad8;
 margin: 0px;
 padding:0px;
	display: block;
}



/* popup */



#info p {margin-left:15px; margin-right:20px;}



a.screen, a.screen:visited {

font-size: 12px; 

color: #666; 

line-height:18px; 

position:relative; 

z-index:1;

}

a.screen b {

position:absolute;

visibility:hidden; /* hide the image */

width:264px; /* give it a width */

height:0; /* no height to solve an Opera bug that makes it selectable when hidden */

border:1px solid #fff; /* add a border */

/* position:the image */

top:-150px;

left:130px;
}

a.screen:hover {

font-size: 12px; 

color: #f26522; 

line-height:18px;

text-decoration:none; 

border:0; /* needed for this to work in IE */ 

z-index:1000;

}

a.screen:hover b {

visibility:visible; /* make the image visible */

height:auto; /* now give it a height */

cursor:pointer; /* for IE */

z-index:2000; 

}

a.screen:hover b img {

border:0; /* remove the link border */

}


/* Relativer Tooltip */
a.tooltip, a.tooltip:link, a.tooltip:visited, a.tooltip:active  {
  position: relative;
  text-decoration: none; 
  font-style: italic;
  color: #0000ff; 
  }
  
a.tooltip:hover {
  color: #0000ff; 
  background: transparent;
  }

a.tooltip span {
  display: none;  
  text-decoration: none; 
}

a.tooltip:hover span {
  display: block;
  position: absolute; 
  top: -120px; 
  left: 100px; 
  width: 264px;
  height: 400px;
  z-index: 100;
  color: #000000; 
  border:none; 
  background: transparent;
  font: 12px Verdana, sans-serif; 
  text-align: left;
  }
  
a.tooltip span b {
  display: block;
  margin: 0;
  padding: 0;
  font-size: 16px;
  font-weigth: bold;
  color: yellow;
  background-color: gray;
  border: 0px;
  border-bottom: 1px solid black;
}

/* Absoluter Tooltip */
div#menu {
  position: relative; 
  top: 10px; 
  left: 0px; 
  width: 170px; 
  height: 180px; 
  font: 18px Verdana, sans-serif; 
  z-index: 100;
  }
  
div#menu a {
  display: block; 
  text-align: center; 
  font: bold 1em sans-serif; 
  padding: 3px 10px; 
  margin: 0 0 1px; 
  text-decoration: none; 
  color: black; 
  background: #99FF99;
  border: 1px solid black;
  }
  
div#menu a:hover {
  color: #441111; 
  background: #FFFF66;
  border: 1px dotted blue;
  }

div#menu a span {display: none;}
div#menu a:hover span {
   display: block;
   position: absolute; 
   top: 94px; 
   left: 0; 
   width: 158px;
   padding: 5px; 
   z-index: 100;
   color: #000000; 
   background: #FFFFCC;
   font: 12px Verdana, sans-serif; 
   text-align: center;
   border: 1px dashed black;
   }