* {
	margin: 0;
	padding: 0;
}

body {
	margin: 0px;
	background-color: #ffffff;
	background-image: url(Bilder/kopf_hg.jpg); background-position:top; background-repeat:repeat-x;
}

body, th, td, input, textarea {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #626365;
}

h2, h3 {
	color: #626365;
}

h1 {
	font-size: 2.5em; font-weight: bold; padding-left: 15px; padding-top: 10px;
	color: #012740;
}

h2 {
	text-transform: uppercase;
	font-size: 1.1em;
	font-weight: bold;
	padding-left: 15px;
	color: #012740;
}

h3 {
	font-size: 1em;
	color: #012740;
}

p, ul, ol {
	margin-top: 1.5em;
	line-height: 1.8em;
	font-size: 1.1em;
}

ul, ol {
	margin-left: 3em;
}


a {
	text-decoration: underline;
	color: #012740;
}

.img { border: none; float: left; padding-right: 10px;}

.umbruch	{ clear: both;	}


#header {
	width: 845px;
	margin: 0 auto;
	background: #FFFFFF url(Bilder/header.jpg) no-repeat center;
	height: 225px;
}

#navi {
	float: right; 
	width: 845px;
	height: 21px;
	background-image: url(Bilder/navi_verlauf.jpg); background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

#navi ul {
	margin: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	line-height: normal;
}

#navi li {
	float: left;
	background:  url(Bilder/navi_trenner.jpg) no-repeat right top;
	height: 21px;
	padding: 0 0px 0 0px; margin-right: -1px;
}

#navi a {
	display: block;
	float: left;
	height: 21px;
	margin-right: 1px;
	padding: 4px 20px 0 20px;
	text-decoration: none;
	text-transform: ;
	font-size: 11px;
	font-weight: bold;
	color: #012740;
}

#navi a:hover {
	color: #626365; background-image: url(Bilder/navi_hover.jpg); background-position: top; background-repeat: repeat-x;
}

#navi .active a { background:#FFFFFF;}

#navi .shop a { color: #1e98d7; background: url(Bilder/shop.gif) left no-repeat; padding-left: 30px; } 

#navi .shop a:hover { color: #4cb4ea; }

#main {
	width: 870px;
	margin: 0 auto;
	padding: 0px 0px 0 0px;
	background: #FFFFFF;
	background-image: url(Bilder/content_hg.jpg); background-position:top; background-repeat:repeat-y;
	border-top: none;
}


#content {
	float: left;
	width: 550px;
	padding: 20px 0px 0px 10px;
}

#content p	{ margin-left: 15px; width: 530px; }

#content .text a:hover	{	background-color: #012740; color: #ffffff; text-decoration: none; }

#content .imgcontent	{ float: right; border: none; padding-left: 30px; }

#content .download	{	width: 200px; }

#content .img	{ float: left;	}


#news {
	width: 219px; min-height: 300px; float: right;
	padding: 20px 20px 20px 20px;
	margin: 10px 0px 0px 10px;
	background-color: #f5f5f6;
	border: #e9e9e9 1px solid;
}

#news .text a:hover	{	background-color: #012740; color: #ffffff; text-decoration: none; }

#reader	{	width: 500px; padding: 5px; background-color: #f5f5f6; border: #d0d0d0 1px solid; margin-left: 15px; }


/* Footer */

#footer {
	margin: 0;
	padding: 0;
	height: 113px;
	background-image:url(Bilder/foot_hg.jpg); background-repeat: repeat-x; background-position: bottom; }

#footer p {
	padding-top: 50px;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
}

#footer a	{ text-decoration: underline; color: #FFFFFF;}

#footer a:hover	{ text-decoration: none;}



.preview	{ display:block; width:250px; height:375px; margin-left:191px; margin-top: 0px; padding:5px; color:#000; border:1px solid #3d330f; background-color: #ffffff; z-index:0;}

#br	{ height: 16px; }


/* =CSS Galerie I ///////////////////////////////////////////////////////
----------------------------------------------------------------------*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery1, a.gallery1:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:75px; float:left; margin:4px; z-index:50;}
a.slideaI {background:url(Bilder/insidecut/thumb1.jpg);}
a.slidebI {background:url(Bilder/insidecut/thumb2.jpg);}
a.slidecI {background:url(Bilder/insidecut/thumb3.jpg);}
a.slidedI {background:url(Bilder/insidecut/thumb4.jpg);}
a.slideeI {background:url(Bilder/insidecut/thumb5.jpg);}
a.slidefI {background:url(Bilder/insidecut/thumb6.jpg);}
a.slidegI {background:url(Bilder/insidecut/thumb7.jpg);}
a.gallery1 em, a.gallery1 span {display:none;}
a.gallery1:hover {border:1px solid #fff;}



#container_left {position:relative; width:530px; height:420px; background:#505152; border:1px solid #a49188; margin: 15px 0px 0px 15px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:10px; top:10px;}
#container_left a.gallery1:hover span {display:block; position:absolute; width:150px; height:50px; top:350px; left:0px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery1:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#000;}
#container_left a.gallery1:active, #container_left a.gallery1:focus {border:1px solid #000;}
#container_left a.gallery1:active em, #container_left a.gallery1:focus em {display:block; position:absolute; width:250px; height:375px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; background-color: #ffffff; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:100px; padding-left:160px; width:300px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}


/* =CSS Galerie II ///////////////////////////////////////////////////////
----------------------------------------------------------------------*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery2, a.gallery2:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:75px; float:left; margin:4px; z-index:50;}
a.slideaII {background:url(Bilder/artheads/thumb1.jpg);}
a.slidebII {background:url(Bilder/artheads/thumb2.jpg);}
a.slidecII {background:url(Bilder/artheads/thumb3.jpg);}
a.slidedII {background:url(Bilder/artheads/thumb4.jpg);}
a.slideeII {background:url(Bilder/artheads/thumb5.jpg);}
a.slidefII {background:url(Bilder/artheads/thumb6.jpg);}
a.slidegII {background:url(Bilder/artheads/thumb7.jpg);}
a.gallery2 em, a.gallery2 span {display:none;}
a.gallery2:hover {border:1px solid #fff;}



#container_left {position:relative; width:530px; height:420px; background:#505152; border:1px solid #a49188; margin: 15px 0px 0px 15px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:10px; top:10px;}
#container_left a.gallery2:hover span {display:block; position:absolute; width:150px; height:50px; top:350px; left:0px; padding:5px; font-style:italic; color:#fff;  z-index:50;}
#container_left a.gallery2:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_left a.gallery2:active, #container_left a.gallery2:focus {border:1px solid #000;}
#container_left a.gallery2:active em, #container_left a.gallery2:focus em {display:block; position:absolute; width:250px; height:375px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; background-color: #ffffff; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:100px; padding-left:160px; width:300px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}


/* =CSS Galerie III ///////////////////////////////////////////////////////
----------------------------------------------------------------------*/


/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery3, a.gallery3:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:75px; float:left; margin:4px; z-index:50;}
a.slideaIII {background:url(Bilder/gerade/thumb1.jpg);}
a.slidebIII {background:url(Bilder/gerade/thumb2.jpg);}
a.slidecIII {background:url(Bilder/gerade/thumb3.jpg);}
a.slidedIII {background:url(Bilder/gerade/thumb4.jpg);}
a.slideeIII {background:url(Bilder/gerade/thumb5.jpg);}
a.slidefIII {background:url(Bilder/gerade/thumb6.jpg);}
a.slidegIII {background:url(Bilder/gerade/thumb7.jpg);}
a.slidehIII {background:url(Bilder/gerade/thumb8.jpg);}
a.gallery3 em, a.gallery3 span {display:none;}
a.gallery3:hover {border:1px solid #fff;}



#container_left {position:relative; width:530px; height:420px; background:#505152; border:1px solid #a49188; margin: 15px 0px 0px 15px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:10px; top:10px;}
#container_left a.gallery3:hover span {display:block; position:absolute; width:150px; height:50px; top:350px; left:0px; padding:5px; font-style:italic; color:#fff; z-index:100;}
#container_left a.gallery3:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_left a.gallery3:active, #container_left a.gallery3:focus {border:1px solid #000;}
#container_left a.gallery3:active em, #container_left a.gallery3:focus em {display:block; position:absolute; width:250px; height:375px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; background-color: #ffffff; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:100px; padding-left:160px; width:300px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}


/* =CSS Galerie IV ///////////////////////////////////////////////////////
----------------------------------------------------------------------*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#000;} 

/* common styling for all galleries */
a.gallery4, a.gallery4:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #000; width:50px; height:75px; float:left; margin:4px; z-index:50;}
a.slideaIV {background:url(Bilder/spezial/thumb1.jpg);}
a.slidebIV {background:url(Bilder/spezial/thumb2.jpg);}
a.slidecIV {background:url(Bilder/spezial/thumb3.jpg);}
a.slidedIV {background:url(Bilder/spezial/thumb4.jpg);}
a.slideeIV {background:url(Bilder/spezial/thumb5.jpg);}
a.slidefIV {background:url(Bilder/spezial/thumb6.jpg);}
a.slidegIV {background:url(Bilder/spezial/thumb7.jpg);}
a.slidehIV {background:url(Bilder/spezial/thumb8.jpg);}
a.gallery4 em, a.gallery4 span {display:none;}
a.gallery4:hover {border:1px solid #fff;}



#container_left {position:relative; width:530px; height:420px; background:#505152; border:1px solid #a49188; margin: 15px 0px 0px 15px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:10px; top:10px;}
#container_left a.gallery4:hover span {display:block; position:absolute; width:150px; height:50px; top:350px; left:0px; padding:5px; font-style:italic; color:#fff;  z-index:100;}
#container_left a.gallery4:hover span:first-line {font-style:normal; font-weight:bold; font-size:1.1em; color:#fff;}
#container_left a.gallery4:active, #container_left a.gallery4:focus {border:1px solid #000;}
#container_left a.gallery4:active em, #container_left a.gallery4:focus em {display:block; position:absolute; width:250px; height:375px; top:5px; left:180px; padding:5px; color:#000; border:1px solid #3d330f; background-color: #ffffff; z-index:50;}
#container_left h1 {clear:both; margin:0; padding-top:100px; padding-left:160px; width:300px; text-align:center; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}