/* <!-- */ 
/* general styles */
body
{
  margin:0;
  padding:0;
  border:0;						/* This removes the border around the viewport in old versions of IE */
  width:100%;
  background:#ffffff;
  min-width:600px;				/* Minimum width of layout - remove line if not required */
								/* The min-width property does not work in old versions of Internet Explorer */
  color:#ff6633;
  font-family:Arial, Helvetica, sans-serif;
}

h4
{
  margin:0 0 0 0;
  padding:0 0 0 0;
  color:#ffffff;
  background-color:#ff6633;
  letter-spacing:-0.5px;
  font-size:24px;
}



h3
{
  margin:5px 0 0 0;
  padding:0 0 0 5px;
  color:#ffffff;
  background-color:#ff6633;
  letter-spacing:-0.5px;
  font-size:24px;
}

h2
{
  margin:10px 0 15px;
  padding:0 0 0 5px;
  color:#ffffff;
  background-color:#ff6633;
}

h1
{
  margin:10px 0 15px;
  padding:0 0 0 5px;
  color:#ffffff;
  background-color:#ff6633;
  text-align:right;
}


p
{
  margin:10px 0 15px;
  padding:0;
}

p.menup
{
  margin:10px 0 15px;
  padding:0 0 0 5px;
  list-style:none;
  background-color:#ffffff;
}

p.menupparspo
{
  margin:10px 0 15px;
  padding:0 0 0 0px;
  list-style:none;
  background-color:#ffffff;
  text-align:center;
}


img
{
  margin:10px 0 5px;
}


img.menu
{
  margin:0 0 0 0;
}

img.anfahrt
{
  margin:40px 0 0 0;
}

/* Header styles */

#header
{
  clear:both;
  float:left;
  width:100%;
}

#header
{
/*border-bottom:5px solid #66cccc;
  background:#ff6633; old 
  background-image:url(bilder/column-bg.jpg);
  background-repeat:repeat; */
}

#header p
{
  padding:.4em 15px 0;
  margin:0;
}

#header h1,#header h2
{
  margin:0;
  padding:0;
  color:#ffffff;
  background-color:#ff6633;
  text-align:right;
  line-height:25px;
}

#header ul
{
  clear:left;
  float:left;
  width:100%;
  list-style:none;
  margin:10px 0 0;
  padding:0;
}

#header ul li
{
  display:inline;
  list-style:none;
  margin:0;
  padding:0;
}

#header ul li a
{
  display:block;
  float:left;
  margin:0 0 0 1px;
  padding:3px 10px;
  text-align:center;
  background:#eee;
  color:#000000;
  text-decoration:none;
  position:relative;
  left:15px;
  line-height:1.3em;
}

#header ul li a:hover
{
  background:#000000;
  color:#ffffff;
}

#header ul li a.active,#header ul li a.active:hover
{
  color:#ffffff;
  background:#000000;
  font-weight:bold;
}

#header ul li a span
{
  display:block;
}


/* 'widths' sub menu */

#layoutdims
{
  clear:both;
  background:#ebebeb;
  margin:0;
  padding:6px 15px!important;
  text-align:right;
}


/* column container */

.colmask
{
  position:relative;				/* This fixes the IE7 overflow hidden bug and stops the layout jumping out of place */
  clear:both;
  float:left;
  width:100%;						/* width of whole page */
  overflow:hidden;					/* This chops off any overhanging divs */
}


/* holy grail 3 column settings */

.holygrail
{
  /*background:#99cccc;		old */		/* Right column background colour */
  background-image:url(bilder/column-bg.png);
  background-repeat:repeat;  
}

.holygrail .colmid
{
  float:left;
  width:200%;
  margin-left:-200px;				/* Width of right column */
  position:relative;
  right:100%;
  background:#ffffff;				/* Centre column background colour */
}

.holygrail .colleft
{
  float:left;
  width:100%;
  margin-left:-50%;
  position:relative;
  left:400px;						/* Left column width + right column width */
  /*background:#99cccc;		old */					/* Left column background colour */
   background-image:url(bilder/column-bg.png);
  background-repeat:repeat;  
}

.holygrail .col1wrap
{
  float:left;
  width:50%;
  position:relative;
  right:200px;						/* Width of left column */
  padding-bottom:1em;				/* Centre column bottom padding. Leave it out if it's zero */
}

.holygrail .col1
{
  margin:0 215px;
								/* Centre column side padding:
                            	Left padding = left column width + centre column left padding width
                            	Right padding = right column width + centre column right padding width */
  position:relative;
  left:200%;
  overflow:hidden;
  background-image:url(Abifestival09_Sonne.jpg);
  background-repeat:no-repeat;
  background-position:bottom center;
  background-attachment:fixed;
  min-height:600px;
}

.holygrail .col2
{
  float:left;
  float:right;				/* This overrides the float:left above */
  width:170px;				/* Width of left column content (left column width minus left and right padding) */
  position:relative;
  right:15px;				/* Width of the left-had side padding on the left column */
}

.holygrail .col3
{
  float:left;
  float:right;				/* This overrides the float:left above */
  width:170px;				/* Width of right column content (right column width minus left and right padding) */
  margin-right:45px;		/* Width of right column right-hand padding + left column left and right padding */
  position:relative;
  left:50%;
}


/* Footer styles */

#footer
{
  clear:both;
  float:left;
  width:100%;
  background-color:#ff6633;
}

#footer p
{
  padding:0;
  margin:0;
  text-align:center;
}

.footerspan
{
  color:#FFFFFF;
  font-size:10px;
}

.footerlink:link
{
  color:#ffffff;
  text-decoration:none;
  font-size:10px;
}

.footerlink:visited
{
  color:#ffffff;
  text-decoration:none;
  font-size:10px;
}

.footerlink:active
{
  color:#ffffff;
  text-decoration:underline;
  font-size:10px;
}

.footerlink:hover
{
  color:#ffffff;
  text-decoration:underline;
  font-size:10px;
}



/* MENU */
#wrapper
{
  width:170px;
  margin:0 auto;
}

ul#menu_back
{
  margin:0;
  padding:0;
  list-style:none;
  background-color:#ffffff;
}

ul#menu_back li span
{
  padding-left:0;
}

ul#menu_back li.trigger
{
  padding:.4em;
}


/* ul#menu_back hover menu position override */

ul#menu_back .trigger ul.menu
{
  margin-top:1.2em;
  margin-left:3em;
}


/* ++ Hover menu styles */

.trigger ul.menu
{
  display:none;
  position:absolute;
  margin:0;
  padding:.4em;
  list-style:none;
  background-color:#99cccc;
  width:150px;
}

.trigger ul.menu li
{
  padding:.1em .5em;
}

.trigger ul.menu li a
{
  display:block;
}

.trigger:hover
{
  background-color:#99cccc;
}

.trigger:hover ul.menu
{
  display:block;
}

.ueberlinks:link
{
  color:#ff6633;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}

.ueberlinks:visited
{
  color:#ff6633;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}

.ueberlinks:active
{
  color:#ff6633;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}

.ueberlinks:hover
{
  color:#ff6633;
  text-decoration:none;
  cursor:pointer;
  font-weight:bold;
}

.menu_link:link
{
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}

.menu_link:visited
{
  color:#ffffff;
  text-decoration:none;
  font-weight:bold;
}

.menu_link:active
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
}

.menu_link:hover
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
}


.menu_linkcontent:link
{
  color:#ff6633;
  text-decoration:undeline;
  font-weight:bold;
}

.menu_linkcontent:visited
{
  color:#ff6633;
  text-decoration:undeline;
  font-weight:bold;
}

.menu_linkcontent:active
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
}

.menu_linkcontent:hover
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
}

.web2menu_link:link
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}

.web2menu_link:visited
{
  color:#ff6633;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}

.web2menu_link:active
{
  color:#99cccc;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}

.web2menu_link:hover
{
  color:#99cccc;
  text-decoration:none;
  font-weight:bold;
  font-size:14px;
}




a:link
{
  color:#ff6633;
  text-decoration:underline;
  font-size:14px;
}

a:visited
{
  color:#ff6633;
  text-decoration:underline;
  font-size:14px;
}

a:active
{
  color:#ff6633;
  text-decoration:none;
  font-size:14px;
}

a:hover
{
  color:#ff6633;
  text-decoration:none;
  font-size:14px;
}


<!--[if lte IE 6]>       <style type="text/css">       #ie6msg{border:3px solid #090; margin:8px 0; color:#000;}       #ie6msg h4{margin:8px; padding:0;}       #ie6msg p{margin:8px; padding:0;}       #ie6msg p a.getie7{font-weight:bold;}       #ie6msg p a.ie6expl{font-weight:bold;}       </style>       <div id="ie6msg">       <h4>Sorry dein Browser ist so alt, dass wir uns entschieden haben den Internet-Explorer 6 nicht mehr zu unterstützen.</h4>       <p>Für die optimale Betrachtung unserer Website empfehlen wir dir einen dieser Browser:<a class="ie6expl" href="http://www.opera.com">Opera</a>, <a class="ie6expl" href="http://mozilla.com">FireFox</a> oder <a class="ie6expl" href="http://www.apple.com/safari/download/">Safari</a>  Sitzt du gerade im Büro? Dann kontaktier doch bitte deinen Systemadministrator.</p>       </div>       <![endif]-->

/* --> */