body {
	background-color:#CA6317;
	background-image:url('img/siteimg/verlauf.jpg');
	background-repeat:repeat-x;
	background-attachment:fixed;
	margin:0px;
	padding:0px;
	font-family:Arial, Helvetica, Sans-Serif;
	font-size:1.0em;
	color:#000;
}

#centered {
	margin:0px;
	padding:0px;
}

#restriction {
	margin:0px;
	padding:0px;
	width:768px;
	height:100%;
	/*text-align:left;*/
}

#header {
	text-align:right;
	background-image:url('img/siteimg/Heddle1.jpg');
	background-repeat:no-repeat;
	background-position:center;
	border-top: 2px solid #fefff0;
	border-right: 4px solid #df7000;
	border-bottom: 4px solid #df7000;
	border-left: 2px solid #fefff0;
	margin:0px;
	padding:15px 0px 10px 0px;
	width:650px;
	height:100%;
	position:relative;
	top:25px;
	z-index:2;
	}

#navi {
	background-image:url('img/siteimg/orange-struktur.gif');
	border-top: 2px solid #F3BD81;
	border-right: 4px solid #914126;
	border-bottom: 4px solid #914126;
	border-left: 2px solid #F3BD81;
	text-align:left;
	margin:0px;
	padding:0px 0px 10px 0px;
	width:172px;
	height:100%;
	position:relative;
	top:75px;
	left:0px;
	float:left;
	z-index:3;
	}

* html #navi {
	w\idth: 142px;
	padd\ing: 0px 0px 10px 40px;
}

#content {
	text-align:justify;
	background-image:url('img/siteimg/gelb.gif');
	border-top: 2px solid #F8F7E8;
	border-right: 4px solid #d8d8af;
	border-bottom: 4px solid #d8d8af;
	border-left: 2px solid #F8F7E8;
	margin:0px;
	padding:50px 30px 50px 135px;
	width:515px;
	height:100%;
	position:relative;
	top:-15px;
	left:30px;
	z-index:1;
}

* html #content {
	t\op:-400px;
}

#special {
	background-image:url('img/siteimg/blau.gif');
	border-top: 2px solid #BDCEF0;
	border-right: 4px solid #1B3981;
	border-bottom: 4px solid #1B3981;
	border-left: 2px solid #BDCEF0;
	margin:0px;
	padding:0px;
	width:300px;
	height:300px;
	position:relative;
	top:-95px;
	left:20px;
	float:right;
	z-index:3;
}

* html #special {
	t\op:-450px;
}

#bottom {
	background-image:url('img/siteimg/goldgelb.gif');
	border-top: 2px solid #FFD680;
	border-right: 4px solid #774802;
	border-bottom: 4px solid #774802;
	border-left: 2px solid #FFD680;
	text-align:center;
	margin:0px;
	padding:15px 30px 10px 80px;
	width:420px;
	height:100%;
	position:relative;
	top:-60px;
	left:-120px;
	z-index:2;
}

* html #bottom {
	padd\ing:15px 60px 10px 80px;
	t\op:-720px;
}

#disclaimer {
	width:100%;
	border-top: 3px solid #e0e0e0;
/*	border-bottom: 3px solid silver;*/
}

h1 {padding:3px 25px 2px 0;
	margin-top:0.0em;
	margin-bottom:0.0em;
	font-size:2.0em;
	font-weight:bold;
	color:#00c;
	letter-spacing:0.1em;
	text-shadow:#ff7819 3px 2px 4px; /*alt: #ff9b51*/
	filter:Shadow(color=#ff7819, direction=135);
}

h2 {padding-top:3px;
	padding-bottom:2px;
	margin-top:0.5em;
	margin-bottom:0.5em;
	font-size:1.3em;
	font-weight:bold;
	color:#008;
	border-bottom:3px dotted #008;
}


h3 {padding-top:3px;
	padding-bottom:2px;
	margin-top:0.0em;
	margin-bottom:0.0em;
	font-size:1.1em;
	font-weight:bold;
	color:#008;
	}

h3.titel {padding-right:30px;
	color:#00c;
	text-shadow:#ff7819 2px 2px 3px; /*alt: #ff9b51*/
	filter:Shadow(color=#ff7819, direction=135);
}

ul {
	margin:0.0em 0.0em 0.0em -2.5em;
	list-style-type:disc;
}

* html ul {
	ma\rgin:0.0em 0.0em 0.0em 1.0em;
}



ul.navi {
	margin:0.5em 0.0em 0.2em -1.6em;
	list-style-type:none;
}

li.navi {
	margin:0.3em 0.0em 0.3em 0.0em;
	padding:0.3em 0.0em 0.5em 0.0em;}

.copy {
	font-size:0.7em;
}

.initial
     {font-size:1.2em;
      font-weight:bold;
      color:#008;}

p {text-align: justify;
}

p:first-letter {
	font-size:1.2em;
	font-weight:bold;
	color:#008;
	text-shadow:#303030 1px 1px 2px; 	/* Farbe - Versatz links - Versatz oben - Unschärfe (Blur) */
	filter:DropShadow(color=#303030, offx=2, offy=2); /*nur IE - Verlauf automatisch */
	margin:1px 1px -1px 0px;
	}

td {
	vertical-align:top;
}

a {
	font-size:1.1em;
	font-weight:bold;
	text-decoration:none;
	text-shadow:#303030 1px 1px 2px; 	/* Farbe - Versatz links - Versatz oben - Unschärfe (Blur) */
	filter:DropShadow(color=#303030, offx=2, offy=2); /*nur IE - Verlauf automatisch */
	}

a:link {
color:#0020B9;
}

a:visited {
color:#822C06;
}

a:hover {
color:#2047ff;
}

a:active {
	color: #F3C421;
}

a.navi {
	font-weight:bold;
	text-decoration:none;
	padding-left:35px;
	padding-bottom:20px;
}

a:link.navi {
background-image:url('img/siteimg/nav-button/bt-hover.gif');
background-repeat:no-repeat;
color:#0020B9;
}

a:visited.navi {
background-image:url('img/siteimg/nav-button/bt-visited.gif');
background-repeat:no-repeat;
color:#822C06;
}

a:hover.navi {
background-image:url('img/siteimg/nav-button/bt-link.gif');
background-repeat:no-repeat;
color:#2047ff;

}

a:active.navi {
	background-image: url('img/siteimg/nav-button/bt-active.gif');
	background-repeat:no-repeat;
	color: #F3C421;
}

/*CSS für den Lightbox-Effekt auf den Seiten fotografie.htm und grafik.htm - Lokesh Dhakar - http://www.huddletogether.com/projects/lightbox/ */

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #667;
	border-right: 2px solid #667;
	}
#lightboxDetails{
	font-size: 0.8em;
	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(lightbox/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="lightbox/overlay.png", sizingMethod="scale");
	}