html
{
height: 100%;
}

body
{
/*height:100%;*/  /*RAUS WEGEN IE KOMPLETTOVERLAY*/
margin: 0;
padding: 0;
background-color:#000000;
background-repeat:repeat-x;
}


#main_div
{
margin: 0 auto;
width:960px;
height:611px;
background-image:url('img/layout/main_div_hg.jpg');
}

#content
{
position:absolute;
width:570px;
margin-top:230px;
margin-left:180px;
padding: 10px 10px;
background-color:#191919;
border:10px solid #111111;
color:#cccccc;
font-family:'Verdana';
font-size:13px;
text-align:justify;
}

#fuss{
padding:10px 0px 0px 0px;
background-color:#191919;
color:#3F3F3F;
font-family:'Verdana';
font-size:10px;
text-align:right;
}

#fuss a:link{color:#3F3F3F; text-decoration: none;}
#fuss a:visited{color:#3F3F3F; text-decoration: none;}
#fuss a:hover{color:#FFFFFF; text-decoration: underline;}
#fuss a:active{color:#FFFFFF; text-decoration: none;}


#content tr.hover:hover
{
background-color:#333;
}

#impressum
{
position:absolute;
right:0px;
margin-top:38px;
margin-right:200px;
font-family:'Verdana';
font-size:12px;
color:#FFF;
}

#impressum a:link{color:#FFF; text-decoration: none; }
#impressum a:visited{color:#FFF; text-decoration: none; }
#impressum a:hover{color:#FFF; text-decoration: underline; }
#impressum a:active{color:#FFF; text-decoration: none; }

/*slider rechts*/
#slider
{
position:absolute;
height:370px;
width:150px;
margin-left:800px;
margin-top:231px;
}

#motioncontainer a img{ /*image border color*/
border: 5px solid #191919;
margin-top:5px;
}

#motioncontainer a:hover img{ /*image border hover color*/
border: 5px solid #191919;
margin-top:5px;
}

#motioncontainer a:hover{
color: red; /* Dummy definition to overcome IE bug */
}

#statusdiv{
position: absolute;
padding: 2px;
left: -300px;
background-color: lightyellow;
border: 1px solid gray;
visibility: hidden;
}

h4
{
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:0px;
font-size:10px;
font-weight:bold;

}

h3
{
padding-top:0px;
margin-top:0px;
margin-bottom:0px;
font-size:14px;
font-weight:bold;
}

h2
{
padding-top:0px;
margin-top:0px;
padding-bottom:0px;
margin-bottom:10px;
font-size:18px;
font-weight:bold;
font-variant:small-caps;
}

p
{
margin:5px 0px;
padding:0px;
}


fieldset
{
border:none;
padding:0px;
margin:0px 0px 0px 0px;
width:570px;
}

fieldset label
{
float: left;
width: 270px;
text-align:left;
font-weight:bold;
margin-top:10px;
}

fieldset input
{
margin-top:10px;
float:right;

}

.submit
{
margin:10px 0px 10px 0px;
height:20px;
border: 1px solid #2B2B2B;
background-color:#FFFFFF;
font-weight:bold;
font-size:12px;
color:#2B2B2B;
font-family: Verdana, Helvetica, sans-serif;
text-align:center;
}

a:link{color:#CCC; text-decoration: none;}
a:visited{color:#CCC; text-decoration: none;}
a:hover{color:#CCC; text-decoration: underline;}
a:active{color:#CCC; text-decoration: none; }

/*datebox*/
.datebox
{
float:left;
margin-right:10px;
height:45px;
width:42px;
background-image:url('img/layout/datebox.jpg');
font-weight:bold;
}

.datebox .mon
{
display:block;
margin-left:1px;
width:100%;
text-align:center;
color:#FFFFFF;
font-size:12px;
}

.datebox .tag
{
display:block;
width:100%;
text-align:center;
height:29px;
line-height:28px;
color:#000000;
font-size:22px;
}

.hr
{
width:100%;
height:1px;
margin-top:20px;
margin-bottom:20px;
background-image:url('img/layout/hr.jpg');
}

/*slideshow*/

.buttons
{
height:25px;
background-image:url('img/layout/bar.jpg');
background-repeat:x-repeat;
}

#prev1
{
display:block;
float:left;
width:25px;
height:25px;
background-image:url('img/layout/prev.jpg');
}

#prev1:hover {
background-position: -25px 0;
}

#play1
{
display:block;
float:left;
width:25px;
height:25px;
background-image:url('img/layout/play.jpg');
}

#play1:hover {
background-position: -25px 0;
}

#stop1
{
display:block;
float:left;
width:25px;
height:25px;
background-image:url('img/layout/stop.jpg');
}

#stop1:hover {
background-position: -25px 0;
}

#next1
{
display:block;
float:left;
width:25px;
height:25px;
background-image:url('img/layout/next.jpg');
}

#next1:hover {
background-position: -25px 0;
}

.buttons img{float:left;}
.buttons span.active, .buttons span:hover{cursor:pointer;}
.buttons {margin:0px 5px; width:540px;}


/*overlay*/
#overlay_slideshow {
position:absolute;
z-index:10;
background-image: url('/img/layout/overlay.png');
width: 550px;
height:420px;
color:#FFFFFF;
font-weight:bold;
text-align:center;
}


#box{
	position:relative;

}
#box span{
	display:block;
	float:left;
  width:530px;
}

#info{
	bottom:0;
  width:530px;
}


/* ********************************** */


.info{
	width:530px;
	height:23px;
	background:#000;
	position:absolute;
}
.info h4{
	color:#fff;
	padding: 3px 3px 0px 3px;
	font-family:Arial;
  font-size:14px;
}

.info p {
font-size:12px;
margin: 3px 0px 0px 3px;
color:#fff;
font-family:Arial;
}

.info h4 span{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:2px 3px;
	text-decoration:none;
}

.mask{
	position:relative;
  z-index:5;
	width:530px;
	height:354px;
	overflow:hidden;

}

#rahmen
{
width:530px;
padding:10px;
background-image: url('/img/layout/bildhg.gif');
}

span img{
	display:block;
	border:none;
}