/* Main format settings */
body {
	background-image: url('../images/background.png');
	font-family: verdana;
	font-size: 11px;
}
a {
	color: #008000;
}
h1 {
	margin-top: 0px;
	margin-bottom: 15px;
	text-align: left;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 10px;
	text-align: left;
}
p {
	text-align: justify;
	margin-top: 0px;
	margin-bottom: 5px;
}
p.disclaimer {
	font-size: 9px;
}
p.center {
	text-align: center;
}

/* Main elements of the page */
.content {
	position: relative;
	width: 752px;
	height: 564px;
	background: url('../images/content.gif') no-repeat;
	padding-top: 20px;
}
.page{
	position: absolute;
	width: 660px;
	height: 500px;
	left: 72px;
	top: 20px;
	display: block;
}
.links {
	position: absolute;
	width: 660px;
	height: 24px;
	left: 72px;
	top: 530px;
	display: block;
}
.rechts {
	position: absolute;
	width: 660px;
	height: 24px;
	left: 72px;
	top: 530px;
	display: block;
	text-align:right;
}

/* Single content elements */
#bunnycam {
}
#gallery {
	visibility: hidden;
}
#bunny {
	visibility: hidden;
}
#alphamarkus {
	visibility: hidden;
}
#guestbook {
	visibility: hidden;
}
#imprint {
	background-color: #fff;
	visibility: hidden;
}

/* Inner settings for content element BUNNYCAM */
.controlpanel_left{
	position: absolute;
	left: 10px;
	top: 10px;
	width: 168px;
	height: 32px;
	z-index: 1000;
	background-color: #000;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	text-align: left;
}
.controlpanel_middle{
	position: absolute;
	left: 178px;
	top: 10px;
	width: 448px;
	height: 32px;
	z-index: 1000;
	background-color: #000;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	text-align: right;
}
.controlpanel_right{
	position: absolute;
	left: 626px;
	top: 10px;
	width: 24px;
	height: 32px;
	z-index: 1000;
	background-color: #000;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	text-align: right;
}
.control_status{
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.control_message{
	margin-right: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
}
.control_savebutton {
	width: 160px;
	height: 24px;
	margin-left: 4px;
	margin-top: 4px;
	margin-bottom: 4px;
	display: block;
}
.control_savebuttonimg {
	border: 0px;
}
.messagebox {
	color: #fff;
	padding: 5px 5px 5px 5px;
	position: absolute;
	left: 20px;
	top: 228px;
	width: 600px;
	height: 64px;
	z-index: 1000;
	background-color: #000;
	display: block;
	filter:alpha(opacity=60);
	-moz-opacity:.6;
	opacity:.6;
	text-align: left;
}
.messagebox hr {
margin: 5px 0 5px 0;
border: 1px solid #fff;
}
.messagebox img {
	float: left;
	margin: 5px 5px 5px 5px;
}

.bunnyimg {
	border: 10px solid #000;
	z-index: 11;
}
.saveimg {
	position: absolute;
	left: 10px;
	top: 10px;
	z-index: 12;
}
.blinds {
	position: absolute;
	left: 10px;
	top: 10px;
	width: 640px;
	height: 480px;
	overflow: hidden;
	z-index: 13;
}

/* Inner settings for content element ALPHAMARKUS and element BUNNY */
.img_col_left {
	float: left;
	margin-right: 10px;
}
.img_col_right{
	float: right;
	margin-left: 10px;
}
.col_img {
	margin-bottom: 5px;
	border: 1px solid #000;
}

/* Inner settings for Position Control */
#label_position {
	width: 112px;
	height: 24px;
	display: block;
	float: left;
}
#pos_1{
	background: url(../images/positions/1_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#pos_1:hover{
	background: url(../images/positions/1_1.png) no-repeat;
}
#pos_2 {
	background: url(../images/positions/2_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#pos_2:hover{
	background: url(../images/positions/2_1.png) no-repeat;
}
#pos_3 {
	background: url(../images/positions/3_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#pos_3:hover{
	background: url(../images/positions/3_1.png) no-repeat;
}
#pos_4 {
	background: url(../images/positions/4_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#pos_4:hover{
	background: url(../images/positions/4_1.png) no-repeat;
}

/* Inner settings for content element LINKS */
#lnk_bunnycam{
	background: url(../images/links/bunnycam_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	float: left;
	margin-left: 408px;
}
#lnk_bunnycam:hover {
	background: url(../images/links/bunnycam_1.png) no-repeat;
}
#lnk_gallery{
	background: url(../images/links/gallery_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#lnk_gallery:hover {
	background: url(../images/links/gallery_1.png) no-repeat;
}
#lnk_bunny {
	background: url(../images/links/bunny_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#lnk_bunny:hover {
	background: url(../images/links/bunny_1.png) no-repeat;
}
#lnk_alphamarkus {
	background: url(../images/links/alphamarkus_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#lnk_alphamarkus:hover {
	background: url(../images/links/alphamarkus_1.png) no-repeat;
}
#lnk_guestbook {
	background: url(../images/links/guestbook_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#lnk_guestbook:hover {
	background: url(../images/links/guestbook_1.png) no-repeat;
}
#lnk_imprint {
	background: url(../images/links/imprint_0.png) no-repeat;
	width: 24px;
	height: 24px;
	display: block;
	margin-left: 5px;
	float: left;
}
#lnk_imprint:hover {
	background: url(../images/links/imprint_1.png) no-repeat;
}
#lnk_bimmelbommel {
	background: url(../images/links/bimmelbommel_0.png) no-repeat;
	width: 72px;
	height: 24px;
	display: block;
	margin-left: 10px;
	float: left;
}
#lnk_bimmelbommel:hover {
	background: url(../images/links/bimmelbommel_1.png) no-repeat;
}