/* allgemein */
html, body {
	padding: 0;
	margin: 0;
	height: 100%;
	position: relative;
}

body {
	font-family: Verdana, Arial, Helvetica, SunSans-Regular, Sans-Serif;
	font-size: 12px;
	text-align: center;
	position: relative;
	background: #020202 url(../images/bg.jpg) no-repeat fixed 50% 0px;
}

h1, h2, h3, h4, p, dt {
	margin: 0px;
	padding: 5px 0 10px 0;
}

ul {
	margin: 5px 0 5px 0;	
}

h1, h2, h3, h4 {color: #fffc5a;}
dt {color: #b3b13e;}

h1 {font-size: 16px;}
h2, dt {font-size: 15px;}
h3 {font-size: 14px;}
h4 {font-size: 13px;}

a:link, a:visited { color: #ff9600; text-decoration: none; font-weight: normal; } 
a:active, a:hover { color: #ffc927; text-decoration: none; }
a.nohover {color: #b3b13e;}

/* ul {list-style-type: none;} */

img {border:0;}

dl img, .right {
	float: right;
	margin: 5px;
}

blockquote {
	color: #99965a	
}

#container {
	margin: 0px auto;
	width: 800px;
	height: 100%;
	position: relative;
}

/* Header */

#top {
	height: 300px;
	width: 100%;	
}

#top a {
	display: block;
	height: 300px;
	width: 100%;
	padding:10px;
	color: #b4b4b4;
	font-size: 30px;
	font-variant: small-caps;
	letter-spacing: 0.5em;
}

/* Menu */

#menu, #menu ul, #menu li {margin: 0;padding: 0;}
#menu li {display: inline;}

#menu {
	float: left;
	position: absolute;
	right: 0px;
	top: 260px;
}

#menu a {
	float: left;
	margin: 0;
	padding: 10px 5px 5px 5px;
	display: block;
	width: 98px;
	height: 23px;
	text-decoration: none;
	background-image: url(../images/menu_button.png);
	border: 0;
}

#menu a:hover, #menu a.active {background-image: url(../images/menu_button_hover.png);}

/* Inhalt */

#content {
	padding: 10px 20px 10px 20px;
	width: 760px;
	vertical-align: middle;
	text-align: left;
	color: #b4b4b4;
	background-image: url(../images/bg_content.png);
	background-repeat: repeat-y;
	position: relative;
}

#contenttop, #contentbottom {
	width: 800px;
	height: 10px;
	background-repeat: no-repeat;
	position: absolute;
	left: 0;
}

#contenttop {
	background-image: url(../images/bg_content_top.png);
	top: -10px;
}

#contentbottom {
	background-image: url(../images/bg_content_bottom.png);
	bottom: -10px;
}

/* Footer */

#footer {
	position: absolute;
	bottom: -40px;
	right: 10px;
	padding-bottom: 10px;
}

/* Kontaktformular */

input.text, textarea {width: 400px;}
textarea {height: 200px;}

input, textarea {
	padding: 2px;
	background-color: #cccccc;
	border: 1px dotted #000000;
}

/* Liste */
dl {position: relative;}

/* cmotion */
#motioncontainer {
	margin:0 auto; /* Remove if centering gallery on page is not desired */
	width:50%; /* Set to gallery width */
	height:227px; /* Set to gallery height */
}

#motioncontainer a img {
	border: 1px solid #cccccc; /* Set image border color */
}

#motioncontainer a:hover img {
	border: 1px solid navy; /* Set image border hover color */
}

#statusdiv {
	background-color: lightyellow;
	border: 1px solid gray;
	padding: 2px;
	position: absolute; /* Stop Editing Gallery Styles */
	left: -300px;
	visibility: hidden;
}

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

/* Live */

td.date {
	color: #ccc95a;	
}
td {
	vertical-align: top;
}
td p {
	padding: 0px;
}

/* Media */

.player {
	width: 100%;
	text-align: center;	
}

#player {
	display:block;
	width:720px;
	height:576px;
}