/* --- Standardstylesheet www.nu-ragers.de ----  */
body {
   margin:0;
	padding:0;
	text-align: center;         
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 12px!important;  
   background: #01359A url(images/bgbody1.jpg) top left repeat-x;
   color: #006;

	scrollbar-base-color: #9CF;
	scrollbar-darkshadow-color: #9cf;
	scrollbar-arrow-color: #006;
	scrollbar-3dlight-color: #9cf;
	scrollbar-darkshadow-color: #9cf;
	scrollbar-face-color: #9cf;
	scrollbar-track-color: #D0E8FF;
}



h1 { font-size:24px!important; font-weight: bold;  color: white;}
h2 { color: navy; font-size:14px;!important; margin:0; padding:0px;}
p  { font-size: 12px!important; padding: 0px; margin:4px 0 12px 0; }
a  { color: navy; text-decoration: underline; }
a:hover { color: blue; }

#wrapper {
   position: absolute;
	left:50%;
	width:770px;
	height:565px;
   margin:24px 0 0 -385px;
	padding:0;
	text-align:left;
	background-color:transparent;
}

#header {
	width:770px;
	height:120px;
	background: url(images/bgheader1.jpg) no-repeat;
   float: left; 
}

#header #info {
	display: none;
}

#topnavi {
	position: relative;
   width: 764px;
   top: -20px;
	left: 0px;
	text-align: right 
}

#slogan1 {
	position: relative; 
	color: White;
	width: 764px;
	text-align: right;
   left:0px;
   top: 78px; 
   font-size: 17px;
	font-weight: bold; 
}

#slogan2 {
	font-size:20px;
	font-weight: bold;
	color: #006;
   margin:0;
	padding: 0 0 40px 10px; 
}

#navigation {
	float: left;
	width: 170px;
	height: 466px;
   background: url(images/bgnavi1.jpg) no-repeat;
	margin: 0px;
   padding: 80px 0 0 0;
   left: 0px; 
   top: 0px;
}


#navigation #mmcontainer #ulmm { font-weight: bold; position:relative; top:0px; left:-26px; }
#navigation #mmcontainer #ulmm li {margin:10px 0 0 0; padding:2px 0 0 0;  list-style: none; }

#navigation #mmcontainer #ulmm li a {
  display: block;
  width: 113px;
  height: 21px;
  background: url(images/Button.jpg);    
  text-decoration: none;
  text-align: center;
  padding: 4px 0 0 0;
  margin: 0;
  font-size: 13px;
 }

#navigation #mmcontainer #ulmm li a:hover {  background: url(images/Button2.jpg);    
 }
 
#navigation #mmcontainer #ulmm li a#current {  background: url(images/Button3.jpg); }
#navigation #mmcontainer #ulmm li.submenu { margin:1px 0 0 0px; padding:1px 0 0 0;} 
#navigation #mmcontainer #ulmm li.submenu a { height: 16px; font-size:11px; padding:4px 0 0 0; } 


#content {
	float: right;
	width: 580px;
   border: 0px solid red;  
	height: 446px;
	background-color: #9cf;
	padding: 20px 20px 0 0;
} 


/* ----------------- Formulare --------------------------------------------- */ 

.btnsubmit     { border: 1px solid Navy; background-color: #9CF; color: navy; }
.required      { color: #FFF; }
.sellist       { background-color: #9CF; }
.alt           { background-color: #A6D3FF; }

fieldset {
	border: 1px solid #D0E8FF;
   padding: 8px 4px;  
   margin: 0 0 10px 0; 
}

legend {
	color: #D0E8FF;
	font-weight: bold;
}

form p {
	clear: left;
	margin: 0;
	padding: 2px 0 0 0;
}

form p label {
	float: left;
	text-align: right;
	width: 100px;
	padding:2px 2px 0 0;
}

#scripthinweis { text-align:left; padding:0 8px; margin: 8px 0 10px 0; font-size: 10px;}


input.txt, textarea.txt {
	color: #006;
	background-color: #D0E8FF;
	border: 1px solid #515151;
}

input.txt:focus,
input.txt:hover,
textarea.txt:focus,
textarea.txt:hover,
textarea.txt.iehover,
input.txt.iehover
{
	background-color: #FFFFFF;
}




/* Sonderfälle für bestimmte seiten */ 

#tickertext { font-weight: bold; }


#kontakt h1 { padding: 0 0 0  40px; }
#kontakt #content li { list-style-image: url(images/Bg_li.jpg); list-style-position: outside; padding: 0 0 26px 0; }
#kontakt #content li strong { position: relative; top:-3px; padding-left: 0px;}


#showpic #content { text-align: center;vertical-align: middle; position: relative; }
#showpic #content #mininavbar {	position: absolute; top: 0px;	left: 530px;}
#showpic #content #mininavbar a:hover {background-color: #D0E8FF; }


#photos #content { text-align: center; }
#photos #content #miniphotos { text-align: center; margin: 40px 0 0 60px; }
#photos #content form {	margin: 0 0 0 60px; }

#download #content h1 { padding: 0 0 0 40px; }
#download #content ul { padding:10px 0 0 50px; margin: 0 0 0 50px;}
#download #content li { list-style-image: url(images/Bg_li.jpg); padding:4px 0; margin:0px; }
#download #content li a {text-decoration: none; font-weight: bold; padding:0; margin:0px; position:relative; top:-4px; }

#presse #content h1, #presse #content p { padding:0px 0 0 40px; }

#fanecke #content h1,
#fanecke #content #text { padding:0px 0 0 40px; }
#fanecke #content #text { margin: 20px 0 10px 0; }

#tourdaten #content h1 { padding:0px 0px 0 40px; }
#tourdaten h2 { margin-top: 8px; }
#tourdaten td { vertical-align: top; padding:4px; font-size: 11px;}
#tourdaten #flow { width: 530px;	height: 380px; overflow: auto; margin: 0 0 0 40px;}
#tourdaten #flow  p {padding: 0 4px 0 0; width: 500px; overflow: auto; }

#gaestebuch #content h1,
#gaestebuch #content h2,
#gaestebuch #content p  { padding:0px 0px 0 40px; }
#gaestebuch #content #gaestebuchadd { margin: 0 0 0 40px;padding:2px; border-bottom: 1px solid #00c; text-align:left; }
#gaestebuch #content #gaestebuchadd a { text-decoration: none; position: relative; top:-3px; }
#gaestebuch #flow  { margin: 0 0 0 40px; width: 540px; height:360px; overflow: auto;}
#gaestebuch #flow  p {padding: 0 4px 0 0; width: 510px; }
#gaestebuch #flow .gbheader { width: 508px;background: #D0E8FF;  margin: 8px 0px 0 0px; padding: 4px; line-height: 18px;
                              border-bottom: 1px solid Gray;  border-right: 1px solid gray; }
#gaestebuch #flow .gbentry  { margin: 8px 8px 0 0px; padding: 4px;}

#tourphotos #content h1,
#tourphotos #content h2,
#tourphotos #content p { padding:0px 0px 0 40px; }
#tourphotos #content ul { padding:0px 0px 0 0px; }
#tourphotos #content #partypic { height: 430px;padding: 0 10px 0 0; background: url(images/Party.jpg) bottom right no-repeat;  }
#tourphotos #content li { list-style-type: none; ;padding:0 0 2px 0; margin:0px; }
#tourphotos #content li a { background: url(images/Bg_lir.jpg) no-repeat; padding:0 0 0 45px; }
#tourphotos #content #miniphotos { text-align: center; margin: 20px 0 0 20px; }
#tourphotos #content #back { margin:20px 0 0 44px; }
#tourphotos #content #flow {	height: 360px; overflow: auto; background: url(images/party2.jpg) top right no-repeat;}
									
#links #content h1,
#links #content p  { padding:0px 0px 0 40px; }
#links #flow {	height: 380px; overflow: auto; }

#impressum #content h1 { padding:0px 0px 0 40px;}

#impressum #content #left {float: left; width: 320px; padding: 0 0 0 40px;}
#impressum #content #right {float: right; width: 200px; border: 1px solid #D0E8FF; font-size:9px; padding: 8px; }



/* ------- Ueber - uns - Formatierung des Image-Rollovers mit Messages */

#imgwrapper {	position: relative; top: -20px; }
#imgwrapper #id1 { position: absolute; left:35px; top:65px; z-index:1000;}
#imgwrapper #id2 { position: absolute; left:92px; top:47px; z-index:1000;}
#imgwrapper #id3 { position: absolute; left:145px; top:200px; z-index:1000;}
#imgwrapper #id4 { position: absolute; left:183px; top:85px; z-index:1000;}
#imgwrapper #id5 { position: absolute; left:266px; top:75px; z-index:1000;}
#imgwrapper #id6 { position: absolute; left:340px; top:82px; z-index:1000;}
#imgwrapper #id7 { position: absolute; left:429px; top:77px; z-index:1000;}

#msgid1, #msgid2, #msgid3, #msgid4, #msgid5, #msgid6, #msgid7 {
	position: absolute;
	z-index: 2000;
	background-color: #FFFFFF;
	border: 1px solid Black;
   opacity: 0.7;
	filter: alpha(opacity=70);
	padding: 8px;
	color: Navy;
	font-weight: bold;
}

#msgid1 { top: 390px; left: 40px; width: 460px; }
#msgid2 { top: 10px; left: 110px; width: 460px; }
#msgid3 { top: 340px; left: 160px; width: 360px; }
#msgid4 { top: 50px; left: 180px; width: 360px; }
#msgid5 { top: 290px; left: 280px; width: 260px; }
#msgid6 { top: 10px; left: 130px; width: 420px; }
#msgid7 { top: 390px; left: 40px; width: 460px; }



/* ---- Formatierungen für die Navigationsleisten ----------- */
									
.navbar {background:#9cf url(images/bgnavbar1.jpg) repeat-y;  margin-top: 8px; width: 514px; font-size: 11px; font-weight: bold; }
.navbar table {width: 380px; width: 100%; }
.navbar table td {padding: 2px 8px; }		
.navbar table a:link { font-size: 9px;  text-decoration: none; font-weight: normal;}
.navbar table a:hover {	background-color: #D0E8FF; }
.navbar table a:visited { font-size: 9px;  text-decoration: none; font-weight: normal;}