/* ========== Allgemeine Einstellungen ========== */


/* breite der gesamtkonstruktion */
#breite  {
width : 900px;
}

/* breite der linken spalte */
#nav_breite {
width : 200px;
}


body {
margin-top : 20px;
margin-left : 0;
margin-right : 0;
margin-bottom : 20px;
background-color : #323232;
}

h2 {
color : #c0c0c0;
margin-bottom : 30px;
letter-spacing : 2px;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
font-size : 20px;
}

h3 {
color : #c0c0c0;
margin-top : 10px;
margin-bottom : 10px;
letter-spacing : 2px;
text-align : center;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
font-size : 18px;
}

#haupt {
border : 10px solid #2b2b2b;
}

/* ========== Kopfbereich ========== */

#top1  {
height : 140px;
background-color : #454545;
color : #56686d;
width : 100%;
vertical-align : middle;
text-align : center;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
font-size : 16px;
line-height : 20px;
padding-left : 20px;
background-image : url(../images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-top : 1px solid red;
border-left : 1px solid #5a5556;
border-right : 1px solid #5a5556;
}

#top2 {
height : 80px;
background-color : #444444;
color : #56686d;
width : 100%;
vertical-align : middle;
padding-left : 0;
border-bottom : 1px solid #000;
background-image : url(../images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-top : 1px solid #000;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#top3 {
background-color : #3a3a3a;
color : #7d7d7d;
height : 200px;
vertical-align : middle;
text-align : center;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
font-size : 20px;
line-height : 20px;
font-variant : small-caps;
vertical-align : top;
text-align : left;
background-image : url(../images/logo_head.png);
background-repeat : no-repeat;
background-position : 100% 50%;
border-top : 1px solid #5a5556;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
}

/* ========== Mittelbereich ========== */

#nav  {
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #282828;
background-image : url(../images/xschatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-top : 1px solid #5a5556;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-bottom : 1px solid #000;
}

.nav_ob {
height : 45px;
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #454545;
background-image : url(../images/schatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 100%;
border-bottom : 1px solid #000;
margin : 0;
}

#nav_logo {
text-align : center;
vertical-align : middle;
height : 186px;
background-color : #444444;
color : #7d7d7d;
background-image : url(../images/xname_logo.gif);
background-repeat : repeat-x;
background-position : 50% 50%;
}

.nav_un {
height : 45px;
padding : 0 0 0 0;
text-align : center;
vertical-align : top;
background-color : #454545;
background-image : url(../images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
margin : 0;
}

#textbox {
height : 850px;
background-color : #454545;
text-align : justify;
font-size : 16px;
line-height : 20px;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
color : #c0c0c0;
padding-top : 60px;
padding-bottom : 80px;
padding-left : 30px;
padding-right : 30px;
letter-spacing : 0;
width : 100%;
vertical-align : top;
background-image : url(../images/schatten_ob.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-top : 1px solid #5a5556;
border-bottom : 1px solid #000;
border-left : 1px solid #5a5556;
border-right : 1px solid #000;
}

/* ========== Fussbereich ========== */

#fuss_ob  {
height : 45px;
background-color : #282828;
width : 100%;
background-image : url(../images/schatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-left : 1px solid #000;
border-right : 1px solid #000;
border-top : 1px solid #5a5556;
}

#fuss_mitte {
height : 20px;
color : #737373;
background-color : #282828;
font-family : tahoma, arial, helvetica, verdana, sans-serif;
font-size : 16px;
line-height : 22px;
text-align : center;
width : 100%;
vertical-align : middle;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

#fuss_un {
height : 45px;
background-color : #282828;
width : 100%;
vertical-align : middle;
text-align : center;
background-image : url(../images/xschatten_un.jpg);
background-repeat : repeat-x;
background-position : 50% 0%;
border-bottom : 1px solid #000;
border-left : 1px solid #000;
border-right : 1px solid #000;
}

/* ========== Schatten um Hauptbereich ========== */
#s1  {
background-image : url(../images/s1.jpg);
background-repeat : no-repeat;
background-position : 100% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s2 {
background-image : url(../images/s2.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 100%;
}
#s3 {
background-image : url(../images/s3.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s4 {
background-image : url(../images/s4.jpg);
background-repeat : repeat-y;
background-position : 100% 0%;
height : 100%;
width : 22px;
}
#s4back {
background-image : url(../images/s4.jpg);
background-repeat : repeat-y;
background-position : 100% 0%;
height : 100%;
width : 22px;
vertical-align : top;
}
#s6 {
background-image : url(../images/s6.jpg);
background-repeat : repeat-y;
background-position : 0% 0%;
height : 100%;
width : 22px;
}
#s6back {
background-image : url(../images/s6.jpg);
background-repeat : repeat-y;
background-position : 0% 0%;
height : 100%;
width : 22px;
vertical-align : top;
}
#s7 {
background-image : url(../images/s7.jpg);
background-repeat : no-repeat;
background-position : 100% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}
#s8 {
background-image : url(../images/s8.jpg);
background-repeat : repeat-x;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 100%;
}
#s9 {
background-image : url(../images/s9.jpg);
background-repeat : no-repeat;
background-position : 0% 0%;
height : 22px;
line-height : 22px;
width : 22px;
}

/**
 * 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;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #000;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	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 {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 13px "Trebuchet MS", tahoma, arial, helvetica, sans-serif;
	background-color: #000;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #e6e6e6; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 75%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}