body {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-size: 100.1%;
	height: 100%;
	background-color: #fff5df;
}

html {
	height: 100%;
}

div {
    padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;

}

#menuwrapper2 {
z-index: 20;
position: fixed;
top: 50%;
height: auto;
width: auto;
margin-top: -80px;
left: 0px;
}

#menuwrapper {
z-index: 20;
position: relative;
height: 80px;
width: 100px;
left: 0px;
}

#logo {
z-index: 10;
float:left;
position: relative;
height: 90px;
width: 160px;
margin-left: 21px;
}

#menu {
z-index: 10;
float:left;
position: relative;
background-image: url(../images/menu_bgr.png);
background-position: right center;
background-repeat: no-repeat;
height: 40px;
padding: 10px;
overflow:hidden;
}

.menupunkt {
float: left;
margin-left: 10px;
width: 100px;
padding: 6px;
padding-bottom: 4px;
padding-top: 20px;
color: #a51b35;
background-image: url(../images/menupunkt_bgr.png);
cursor: pointer;
}

#menupfeil {
float: left;
margin-left: 10px;
text-align: center;
padding-top: 11px;
padding-bottom: 9px;
color: #a51b35;
background-image: url(../images/menupunkt_bgr.png);
cursor: pointer;
}

.menupunkt:hover {
background-image: url(../images/titel_bgr_over.png);
}

#thumbs {
z-index: 10;
position: absolute;
top: 0px;
max-width: 193px;
right: 0px;
margin: 20px;
overflow: hidden;
height: auto;
visibility: hidden;
}

#steuerung {
z-index: 10;
position: fixed;
top: 0px;
max-width: 193px;
left: 0px;
margin: 20px;
overflow: hidden;
height: auto;
visibility: hidden;
}

#pfeillinks {
z-index: 30;
position: fixed;
top: 50%;
margin-top: -66px;
left: 230px;
height:32px;
width:32px;
background-image: url(../images/pfeil_links.png);
background-position: center center;
background-repeat: no-repeat;
cursor:pointer;
visibility:hidden;
}

#pfeillinks:hover {
background-image: url(../images/pfeil_links_over.png);
}

#pfeilrechts {
z-index: 30;
position: fixed;
top: 50%;
margin-top: -66px;
right: 230px;
height:32px;
width:32px;
background-image: url(../images/pfeil_rechts.png);
background-position: center center;
background-repeat: no-repeat;
cursor:pointer;
visibility:hidden;
}

#pfeilrechts:hover {
background-image: url(../images/pfeil_rechts_over.png);
}

.menupfeile {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #83192d;
	margin: 0px;
	padding: 6px;
	cursor:pointer;
}

.menupfeile:hover {
	font-weight: bold;
}

#thumbbgr {
background-image: url(../images/thumb_bgr.png);
background-position: bottom center;
background-repeat: repeat-y;
}

#thumbbottom {
float: left;
background-image: url(../images/thumb_bgr_bottom.png);
background-position: bottom center;
background-repeat: no-repeat;
height: 10px;
width: 193px;
}

#thumbmiddle {
float: left;
background-image: url(../images/thumb_bgr.png);
background-position: bottom center;
background-repeat: repeat-y;
height: auto;
width: 193px;
}

.thumbnail {
float: left;
height: 49px;
width: 49px;
margin-left: 10px;
margin-bottom: 10px;
cursor: pointer;
border: 1px solid #ffffff;
background-color: #ffffff;
overflow: hidden;
background-image: url(../images/preloader.gif);
background-position: center center;
background-repeat: no-repeat;
}

#titel {
float: left;
height: 20px;
padding-top: 10px;
padding-left: 10px;
width: 183px;
background-image: url(../images/thumb_bgr_top.png);
background-position: top center;
background-repeat: no-repeat;
}

.submenu {
float: left;
padding: 5px;
margin-top: 5px;
margin-bottom: 5px;
margin-left: 10px;
width: 163px;
background-image: url(../images/menupunkt_bgr.png);
cursor: pointer;
}

.bildercontent {
float: left;
width: 185px;
height: auto;
}

#submenu:hover {
background-color: #ff00ff;
}

#clear {
display: block;
float: left;
clear: both;
width: 100%;
height: 10px;
}

#detail_inner, #detail_inner_mouse {
position: fixed;
width: 100%;
height: 100%;
z-index: 5;
visibility: visible;
background-position: center center;
background-repeat: no-repeat;
background-attachment:fixed;
}

#detail_inner_mouse {
z-index: 6;
background-image: url(../images/copyright.gif);
}

#content {
position: absolute;
width: 600px;
height: auto;
left: 50%;
top: 20px;
margin-left: -300px;
z-index: 5;
display: none;
margin-bottom: 20px;
}

#contenttop {
float: left;
background-image: url(../images/content_bgr_top.png);
background-position: top center;
background-repeat: no-repeat;
height: 10px;
width: 600px;
}

#contentmiddle {
float: left;
background-image: url(../images/content_bgr_middle.png);
background-position: top center;
background-repeat: repeat-y;
padding: 10px 20px 10px 20px;
height: auto;
width: 560px;
}

#contentbottom {
float: left;
background-image: url(../images/content_bgr_bottom.png);
background-position: bottom center;
background-repeat: no-repeat;
height: 10px;
width: 600px;
}

#bgr {
position: fixed;
width: 100%;
height: 100%;
z-index: 0;
visibility: visible;
overflow:hidden;
}

#bgr img{
width: 100%;
}

h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: normal;
	color: #83192d;
	padding: 0px;
	margin: 0px;
	padding-bottom: 12px;
}

h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #83192d;
	padding: 0px;
	margin: 0px;
	padding-bottom: 6px;
}

h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	line-height: 16px;
	color: #83192d;
	padding: 0px;
	margin: 0px;
}

h4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #83192d;
	padding: 6px;
	padding-top: 4px;
	padding-bottom: 3px;
	margin: 0px;
}

#dialog {
	display: none;
	z-index: 500;
	background-image: url(../images/menupunkt_bgr.png);
	position: absolute;
	height: 400px;
	width: 300px;
	left: 50%;
	top: 50%;
	margin: -200px 0px 0px -150px;
	padding: 20px;
}