* { 
	margin: 0;
	padding: 0;
}

body {
	font: 11px/17px Verdana, Arial, sans-serif;
	background: url(../images/bg1.gif) repeat-x;
	background-color: #0e1774;
	color: #eee;
}
p {
	text-align: left;
	padding: 5px 10px 10px;
}

h1 {
	font: 20px/26px Helvetica, Arial, sans-serif;
	color:#fea;
}

h2 {
	font: 18px/22px Helvetica, Arial, sans-serif;
	color:#fea;
}

h3 {
	font: 16px/22px Helvetica, Arial, sans-serif;
	color:#fea;
	padding-bottom: 15px;
}

h4 {
	font: 14px/18px Helvetica, Arial, sans-serif;
	text-align: left;
	color:#fea;
	padding: 10px;
}

a {
	font-weight: bold;
}
a:link {
	color: #f60;
}
a:visited {
	color: #f60;
}
a:active {
	color:#fea;
}
a:hover {
	color:#fea;
}

#logo img{
	border: none;
}
#wrap {
	width: 770px;
	margin: 0 auto;
	text-align: center;
}

#top {
	text-align: left;
	padding: 8px 0 0 265px;
	margin-bottom: 8px;
}
#top span {
	padding: 12px 0px 8px 0px;	
}
ul#nav li  {
	display: inline;
	list-style-type: none;
}
ul#nav li a:link, ul#nav li a:visited  {
	text-decoration: none;
	display: inline;
	padding: 12px 12px 8px 11px;
	font-weight: normal;
	color: #fea;
	background: none;
}
* html ul#nav li a:link, * html ul#nav li a:visited {
	padding-top: 0;
	padding-bottom: 0;
}
ul#nav li a:hover {
	color: #FFF;
	font-weight: bold;
}
#home li#hom a span, #katalog #kat a span, #kontakt #kon a span, #suche #suc a span, #agbs #agb a span, #lexikon #lex a span{
	color: #fff;
	font-weight: bold;
	background: url(../images/mar.gif) no-repeat 50% 28px;
	padding: 12px 0px 8px 0px;
}
* html #home li#hom a span, * html #katalog #kat a span, * html #kontakt #kon a span, * html #suche #suc a span, * html #agbs #agb a span, * html #lexikon #lex a span{
	background: url(../images/mar.gif) no-repeat 40% bottom;
}

#header {
	text-align: left;
	padding-top: 25px;
	padding-bottom: 10px;
}
#header img {
	float: left;
	padding-top: 5px;
	padding-left: 30px;
}
#header h1 {
	text-indent: -9999px;
	display: block;
	height: 125px;
	margin-left: 280px;
	width: 422px;
}
#home #header h1 {
	background: url(../images/head.gif) no-repeat 0% 25px;
}
#kontakt #header h1 {
	background: url(../images/head.gif) no-repeat 0% 25px;
}
#suche #header h1, #agbs #header h1, #katalog #header h1 , #lexikon #header h1 {
	background: url(../images/head.gif) no-repeat 0% 25px;
}

#content {
	margin: 0 auto;
	width: 740px;
}

form{
	padding: 10px 15px;
	min-width: 494px;
	max-width: 506px;
	width: 500px;
	margin: 0 auto;
}

#f fieldset{
	border: none;
	width: 500px;
	padding: 10px 0px;
}

.inputText{
	width: 300px;
}

input{
	padding: 2px;
	border: solid 1px #888;
	color: #444;
}


input.inputSubmit{
	background-color: #df8;
	color: #065;
	width: auto;
	padding: 2px 6px;
	margin: 0 5px;
	border: solid 1px #1a8;
	font-weight: bold;
}

input.inputSubmit:hover{
	background: #1a8;
	color: #df8;
}


#gallery {
	clear:left;
	float:left;
	width:540px;
	border-right: 1px solid #17a;
	margin: 20px 0;
}

#gallery h1{
	padding: 30px 20px 20px;
	font-weight: normal;
}

ul#liste{
	list-style-type: none;
	clear:both;
}
ul#liste li {
	text-align: left;
	margin-bottom: 20px;
}
ul#liste ul{
	list-style-type: none;
}
ul#liste ul li{
	margin-bottom: 12px;
	margin-left: 12px;
}


ul#scans{
	list-style-type: none;
	clear:both;
}

#scans li {
	float: left;
	display: inline;
	height:296px;
	width:178px;
	background: url(none);
}

#scans img{
	border: 1px solid #fea;
	padding: 1px;
}

#scans a:hover img{
	border: 1px solid #f40;
}

.desc{
	padding:5px 10px 12px;
	text-align: left;
}
.desc span{
	font-weight: bold;
float: right;
}

#rechts {
	float:right;
	margin-left:10px;
	margin-bottom:16px;
	width:175px;
}

#rechts p {
	margin:12px 0 4px;
}

#counter{
	width: 155px;
	border: none;
	padding: 10px;
	margin-top:35px;
	text-align: center;
}

#menu{
	width: 155px;
	border: 1px solid #17a;
	padding: 10px;
	margin-top:35px;
	text-align: left;
}

#menu ul{
	list-style-type: none;
}

#menu p{
	border-bottom: 2px solid #17a;
	padding:0 4px;
}

#menu p a{
	color:#eee;
	text-decoration:none;
}

#menu p a:hover{
	color:#fea;
}


#menu li{
	padding:4px 12px;
	border-bottom: 1px solid #17a;
}

#menu li a{
	text-decoration:none;
}

#werbung {
	display: none;
	width: 155px;
	border: 1px solid #17a;
	padding: 10px;
	text-align: left;
	margin-top:20px;
}

#werbung p{
	border-bottom: 2px solid #17a;
	padding:0 4px;
}


#werbung ul{
	list-style-type: none;
}

#werbung li{
	padding:4px 12px;
	border-bottom: 1px solid #17a;
}

#footer {
	background: #006;
	padding: 10px;
	height: 10px;
	width: 770px;
	border-top: 1px solid #17a;
	margin:0 auto;
	color: #aaa;
	font-size: 9px;
	margin-top: 20px;
	clear: both;
	text-align: center;
}

#footer a{
	color: #ccc;
	text-decoration: none;
}

.shutter {
background: #666;
position: fixed;
top: 0;
left: 0;
height: 100%;
width: 100%;
opacity: 0.8;
}

* html .shutter {
	position: absolute;
	filter: alpha(opacity=80);
}

.info {
border: 1px solid #17a;
width: 724px;
position: fixed;
left: 50%;
padding: 10px 15px;
min-height: 400px;
margin-left: -362px;
background: #0e1774;
}

.msie{
top: 0;
left: 0;
height: 100%;
width: 100%;
border: none;
position: static;
margin: 0;
background: url(none);
background-color: #0e1774;
}

.info .close{
	clear: both;
	width: 700px;
	padding: 10px;
	text-align: right;
}

.info img.hochkant{
	float: left;
	padding: 10px;
	border: none;
}
.info img.quer{
	padding: 10px;
	border: none;
	margin: 0 auto;
}
.msie img.hochkant{
	padding: 0;
	margin: 15px;
}
.msie img.quer{
	padding: 0;
	margin: 15px;
}

.info h4{
	font-size: 16px;
}
.info h2{
	font-size: 20px;
	padding: 10px;
	text-align: left;
}

.info p{
	font-size: 12px;
	padding: 10px 20px;
}
.msie h2{
	padding: 0;
	margin: 15px;
	text-align: left;
}
.msie h4{
	padding: 0;
	margin: 15px;
	text-align: left;
}

.msie p{
	padding: 0;
	margin: 15px;

}

.info .email{
	padding: 15px 25px;
	text-align: center;
}