
span.accesskey {
   text-decoration:none;
}


.accessibility, hr {
   position: absolute;
   top: -999em;
   left: -999em;
}


dfn {
   position: absolute;
   left: -1000px;
   top: -1000px;
   width: 0;
   height: 0;
   overflow: hidden;
   display: inline;
}

a.external span {
  position: absolute;
  left: -5000px;
  width: 4000px;
}


a.external {

  padding: 0 12px 0 0;
}

a.external:link {
  color: #18507C;
  background: url(/images/cms/external.gif) no-repeat 100% 0;
}
a.external:visited {
  color: #18507C; 

/* 
Set the last 0 to -100px to use that part of the external.gif image for different color for active links 
external.gif is actually 300px tall, we can use different positions of the image to simulate rollover image changes.
*/
  background: url(/images/cms/external.gif) no-repeat 100% 0; 
}

a.external:hover {
  color: #18507C;
/* Set the last 0 to -200px to use that part of the external.gif image for different color on hover */
  background: url(/images/cms/external.gif) no-repeat 100% 0; 
  background-color: #C3D4DF;
}





div#news {
  margin: 2em 0 1em 1em;  
  border: 1px solid #000; 
  background: #FFE9AF; 
}

div#news h2 {
   line-height: 2em;
   background: #fff;
}

.NewsSummary {
    padding: 0.5em 0.5em 1em; 
    margin: 0 0.5em 1em 0.5em; 
    border-bottom: 1px solid #ccc; 
}

.NewsSummaryPostdate {
  font-size: 90%;
  font-weight: bold;
 }

.NewsSummaryLink {
    font-weight: bold;
    padding-top: 0.2em;
}

.NewsSummaryCategory {
  font-style: italic;
  margin: 5px 0;
 }

.NewsSummaryAuthor {
  font-style: italic;
  padding-bottom: 0.5em;
}

.NewsSummarySummary, .NewsSummaryContent {
  line-height: 140%;
 }

.NewsSummaryMorelink {
  padding-top: 0.5em;
}

#NewsPostDetailDate {
  font-size: 90%;
  margin-bottom: 5px;
  font-weight: bold;
  }

#NewsPostDetailSummary {
   line-height: 150%;
   }

#NewsPostDetailCategory {
  font-style: italic;
  border-top: 1px solid #ccc;
  margin-top: 0.5em;
  padding: 0.2em 0;
}

#NewsPostDetailContent {
  margin-bottom: 15px;
  line-height: 150%;
  }

#NewsPostDetailAuthor {

  padding-bottom: 1.5em;
  font-style: italic;
}




div#fpnews p{line-height: 150%}
div#fpnews p.newsdate {font-size: .7em; margin: 0;}
#content div#fpnews h2 {
margin: 0; padding: 0; background: transparent;}
div#fpnews {
padding: 8px;
margin: 0 6px;

border-right: 6px solid #310;
border-top: 6px solid #310;

}

div#newslist h3 a {font-size: .8em}




/* Start 'Navigation: Horizontal' */

/* hack for Internet Explorer */
* html div#menu_horiz {
   /* hide ie/mac \*/
   height: 1%;
   /* end hide */
}



div#menu_horiz {
   background-color: #100; 
   width: 100%;
   margin: 0;
}


div#menu_horiz ul {
   margin: 0;
   padding: 0;
   border-bottom: 1px solid #765;
 
   height:2.2em;
}


/* menu list items */
div#menu_horiz li {
   float: left; 
   list-style: none; 
   margin: 0 ;

}


/* the links, that is each list item */
div#menu_horiz a {
   padding: .6em 1em .6em 1.4em; 
   margin: 0; 
   text-decoration: none; 
   color: #fff;
   background: url(/images/cms/arrow-right.gif) no-repeat 0.5em center;
   display: block; 
}


div#menu_horiz li a:hover {
   background-color: #765;
color: #fff;
}
div#menu_horiz a.activeparent:hover {
   background-color: #765;
   color: #fff;
}


div#menu_horiz li.activeparent a {
   background: #100 url(/images/cms/arrow-down.gif) no-repeat 0.4em center;
   color: #fff;
}

div#menu_horiz h3 {
font-family: verdana,arial,helvetica;
   padding: .6em 1em .6em 1.4em; 
   margin: 0; 
   text-decoration: none; 
   color: #000;
   background: #a98 url(/images/cms/arrow-right-active.gif) no-repeat 0.4em center; ;
   display: block; 
   font-size: 1em;   
}



#menu_vert {
   padding-left: 0;
   margin-left: 1em;
}



div#menu_vert ul ul ul {
   padding-bottom: 0.5em;
}


#menu_vert li {
   list-style: none;
padding-bottom: 6px;
   margin: 0;
   border-bottom: 1px solid #654;
   display: block;
}

#menu_vert ul ul li {
   border: none;
}


* html #menu_vert li a { height: 1%; }
* html #menu_vert li hr { height: 1%; }



div#menu_vert a {
   text-decoration:none; 
   display: block; 
   padding: 0.8em 0.5em 0.8em 1.5em; 
   color: #fff; 
   background: #332711 url(/images/cms/arrow-right.gif) no-repeat 0.5em center;
   min-height:1em;
}


div#menu_vert ul ul a {
   font-size: 100%;
   padding: 0.5em 0.5em 0.5em 2.8em;
   background-position: 1.5em center;
}


div#menu_vert ul ul ul a {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(/images/cms/dash.gif) no-repeat 2.8em center;
}

div#menu_vert a:hover {
   background-color: #654;
color: #fff;
}
div#menu_vert a.activeparent:hover {
   background-color: #666;
   color: #000;
}


div#menu_vert li a.activeparent {
   background: url(/images/cms/arrow-down.gif) no-repeat 0.4em center;
   background-color: #f90;
   color: #fff;
}

div#menu_vert ul ul li a.activeparent {
   background-position: 1.5em center;
   background-color: transparent;
   color: #fff;
}



div#menu_vert ul h3 {
   background: url(/images/cms/arrow-right-active.gif) no-repeat 0.4em center;
   background-color: #000;
   display: block;
   padding: 0.8em 0.5em 0.8em 1.5em;  
   color: #fff;    
   font-size: 1em;    
   margin: 0;           
}


div#menu_vert ul ul h3 {
   font-size: 1.2em;
   padding: 0.3em 0.5em 0.3em 2.4em;
   background-position: 1.2em center;
   background-color: #654;
   border-bottom: none;
   color: #fff;
}

div#menu_vert ul ul ul h3 {
   padding: 0.3em 0.5em 0.3em 4.3em;
   background: url(/images/cms/arrow-right-active.gif) no-repeat 2.7em center;
}


div#menu_vert li.sectionheader {
   border-right: none;
   font-size: 130%;
   font-weight: bold;
   padding: 1.5em 0 0.8em 0;
   background-color: #fff;
   line-height: 1em;
   margin: 0;
   text-align:center;
}



div#menu_vert li.separator {
   height: 1px !important;
   margin-top: -1px;
   margin-bottom: 0;
   padding:2px 0 2px 0;
   background-color: #000;
   overflow:hidden !important;
   line-height:1px !important;
   font-size:1px; /* for ie */
}

div#menu_vert li.separator hr {
   display: none; 
}




* {
margin:0;
padding:0;
}


body {
   text-align: left;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 75.01%;
   line-height: 1em;
font-weight: 600;
}


div {
   font-size: 1.0em;
}


img {
   border: 0;
}


a,
a:link 
a:active {
   text-decoration: underline;

   background-color: inherit; 
   color: #ea0; 
}

a:visited {
   text-decoration: underline;
   background-color: inherit;
  color: #c60;             
}



a:hover {
   text-decoration: none;
   background-color: #ea0;
   color: #000;
}


body {
   background-color: #100;
   color: #eee;
   margin:1em; 
}


div#pagewrapper {

   margin: 0 auto;    
   max-width: 900px; 
   min-width: 600px;
   background-color: #100;;

}




div#header {
   height: 160px; 
   background: #100;           
}

div#header h1 a {

   background: #100 url(/uploads/images/kopf160.jpg) no-repeat center bottom; 
   display: block; 
   height: 160px;    
   text-indent: -999em;  
   text-decoration:none; 
}

div#header h1 img {
display: none;
position: absolute;

}

div#search input {background-color: #dcb;}

div#search {
   float: right;
   width: 23em;     
   text-align: right;
   padding: 0.6em 0 0.2em 0;
   margin: 0 1em;
}

div#search input#m3searchinput {
background-color: #cba;
border: 1px solid #ccc;
}



div.breadcrumbs {
   padding: 1em 0 1.2em 0; 
    font-size: 90%;            
   margin: 0 1em;             
   
}

div#content {
   margin: 1.5em auto 2em 0; 
}

div#main {
   margin-left: 29%; 
   margin-right: 2%; 

}


div#sidebar {
   float: left; 
   width: 26%;   
   display: inline;  
   margin-left: 0;
}


div#sidebar.hascontent {
   padding: 0 1%;
   width: 24%; 
}

div#footer {
display: none;
   clear:both;      
   color: #fff;
   background-color: #000; 

text-align: right;
}


div#footer p {float: right;
width: 50%;
   font-size: 0.8em;
   padding: 1.5em;     
border-top: 1px solid #333;
   margin:0;
}

div#footer p a {
   color: #fff;
}

div.hr {
   height: 1px;
   margin: 1em;
   border-bottom: 1px dotted black;
}



div#content {

}


div#content h1 {
   font-size: 1.6em;  
   line-height: 1em;
   margin-bottom: 0.2em;
}
div#content h2 {
color: #f90;
   font-size: 1.6em; 
   text-align: left; 
   padding: 0 0 1px .5em;
background-color: #310;
   line-height: 1.5em;
   margin: 0 0 0.9em 0;
}
div#content h3 {
   color: #c90; 
   font-size: 1.4em;
   line-height: 1.2em;
   margin: 0 0 0.5em 0;

}
div#main h3 {}


div#content h4 {
   color: #f90; 
   font-size: 1.1em;
   line-height: 1.1em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}

h1, h2,h3,h4,h5 {font-family: "trebuchet ms", "times roman";}

p {
   font-size: 1em;
   margin: 0 0 1.5em 0; 
   line-height: 1.8em;
   padding: 0;
}
blockquote {
   border-left: 10px solid #ddd;
   margin-left: 10px;
}
pre {
   font-family: monospace;
   font-size: 1.0em;
}
strong, b {

   font-weight: bold;
}
em, i {

   font-style:italic;
}




div#main ul,
div#main ol,
div#main dl {
  font-size: 1.0em;
   line-height:1.4em;
   margin: 0 0 1.5em .5em;
}
div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

div#dl dt {
   font-weight: bold;
   margin: 0 0 0.25em 3em;
}
div#dl dd {
   margin: 0 0 0 3em;
}


div#dlarea { margin: 1em 0 1em 1em; 
padding-bottom: 1em;
border-bottom: 1px solid #876;}
div#dlarea h3 {font-size: 1em}
div#dlarea li {list-style-type: none;
 padding-bottom: .8em;
}

div#efa {text-align: right; padding-right: 6px;}

div#main  ul.nice {
list-style-type: none;

}
div#main  ul.nice li {
margin-left: 0;
}


div.galerie a:visited {background-color:#543;}
div.galerie a:hover {background-color:#876;}

div#promopix {width: 252px; float: right; margin: 0 0 10px 10px;}
div#promopix a#eins {display: block; margin: 0 0 10px 0;}
div#promopix a#zwei {display: block; margin: 0; float: left; margin: 0 7px 0 0;}
div#promopix a#drei{display: block; margin: 0; float: left; }
div#promopix a img {border: 1px solid #f90}

div#content img.rechts {float: right; margin: 0 0 10px 20px; border: 1px solid #f90;}
div#content img.links {float: left; margin: 0 20px 10px 0;  border: 1px solid #f90;}
div#content img.frei {border: none; float: right; margin: 0 0 10px 20px; width: 250px;}
table.preise td {
padding: 4px 20px 4px 0;
}

textarea {background: #dcb; width: 90%}
legend {color: #fec}
form li {list-style-type: none;}
form.anfrage {width: 80%}
form.anfrage input.text {width: 50%;}
form.anfrage fieldset {padding: 1em;}
form.anfrage label {padding: .5em;}
form.anfrage legend {padding: .5em;}
form.anfrage textarea {margin-bottom: .5em;}
fieldset.text {text-align: right}
fieldset {border: 1px solid #987}
input.text {background: #dcb; border: 1px solid #987}

/* Fading Tooltips By Dustin Diaz*/
body div#toolTip { position:absolute;z-index:1000;width:220px;background:#000;border:1px solid #ffe;text-align:left;padding:5px;min-height:1em;-moz-border-radius:5px; }
body div#toolTip p { padding: 4px; margin: 0;color:#fff;}
body div#toolTip p em { display:block;margin-top:3px;color:#f60;font-style:normal;font-weight:bold; }
body div#toolTip p em span { font-weight:bold;color:#fff; }
