
body {
text-align: center; 
background: #fff;
color: #fff;
min-width: 700px;
}
body { color: #333; font-family: verdana, tahoma, arial, sans-serif; font-size: 11px; text-align: center; }
a {color: #111461; padding: 0 2px;}
a:visited { color: #c03; font-weight: normal; }
ul {margin: 1em 2em;}
/***************************************************************/
/**************** Layout CSS begins ****************************/
#wrapper { /* also holds the left "sliding" tab */
background: url(images/seite_l.gif) repeat-y; text-align: left; width: 919px; /* this can fixed or fluid */
margin: 0 auto; /* NN will put content out of scrollable reach if auto is used unless there's a min-width on body too*/
font-size: 11px; padding: 0; border: solid 1px #4a1c21; }
#header, #subnav, #footer {
clear: both; 
width: 100%;
}
#header { background: #336; color: #fff; text-align: center; margin: 0; padding: 0 0 1px; }
#footer { text-align: center; color: #fff; font-size: 10px; font-style: italic; background-color: #036; background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; border-top: 1px solid #336; }
#footer div { background-color: transparent; background-repeat: no-repeat; background-attachment: scroll; background-position: 100% 0; padding: 1px 0; }
#contentfloatholder {/* also makes the right "sliding" tab */
background: url(images/seite_r.gif) repeat-y 100% 0; float: left; width: 100%; position: relative; margin-left: 0; }
#contentfloatholder:after {
 /* this is for NN6 to clear floats */
    content: "."; 
    display: block; 
    height: 0px;
    clear: both; 
    visibility: hidden;
}
#centerpad { background-color: transparent; text-align: justify; margin: 0 185px 20px; }
.center { background-color: transparent !important; text-align: justify; margin: 0 185px 20px; }
#right {
  float:right;
  width: 170px;
}
/*************       For IE Mac           **************/
/* IE/Win is also using these rules, but it doesn't mind */
* html div#center {margin-right: -100%;}
* html div#left {margin-left: -8px;}
/***** General formatting ****/
#wrapper { position: relative; z-index: 500; }
#banner { background-image: url(images/ge_new.jpg); background-repeat: repeat-y; background-position: center top; height: 225px; width: 919px; margin: 0 auto; padding: 0; border-right: 1px solid #336; border-left: 1px solid #336; }
h1 { font-size: 9pt; font-weight: bold; margin: 0 0 4px; }
/***** Main Menu****/
.vnav
{ width: 160px; margin: 1em 0; padding: 0; }
.vnav ul, .vnav ul li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: block;
}
.vnav ul li
{ margin-left: 0; border-bottom: 1px solid #fff; }
.vnav ul li, .vnav ul li a
{
	margin: 0;
	display: block;
	padding: 0;
	line-height: normal;
}
.vnav ul li a
{ margin-left: 0; display: block; padding: 2px 5px 3px 2px; }
.vnav ul li a, .vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active, .vnav ul li a:hover
{ text-decoration: none; margin-left: 0; cursor: pointer; }
.vnav h3
{ color: #ffc; margin-bottom: 3px; padding-bottom: 0; font-size: 13px; background-color: #336; padding-left: 0; }
* html .vnav ul li a/* hide from IE5.0/Win & IE5/Mac */
{
	height: 0.01%;
}
* html .vnav ul
{
	position: relative;	/* IE needs this to fix a rendering problem */
}
.vnav ul li a:link, .vnav ul li a:visited, .vnav ul li a:active
{ text-decoration: none; color: #336; font-size: 12px; margin-left: 0; border-bottom: 1px groove #336; }
.vnav ul li a:hover, #rightColumn .vnav ul li a:hover
{ text-decoration: none; background-color: #c30; color: #fff7fd; margin-left: 0; }
/*Specials*/
.specialscontainer { color: #336; font-size: 11px; background-color: #fff; text-align: center; width: 80%; margin: 10px 0 10px 10px; padding: 2px 4px; border: groove 2px; }
.specialscontainer a:link, .specialscontainer a:visited, .specialscontainer a:active { color: #c03; font-size: 12px; font-weight: bold; background-repeat: repeat-y; background-position: 100% 0; }
.specialscontainer h3
{ margin-bottom: 3px; padding-bottom: 0; font-size: 126%; background-color: #fc3; text-align: center; margin-right: 2px; margin-left: 2px; }
.Content1 { background-repeat: no-repeat; visibility: visible; margin-top: 15px; margin-bottom: 15px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border: solid 1px #033e7f; }
.Content2 { color: #fff; font-weight: bold; background-color: #006; background-repeat: no-repeat; text-align: justify; visibility: visible; margin-top: 4px; margin-left: 4px; padding: 2px; }
hr { }
h5
{ font-size: 18px; background-color: #fff; margin: 0; }
.subbody { margin: 0 auto; background-color: #fff8f2; text-align: center; color: #5a5443; background-image: url(images/newbg.jpg); background-repeat: repeat-y; background-position: center; width: 919px; height: 100%; padding: 0; border-color: white #336; border-style: solid; border-width: 2px; }
.tour1 { width: 165px; height: 275px; float:left; padding: 0 2px; margin:0 10px 10px 0; font-size: 10px; background-color: #ffc; text-align: justify; border: ridge 2px #bd0f28; }
.tour1 h5 { color: #fff; background-color: #bd0f28; text-align: center; border: groove 2px; }
.tour1 a:link, tour1 a:visited, tour1 a:active { color: #fff7fd; font-size: 15px; }
.box1 { color: #fff; width: 97%; float:left; padding: 0 2px; margin:0 10px 10px 0; font-size: 10px; background-color: #69f; text-align: justify; border: double 2px #009; }
.box1 h5 { color: #fff; background-color: #281173; text-align: center; border: groove 2px; }
#footer a:link, #footer a:active, #footer a:visited  { text-align: center; color: #fff7fd; font-size: 12px; text-decoration: underline; margin-top: 4px; margin-bottom: 8px; padding-bottom: 10px; }
h2 { color: #fff; font-size: 15px; font-weight: bold; background-color: #a61313; background-image: url(images/tile_cat2.gif); text-align: center; margin: 0.83em 0; }
.tour { width: 500px; height: 105px; padding: 0 2px; margin:0 10px 10px 20px; font-size: 11px; background-color: #c1dbed; text-align: justify; border: ridge 2px #999; }
.tour a:visited {color: #c1dbed; text-decoration: none; }
.tour a:hover {color: #ffeb1d; text-decoration: underline; }
.tour a { color: #fff; font-weight: bold; font-style: italic; text-decoration: none; text-align: center; }
form { text-align: right; padding-top: 10px; }
#center { text-align: center; float:left; width: 100%; margin-top: 10px; margin-right: -95%; 
	/* this needs to be less than 100% for Moz/Mac which thinks 
         it's empty otherwise. The difference is made up by putting a 
         negative left margin on the left float:
	   Note IE/Mac doesn't like this method ~ it wants the 100% so it can 
	   be fed in using IE only CSS below becasue IE/Win also works with the 100% method.  
	*/
}
#left {
  float:left;
  width: 170px;
  margin-left: -5%; /* the difference to make the left colum appear flush left */
}

