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


/* breite der gesamtkonstruktion in pixel */
#breite {width:790px}

/* breite der gesamtkonstruktion in prozent */
#breite_version2 {width:75%}

/* breite der rechten spalte in pixel */
#navigation_breite {width:240px;margin:0px;padding:0px}

body
{margin-top: 5px; margin-left: 0px; margin-right: 0px;margin-bottom: 20px; background-color: #555555;
}
/* org: #383838 */

/* überschriften im text */
h1{ color:#000;
margin-bottom:20px;
letter-spacing:2px;
font-family:arial, georgia, helvetica, verdana, tahoma, sans-serif;
font-size: 24px;
}

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

h3{ color:#000;
margin-bottom:18px;
letter-spacing:2px;
font-family:arial, georgia, helvetica, verdana, tahoma, sans-serif;
font-size: 16px;
}

.haupt {
border:solid 1px #000;
}

/* farbige scrolleiste internet explorer ab vers.5.5 */
body
{scrollbar-arrow-color: #535353;
scrollbar-base-color: #2d2d2d;
scrollbar-highlight-color : #535353;
scrollbar-shadow-color : #535353;
SCROLLBAR-TRACK-COLOR: #202020;
}

/* pfeil in den navigations-leisten */
.pfeil {
font-size:20px;
color:#fff;
padding-left:5px;
padding-right:4px;
font-weight:bold;
}

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

#top1 {
height:40px;
background-color:#a60201;
color:#56686D;
width:100%;
vertical-align:middle;
text-align:center;
font-family: arial,tahoma,georgia,verdana,helvetica, sans-serif;
font-size: 12px;
line-height: 16px;
padding-left:20px;
background-image:url(../images/leiste_schatten_ob.jpg);
background-repeat:repeat-x;
background-position:  50% 0%;
border-bottom:solid 0px #000;}

#name {
font-family: arial,tahoma,georgia,verdana,helvetica, sans-serif;
font-size: 18px;line-height: 22px;
font-variant:small-caps;
letter-spacing:10px;
color:#000;
}

#top2 {
height:100%;
vertical-align:top;
text-align:center;
}

#logo {height:150px;
color:#800000;
background-color:#000;
font-family: georgia,arial, helvetica, tahoma ,verdana,  sans-serif;
font-size: 22px;line-height: 20px;
font-variant:small-caps;
vertical-align:top;
text-align:left;
padding-top:0px;
padding-left:20px;
padding-bottom:10px;
background-image:url(../images/logo.jpg);
background-repeat:no-repeat;
background-position: 30% 50%;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
border-top:solid 1px #000;
}

#logo h1 {
	float: right;
	margin: 0;
	padding: 60 20 0 0px;
	line-height: normal;
	font-family: Arial, Helvetica, sans-serif;
	font-size:40px;
	font-style: italic;
	font-weight:bold;
	color:#fff;
}

#rechts {height:100%;padding: 0 0 0 0 ;
vertical-align:top;
background-color:#232323;
}

.navleiste {
text-align:left;
height:40px;
line-height:40px;
margin-left:0px;
background-color:#770101;
color:#000;
font-size: 16px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
border-bottom:solid 1px #000;
border-top:solid 1px #000;
background-image:url(../images/leiste_schatten_beide.jpg);
background-repeat:repeat-x;
background-position:  50% 50%;
}

.w-navleiste {
	text-align:left;
	height:40px;
	line-height:40px;
	margin-left:0px;
	background-color:#770101;
	color:#FFF;
	font-size: 16px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	border-bottom:solid 1px #000;
	border-top:solid 1px #000;
	background-image:url(../images/leiste_schatten_beide.jpg);
	background-repeat:repeat-x;
	background-position:  50% 50%;
}

.navleistefirst {
text-align:left;
height:40px;
line-height:40px;
margin-left:0px;
background-color:#a60201;
color:#000;
font-size: 16px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
border-bottom:solid 1px #000;
border-top:solid 0px #000;
background-image:url(../images/leiste_schatten_un.jpg);
background-repeat:repeat-x;
background-position:  50% 100%;
}


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

#textbox {
	height:700px;
	background-color:#999999;
	text-align:justify;
	font-size: 13px;
	line-height: 16px;
	font-family: arial,tahoma,verdana,helvetica, sans-serif;
	color:#000;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 10px;
	padding-right:10px;
	letter-spacing:0px;
	width:100%;
	border-right:solid 1px #000;
}

#textbox b {color:#FFFFFF;}
#textbox td {font-size: 13px;}
#textbox ul {margin: 10px 0px 10px 0px; list-style-type: none; }
#textbox ul li {background: url(../images/pfeil_r.png) left 3px no-repeat; padding: 0px 0px 0px 25px;font-weight: normal;}

#textbox ul.sitemap li {background: url(../images/pfeil_r.png) left 3px no-repeat; padding: 0px 0px 0px 25px;font-weight: bold;}
#textbox ul.sitemap li li {background: url(../images/pfeil_bl.png) left 3px no-repeat; padding: 0px 0px 0px 25px;font-weight: bold; color: #444;}
#textbox ul.sitemap li li a {color: #444;}
#textbox ul.sitemap li li li {background: url(../images/pfeil_gr.png) left 3px no-repeat; padding: 0px 0px 0px 25px;font-weight: bold; color: #fff;}
#textbox ul.sitemap li li li a {color: #fff;}

.trenn {clear: both; background: #999999; margin: 0 1px 0 0;}

#neu {width: 220px; height: 280px; float: left; margin: 0 20px 20px 0;}

#neu .left {float: left; margin: 0 5px 3px 0;}

#neu .info {float: none; width: 210px; margin-bottom: 1px;}

#neu .seit {float: left;}

#neu .mehr {float: right;}

#neu2 {width: 50%; float: left; margin: 0 0 5px 0;}

#neu3 {width: 100%; float: left; margin: 0 0 5px 0;}

#neu3 .left {float: left; margin: 0 5px 3px 0;}

#neu3 .right {float: right; margin: 0 0 3px 5px;}

#neu3 .info {float: none; width: 100%; margin-bottom: 1px;}

#neu3 .seit {float: left;}

#neu3 .mehr {float: right;}

#gal {
	width: 470px;
	float: left;
	margin-bottom: 3px;
}

.left {float: left; margin: 0 5px 3px 0;}

.right {float: right; margin: 25px 3px 5px 0;}

/* foto im text links */
.picleft {float:left;border:solid 1px #b6b6b6;margin-left:0px;margin-top:5px;margin-bottom:5px;margin-right:15px}

/* foto zentriert */
.piccenter {
	float:none;
	border:solid 1px #b6b6b6;
}

/* foto im text rechts */
.picright {
	float:right;
	border:solid 1px #b6b6b6;
	margin-left:15px;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:0px;
}

/* box im text rechts */
.boxright {
	float:right;
	border:solid 0px #b6b6b6;
	margin-left:15px;
	margin-top:0px;
	margin-bottom:15px;
	margin-right:0px;
	position:relative;
	right:5px;
}

/* schatteneffekt um die box */

div.shadow, div.shadow2, div.shadow3, div.shadow4, div.shadow5 {
   padding: 1px;
   border-radius: 10px;
   -moz-border-radius: 10px;
   }
div.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
div.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
div.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
div.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
div.shadow5 {
   float: left;
   background-color: #fcfcfc;
   border: 1px solid #666666;
   }

/* ende schatteneffekt um die box */

#textbox_un {
height:40px;
background-color:#666666;
text-align:justify;
font-size: 17px;line-height: 20px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#000;
letter-spacing:0px;
width:100%;
border-right:solid 1px #000;
border-bottom:solid 1px #000;
}


#nav_un {font-size: 11px;line-height: 20px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#000;
height:40px;
line-height:40px;
background-color:#a60201;
text-align:center;
width:100%;
vertical-align:top;
padding-left:10px;
border-top:solid 1px #000;
border-bottom:solid 0px #000;
background-image:url(../images/leiste_schatten_ob.jpg);
background-repeat:repeat-x;
background-position:  50%  0%;
}

#box1 {
font-size: 15px;line-height: 20px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#000;
background-color:#666666;
text-align:left;
padding: 10 20 10 20;
}

#w-box1 {
font-size: 15px;line-height: 20px;
font-family: arial,tahoma,verdana,helvetica, sans-serif;
color:#FFF;
background-color:#666666;
text-align:left;
padding: 10 20 10 20;
}

#box1 .mehr {float: right;
text-align:right;}

#w-box1 .mehr {float: right;
text-align:right;}

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

#fuss {
height:60px;
color:#000;
background-color:#a60201;
font-family: arial, helvetica, georgia, tahoma ,verdana,  sans-serif;
font-size: 14px;line-height:20px;
text-align:center;
width:100%;
border-top:solid 0px red;
background-image:url(../images/leiste_schatten_un.jpg);
background-repeat:repeat-x;
background-position:  50% 100%;
}

/* ========== Schatten um Hauptbereich ========== */

#s1 {
background-image:url(../images/1.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
height:22px;
line-height:22px;
width:22px;
}

#s2 {
background-image:url(../images/2.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:100%;
}

#s3 {
background-image:url(../images/3.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:22px;
}

#s4 {
background-image:url(../images/4.jpg);
background-repeat:repeat-y;
background-position:  100% 0%;
height:100%;
width:22px;
}



#s6 {
background-image:url(../images/6.jpg);
background-repeat:repeat-y;
background-position:  0% 0%;
height:100%;
width:22px;
}

#s7 {
background-image:url(../images/7.jpg);
background-repeat:no-repeat;
background-position:  100% 0%;
height:22px;
line-height:22px;
width:22px;
}

#s8 {
background-image:url(../images/8.jpg);
background-repeat:repeat-x;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:100%;
}

#s9 {
background-image:url(../images/9.jpg);
background-repeat:no-repeat;
background-position:  0% 0%;
height:22px;
line-height:22px;
width:22px;
}