/* andreas07 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005

Mod.: W.jansen

*/

/**************** Page and tag styles ****************/



@media print
 {

body{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px; /* 100.01%; 0.80em;*/
background-color:#FFFFFF;
color: #000000;
line-height: 130%; /*100.01%*/

margin:0px 0px 0px 0px;
}

#content
{width:700px; margin:0px; padding:0px; background:#FFFFFF;float:left}

img.left
{float:left; margin:0 30px 15px 0; padding:1px; background:#ffffff; border:1px solid #000000;}


img.right
{float:right; margin:0 15px 15px 30px; padding:1px; background:#ffffff; border:1px solid #000000;}


img.foto-l
{float:left; margin:15px 30px 15px 15px; padding:0px; background:#ffffff; border:10px solid #000000;}

img.foto-r
{float:right; margin:15px 15px 15px 30px; padding:0px; background:#ffffff; border:10px solid #000000;}


#sidebar
{display:none;}

#sidenav{display:none;}


  #haupt
   {
    display:none;
   }

  #titel
   {
    display:none;
   }

  #info
   {
    display:none;
   }

  #right
   {
    display:none;
   }

  #fuss
   {
    display:none;
   }

  #nicht
   {
    display:none;
   }

#werbung
{display:none;}

#werbung a
{display:none;}

#werbung a:visited
{display:none;}

#werbung a:hover
{display:none;}

#werbung .block
{display:none;}

#werbung p
{display:none;}

#werbung h1
{display:none;}

#werbung h2
{display:none;}

#werbung h3
{display:none;}

 }

@page { margin:0.5cm 0.5cm 0.5cm 0.5cm; }


@media screen
 {

  #header
   {
    display:none;
   }




body
{margin:0; padding:0; color:#303030; background:#F8F8F8 url(img/bg-body2008.gif) top left repeat-y; font-size:14px;
font-family: Verdana,Tahoma,sans-serif;
}

ul
{list-style:circle; margin:15px 0 20px 0; font-size:0.9em;}

li
{margin:0 0 8px 25px;}

b
{margin:0; padding:0; color:#8F8F8F; font-size:14px; font-family: Verdana,Tahoma,sans-serif;}


a
{color:#7F7F7F; font-weight:normal; text-decoration:none;}

a:hover
{color:#007F00; text-decoration:underline;}


a.right
{float:right; margin:0px; padding:10px; background:#F8F8F8 url(img/pfeil-klein01.gif) left no-repeat;}

img.left
{float:left; margin:0 15px 15px 0; padding:1px; background:#ffffff; border:1px solid #000000;}


img.right
{float:right; margin:0 0px 15px 15; padding:1px; background:#ffffff; border:1px solid #000000;}


img.foto-l
{float:left; margin:15px 15px 15px 60px; padding:0px; background:#ffffff; border:10px solid #000000;}

img.foto-r
{float:right; margin:15px 60px 15px 15px; padding:0px; background:#ffffff; border:10px solid #000000;}



a img
{border-color:#000000;}

a img:hover
{background:#000000; border-color:#6F6F6F;}

.klein
{line-height:1.5em; font-size:10px; font-family:Arial,Verdana,Tahoma,sans-serif; color:#8F8F8F;}



/**************** Sidebar area styles ****************/

#sidebar
{position:absolute; top:0; left:0; width:220px; height:100%; overflow:hidden; background:#E0E0E0 url(img/sidebarbg.gif) top right repeat-y; text-align:right;}



#sidebar h1
{margin:20px 18px 5px 5px; color:#5F5F5F; font-size:22px; letter-spacing:-2px; text-align:right;}

#sidebar h2, #sidebar h3
{margin:0 20px 18px 5px; color:#808080; font-size:14px; font-weight:bold; letter-spacing:-1px; text-align:right;}

#sidebar h3
{margin:12px 18px 4px 20px; color:#FFFFFF;font-size:12px; letter-spacing:1px;font-weight:normal;}

#sidebar  p
{margin:0 20px 18px 5px; color:#FFFFFF; font-size:0.8em;}

#sidebar a
{color:#808080;font-size:14px;}

/**************** Navigation menu styles ****************/

#menu a
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:12px; font-weight:normal; text-decoration:none;}

#menu a:visited
{display:block; width:202px; padding:5px 18px 5px 0; color:#606060; background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y; font-size:12px; font-weight:normal; text-decoration:none;}

#menu a:hover
{color:#303030; background:#f0f0f0 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.active
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:visited
{padding:5px 18px 5px 0; background:#fafafa; border-top:2px solid #c0c0c0; border-bottom:2px solid #c0c0c0;}

#menu a.active:hover
{color:#505050; background:#fafafa;}

#menu a.inactive
{padding:5px 18px 5px 0; background:#E0E0E0;background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;}

#menu a.inactive:visited
{padding:5px 18px 5px 0; background:#E0E0E0;background:#e0e0e0 url(img/sidebarbg.gif) top right repeat-y;}

/**************************************************************
   #mainMenu: The top level site menu
 **************************************************************/


#haupt
{width:100%; margin:20 0 10 0px; padding:20 0 10 0; background:#F8F8F8;}


a.wahl {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 3 0 0 0; border-top: 5px solid #9CC610; text-decoration:none;font-weight:bold;color:#7F7F7F; letter-spacing:2px;}

a.wahl:visited {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 3 0 0 0; border-top: 5px solid #9CC610; text-decoration:none;font-weight:bold;color:#7F7F7F; letter-spacing:2px;}

a.wahl:hover {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 8 0 0 0; border-top: 5px solid #FF0000; text-decoration:none;font-weight:bold; letter-spacing:2px;}

a.hier {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 3 0 0 0;
  border-top: 5px solid #000000; text-decoration:none;font-weight:bold;color:#7F7F7F; letter-spacing:2px;}

a.hier:visited {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 3 0 0 0;
  border-top: 5px solid #000000;text-decoration:none;font-weight:bold;color:#7F7F7F; letter-spacing:2px;}

a.hier:hover {
  font-family:Verdana,Tahoma,sans-serif;font-size: 12px; margin: 0;
  padding: 3 0 0 0;
  border-top: 5px solid #9F9F9F;text-decoration:none;font-weight:bold;color:#FF0000; letter-spacing:2px;}

/**************** Content area styles ****************/

#content
{width:720px; margin:0 0 0 240px; padding:10px 0; background:#EFEFEF;}

#content p
{margin:0 0 20px 0;}

#content h1
{margin:0; color:#DF0000; font-size:24px; letter-spacing:1px;}

#content h2
{margin:0; color:#9CC610; font-weight:bold; font-size:18; letter-spacing:1px;}

#content h3
{clear:both; margin:10px 0 10px 0; color:#9CC610; font-weight:normal; font-size: 18px;}

#content .mini
{line-height:1.5em; font-size:10px; font-family:Arial,Verdana,Tahoma,sans-serif; color:#8F8F8F;}

#titel
{width:100%; margin:0 0 0 0px; padding:10 0 0 0px;}

#titel h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}

#titel h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}




#werbung
{position:absolute;top:0px;left:1080; margin:0 0 0 0px; padding:10px 0 0 0; background:#E0E0E0;color:#9F9F9F;font-size:9px;}

#werbung a
{color:#9F9F9F;font-size:9px;font-weight:normal;}

#werbung a:visited
{color:#9F9F9F;font-size:9px;font-weight:normal;}

#werbung a:hover
{color:#FF0000;font-size:9px;text-decoration:none;}

#werbung .block
{margin:0 0 20px 0; line-height:1.5em;color:#9F9F9F;font-size:9px;border:1px solid #8F8F8F;}

#werbung p
{font-size:14px;color:#4F4F4F;width:150px;height:113px;font-size:11px;background:#EFEFEF;}

#werbung h1
{margin:0; color:#d85d5d; font-size:4em; letter-spacing:-5px; text-align:center;}

#werbung h2
{margin:0; color:#808080; font-weight:normal; font-size:2.5em; letter-spacing:-2px; text-align:center;}

#werbung h3
{clear:both; margin:10px 0 10px 0; color:#d85d5d; font-weight:normal; font-size: 20px; letter-spacing:-2px;}


#Fuss {
clear: both;
border-top: 0.286em solid #999;
border-bottom: 1px solid #969590;
font-family: Arial, sans-serif;
padding: 0 0 0 0;
margin-left: 0.2em;
background-color: #E0E0E0;
overflow: hidden;
}

#Fuss .breadcrumbs {
background-color: #FFFFFF;
font-size: 0.857em;
line-height: 2.5em;
border-bottom: 1px solid #9F9F9F;
padding-left: 0.5em;
}

#Fuss .breadcrumbs:link {
background-color: #FFFFFF;
font-size: 0.857em;
line-height: 2.5em;
border-bottom: 1px solid #9F9F9F;
padding-left: 0.5em;
}

#Fuss .breadcrumbs:visited {
background-color: #FFFFFF;
font-size: 0.857em;
line-height: 2.5em;
border-bottom: 1px solid #9F9F9F;
padding-left: 0.5em;
}


#Fuss ul {
float: left;
width: 10.643em;
border-right: 1px solid #FFFFFF;
padding-left: 0.3em;
margin: 0.6em 0 0 0.3em;
}
#Fuss ul.first {
margin-left: 0;
}
#Fuss ul.last {
border-right: 0;
}
#Fuss ul li {
font-size: 0.857em;
line-height: 1.667em;
}
#Fuss ul li a {
color: #3F3F3F;
}
#Fuss ul li a:hover {
color: #FF007F;
}
#Fuss ul li.title {
font-weight: bold;
line-height: 1.429em;
}

br.clear, .clear {
clear: both;
display: block;
width: 100%;
height: 1px;
line-height: 1px;
}




/* start lightbox */

#lightbox{
        background-color: #FFFFFF;
        padding: 20px;
        border-bottom: 2px solid black;
        border-right: 2px solid black;
        border-top: 1px solid black;
        border-left: 1px solid black;
        }
#lightboxDetails{
        font-size: 0.9em;
        padding-top: 0.4em;
        }
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border:none; clear: both;}
#overlay img{ border: none; }

#overlay{ background-image: url('img/overlay02.png'); }

* html #overlay{
        background-color: #333;
        background-color: transparent;
        background-image: url('img/transpixel.gif');
        filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/overlay02.png", sizingMethod="scale");
        }

/* ende lightbox */


 }