/* Allg. +  Layout 
----------------------------------------- */

* 
{
margin:0;
padding:0;
}


.c { clear:both; }


body
{
text-align:center;
background:#000 url(image/body_bg.gif) repeat top center;
}


div#content 
{
position:relative;
top:20px;
width:850px;
margin:0 auto;
text-align:left;
}


div#wrapper
{
position:absolute;
z-index:3;
top:94px;
left:15px;
width:800px;
background:url(image/wrapper_bg.png) repeat-y center top;
text-align:center;
}


* html div#wrapper
{
background-image:url(image/wrapper_bg.gif);
}





div#glider 
{
width:750px;
margin:0 auto;
text-align:left;
padding:0;
}


div#glider div.section 
{
background:#C29966 url(image/bg_wp_y_paper.jpg) repeat left top;
}







/* Schriftgroessen und -farben
----------------------------------------- */

body
{
font-family:Lucida Sans, Arial, sans serif;
font-size:12px;
line-height:150%;
color:#211;
}


div#content h1,
div#content h2,
div#content h3
{

}


div#content h1 { font-size:150%; }
div#content h2 { font-size:120%; }
div#content h3 { font-size:100%; }



a, a:visited
{
color:#600;
font-weight:bold;
}


a:hover
{
text-decoration:none;
color:#900;
}





/* Navigation
--------------------------------------- */


ul#main-nav
{
position:relative;
top:-2px;
margin:0 auto;
width:740px;
height:85px;
}


ul#main-nav li { display:inline; }


ul#main-nav li a, ul#main-nav li a:visited
{
display:block;
float:left;
height:85px;
margin-right:3px;
outline:none;
background-repeat:no-repeat;
background-position:left top;
}


ul#main-nav li a span,
ul#main-nav li a:visited span
{
display:none; 
}



ul#main-nav li a#page_1 { width:112px; background-image:url(image/main_tab/tab1.gif); }
ul#main-nav li a#page_2 { width:149px; background-image:url(image/main_tab/tab2.gif); }
ul#main-nav li a#page_3 { width:169px; background-image:url(image/main_tab/tab3.gif); }
ul#main-nav li a#page_4 { width:139px; background-image:url(image/main_tab/tab4.gif); }
ul#main-nav li a#page_5 { width:139px; background-image:url(image/main_tab/tab5.gif); }


ul#main-nav li a#page_1.active:hover,
ul#main-nav li a#page_2.active:hover,
ul#main-nav li a#page_3.active:hover,
ul#main-nav li a#page_4.active:hover,
ul#main-nav li a#page_5.active:hover
{ 
background-position:0 0; 
}


ul#main-nav li a#page_1:hover,
ul#main-nav li a#page_2:hover, 
ul#main-nav li a#page_3:hover, 
ul#main-nav li a#page_4:hover,
ul#main-nav li a#page_5:hover
{
background-position:0 -125px; 
}


ul#main-nav li a#page_1.active { background-image:url(image/main_tab/tab1_active.gif); }
ul#main-nav li a#page_2.active { background-image:url(image/main_tab/tab2_active.gif); }
ul#main-nav li a#page_3.active { background-image:url(image/main_tab/tab3_active.gif); }
ul#main-nav li a#page_4.active { background-image:url(image/main_tab/tab4_active.gif); }
ul#main-nav li a#page_5.active { background-image:url(image/main_tab/tab5_active.gif); }







/* Banner
------------------------------------- */


h1.banner
{
position:absolute;
z-index:5;
top:0;
left:0;
width:850px;
height:100px;
background-repeat:no-repeat;
background-position:left top;
}


h1.banner span { display:none; }


h1#banner1 { background-image:url(image/banner/banner1.png); }
h1#banner2 { background-image:url(image/banner/banner2.png); }
h1#banner3 { background-image:url(image/banner/banner3.png); }
h1#banner4 { background-image:url(image/banner/banner4.png); }
h1#banner5 { background-image:url(image/banner/banner5.png); }


* html h1#banner1,
* html h1#banner2,
* html h1#banner3,
* html h1#banner4,
* html h1#banner5,
* html h1#banner6 {  background:none; }


* html h1#banner1 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner1.png'); }
* html h1#banner2 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner2.png'); }
* html h1#banner3 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner3.png'); }
* html h1#banner4 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner4.png'); }
* html h1#banner5 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner5.png'); }
* html h1#banner6 { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='image/banner/banner6.png'); }








/* X-Slider 
------------------------------- */


.x-slider-wrapper { overflow: hidden !important; }


.x-slider-wrapper .x-slider-scroll-sections { width: 10000px; }


.x-slider-wrapper .x-slider-scroll-sections .x-slider 
{ 
float: left; 
overflow: auto; 
}


.x-slider-wrapper.x-slider-sliding .x-slider-scroll-sections .x-slider { overflow: hidden; }


div#glider { overflow:hidden !important; }


div#glider div.section { float:left; }










/**
 * jQuery lightBox plugin
 * --------------------------------------------
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
 
 
#jquery-overlay {
  position:absolute;
  z-index:90;
  top:0;
  left:0;
  width:100%;
  height:500px;
}


#jquery-lightbox {
  position:absolute;
  z-index:100;
  top:0;
  left:0;
  width:100%;
  text-align:center;
  line-height:0;
}


#jquery-lightbox a img { border: none; }


#lightbox-container-image-box {
  position:relative;
  width:250px;
  height:250px;
  margin:0 auto;
  background-color:white;
}


#lightbox-container-image { padding:10px; }


#lightbox-loading {
  position:absolute;
  top:40%;
  left:0%;
  width:100%;
  height:25%;
  text-align:center;
  line-height:0;
}


#lightbox-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}


#lightbox-container-image-box > #lightbox-nav { left:0; }


#lightbox-nav a { outline:none; }


#lightbox-nav-btnPrev, 
#lightbox-nav-btnNext {
  display:block;
  width:49%;
  height:100%;
  zoom:1;
}


#lightbox-nav-btnPrev { 
  left:0; 
  float:left;
}


#lightbox-nav-btnNext { 
  right:0; 
  float:right;
}


#lightbox-container-image-data-box {
  width:100%;
  overflow:auto;
  margin:0 auto;
  padding:0 10px 0;
  background-color:#fff;
  font:10px Verdana, Helvetica, sans-serif;
  line-height:1.4em;
}


#lightbox-container-image-data {
  padding:0 10px; 
  color:#666; 
}


#lightbox-container-image-data #lightbox-image-details { 
  float:left;
  width:70%;
  text-align:left;
}


#lightbox-image-details-caption { font-weight: normal; }


#lightbox-image-details-currentNumber {
  display:block; 
  clear:left; 
  padding-bottom:1.0em; 
}


#lightbox-secNav-btnClose {
  float:right;
  width:66px; 
  padding-bottom:0.7em; 
  outline:none;
}