/* basics */

html, body {padding: 0; margin: 0;}
body {background: #322254; color:#fff; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:70%;}

div#page {margin: 0 auto; position: relative; width:886px; background: url(images/v3/screen/header.png) top repeat-x;}

h1, h2, h3, h4, h5, h6 {color:#EDF240; margin:0.8em 0 0.2em 0; font-weight:normal;}
h1 {font-size: 190%;}
h2 {font-size: 160%; margin-top:1.5em;}
h3 {font-size: 140%; margin-top:1em;}
h4 {font-size:130%;}
h5 {font-size:100%;}
h6 {font-size:90%;}

p {line-height: 130%; margin: 0.2em 0 0.5em 0;}

a {color: #F9D738;}
a:visited {color: #C3AC4A;}
a:hover {color:#F5E484;}

sub, sup {vertical-align: baseline; position: relative;}
sub {top: 0.4em;}
sup {bottom: 0.4em;}

abbr, acronym {cursor: help;}
address {font-style: normal;}

li {margin: 0.4em 0; line-height: 130%;}
a img {border:0;}

.invisible {display: none;}
.cleaner {display:block; clear: both;  font-size:1px;  height:1px;}

form {margin:0;}

/* index */

h1#header {margin:0; height:52px;}
h1#header a {display:block; padding:6px 0 0 25px; text-decoration:none; text-transform:uppercase; color:#EDF240; font-size:130%;}

ul#menu {width:295px; position:absolute; top:52px; left:0; margin:0; padding:0; border-bottom:2px solid #04003A; *vertical-align:bottom;}
ul#menu li {margin:0; padding:0; list-style:none; height:52px;}
ul#menu li a {display:block; padding:16px 0 0 68px; text-transform:uppercase; text-decoration:none; font-size:120%; font-weight:bold;}

li#menu-home {background: url(images/v3/screen/menu-home.png) top left no-repeat;}
li#menu-profile {background: url(images/v3/screen/menu-profile.png) top left no-repeat;}
li#menu-videos {background: url(images/v3/screen/menu-videos.png) top left no-repeat;}
li#menu-register {background: url(images/v3/screen/menu-register.png) top left no-repeat;}

li#menu-home a {color:#FF9900;}
li#menu-profile a {color:#61FF55;}
li#menu-videos a {color:#FE33FC;}
li#menu-register a {color:#00D8FF;}

div#index div#notice-register {width:235px; height:119px; padding:25px 30px; position:absolute; left:0; top:261px; background: url(images/v3/screen/notice-register.png) top left no-repeat;}
div#index div#notice-register a {display:block; color:#FFFF00; text-decoration:none; font-size:140%; font-weight:bold; line-height:140%;}

div#index div#notice-video {width:235px; height:128px; padding:15px 30px; position:absolute; left:0; top:430px; background: url(images/v3/screen/notice-video.png) top left no-repeat;}
div#index div#notice-video a {display:block; color:#fff; text-decoration:none; font-size:140%; font-weight:bold; line-height:140%;}
div#index div#notice-video strong {color:#0B0280; text-transform:uppercase; display:block; font-size:130%;}

div#index div#title-image {width:295px; height:536px; position:absolute; left:295px; top:52px;}

div#index div#title-video {width:290px; height:242px; position:absolute; left:593px; top:346px;}

div#index div#content {width:276px; height:258px; padding:10px 10px 78px 10px; position:absolute; top:0; left:590px; background: url(images/v3/screen/content-bg.png) top left no-repeat;}
div#index div#content h2 {margin-top:0;}

div#index a#button-profile {display:block; width:280px; height:20px; padding-top:9px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background: url(images/v3/screen/button-orange.png) top left no-repeat; position:absolute; left:8px; top:276px;}
div#index a#button-videos {display:block; width:280px; height:20px; padding-top:9px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background: url(images/v3/screen/button-orange.png) top left no-repeat; position:absolute; left:8px; top:309px;}
div#index a#button-profile:hover, div#content a#button-videos:hover {text-decoration:underline;}

/* profile */

div#profile div#notice-register {width:235px; height:119px; padding:25px 30px; position:absolute; left:0; top:261px; background: url(images/v3/screen/notice-register.png) top left no-repeat;}
div#profile div#notice-register a {display:block; color:#FFFF00; text-decoration:none; font-size:140%; font-weight:bold; line-height:140%;}

div#profile div#notice-video {width:235px; height:128px; padding:15px 30px; position:absolute; left:0; top:430px; background: url(images/v3/screen/notice-video.png) top left no-repeat;}
div#profile div#notice-video a {display:block; color:#fff; text-decoration:none; font-size:140%; font-weight:bold; line-height:140%;}
div#profile div#notice-video strong {color:#0B0280; text-transform:uppercase; display:block; font-size:130%;}

div#profile div#title-image {width:295px; height:536px; position:absolute; left:295px; top:52px;}

div#profile div#title-video {width:290px; height:242px; position:absolute; left:593px; top:346px;}

h2#profile-heading {margin:0; width:295px; text-align:center; font-size:100%; font-weight:bold; color:#FF9900; position:absolute; left:295px; top:20px;}

div#profile div#content {width:276px; height:258px; padding:10px 10px 78px 8px; position:absolute; top:0; left:590px; background: url(images/v3/screen/content-bg.png) top left no-repeat;}

div#profile h3#name {margin:0; background: url(images/v3/screen/heading-name.png) left bottom no-repeat; font-size:100%; padding:23px 0 7px 30px; font-weight:bold; color:#FF9900;}
div#profile h3#favourites {margin:0; background: url(images/v3/screen/heading-favorites.png) left bottom no-repeat; font-size:100%; padding:23px 0 6px 30px; font-weight:bold; color:#FF9900;}

div#profile table {border:0; margin:5px 0;}
div#profile table th {color:#fff; font-weight:normal; text-align:left; padding:3px 3px 3px 0;}
div#profile table td {font-weight:bold; color:#FF9900; text-align:left; padding:3px 10px 3px 0;}

div#profile a#button-videos {display:block; width:280px; height:20px; padding-top:9px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background: url(images/v3/screen/button-orange.png) top left no-repeat; position:absolute; left:8px; top:276px;}
div#profile a#button-register {display:block; width:280px; height:20px; padding-top:9px; color:#fff; font-weight:bold; text-transform:uppercase; text-decoration:none; text-align:center; background: url(images/v3/screen/button-red.png) top left no-repeat; position:absolute; left:8px; top:309px;}
div#profile a#button-register:hover, div#content a#button-videos:hover {text-decoration:underline;}

/* videos */

h2#videos-heading {margin:0; width:591px; text-align:center; font-size:100%; font-weight:bold; color:#FF9900; position:absolute; left:295px; top:20px;}

div#videos div#title-image {display:none;}
div#videos div#title-video {width:290px; height:242px; position:absolute; left:3px; top:260px; overflow:hidden;}

div#videos div#notice-red {width:285px; height:76px; position:absolute; left:0; top:502px; background:#EB4600 url(images/v3/screen/red-bg.png) top repeat-x; color:#fff; font-weight:bold; padding:5px;}
div#videos div#notice-red a {color:#EDF240;}
div#videos div#notice-red strong {color:#EDF240; text-transform:uppercase;}
div#videos div#notice-red a#button-next {display:block; width:90px; height:18px; padding: 4px 6px 0 0; text-transform:uppercase; text-decoration:none; text-align:center; color:#C63B00; background: url(images/v3/screen/button-next.png) top left no-repeat; position:absolute; bottom:5px; right:6px;}
div#videos div#notice-red a#button-next:visited, div#videos div#notice-red a#button-next:hover {color:#C63B00;}

div#videos div#content {width:591px; height:536px; position:absolute; top:52px; left:295px; background: url(images/v3/screen/content-large.jpg) top left no-repeat;}

div.video-thumb {float:left; margin:15px 0 0 11px; text-align:center; _display:inline;}
div.video-thumb span.video-time {color:#FF9900; padding-left:15px;}
div.video-thumb-preview {border:1px solid #BFC0C3;}
div.video-thumb-preview img {display:block;}
div.video-thumb-preview a div {position: absolute; background: url('../help/player_small.png'); height: 135px; width: 180px;}
div#pages {clear: both; text-align: center; padding-top: 1em; font-size: 120%}

/* register */

div#register div#title-image {display:none;}

h2#register-heading {margin:0; width:591px; text-align:center; font-size:100%; font-weight:bold; color:#FF9900; position:absolute; left:295px; top:20px;}
div#register div#title-video {width:290px; height:242px; position:absolute; left:3px; top:260px; overflow:hidden;}
div#register div#placeholder {width:295px; height:86px; position:absolute; left:0; top:502px;  background: url(images/v3/screen/placeholder.png) top left no-repeat;}
div#register div#content {width:591px; height:536px; position:absolute; top:52px; left:295px; background: url(images/v3/screen/content-large.jpg) top left no-repeat;}

div.register-box {background:#161158; margin:8px 10px; padding:10px;}
div.register-box a, div.register-box a:visited, div.register-box a:hover {font-weight:bold; color:#FF9900;}

div#register form label {width:12em; display:block; float:left;}
div#register form div {margin:2px 0;}
div#register form span {color:#FF9900;}
div#register form label#highlabel  {margin-bottom:8em;}
div#register div#form-submit {clear:left; padding:5px 0 0 12em;}

.error {color:red; font-weight:bold; padding:5px 0 0 12em;}

/* edit buttons- andern */ 

a.edit {display:block; width:58px; height:20px; padding:3px 0 0 29px; background:url(images/edit.png); color:#EC4711; font-size:115%; font-weight:bold; text-decoration:none; position:absolute; z-index:1;}
a.edit:visited {color:#EC4711;}
a.edit:hover {text-decoration:underline; color:#EC4711;}

div#index #title-image_ok {top:493px; left:122px; position: absolute}
div#index #title-image_cancel {top:493px; left:182px;position: absolute}
div#profile #title-image_ok {top:560px; left: 422px; position: absolute}
div#profile #title-image_cancel {top:560px; left: 482px;position: absolute}

div#index a#edit-header {top:12px; left:495px;}
div#index a#edit-title-image {top:560px; left:497px;}
div#index a#edit-title-video {top:593px; left:792px;}
div#index a#edit-hometitle {top:12px; left:201px;}
div#index a#edit-content {top:249px; left:791px;}

div#profile a#edit-title-image {top:560px; left:497px;}
div#profile a#edit-title-video {top:593px; left:792px;}
div#profile a#edit-profile {top:24px; left:192px;}
div#profile a#edit-favourite {top:163px; left:192px;}
div.video-thumb a.edit {position: absolute; margin: -40px 0 0 90px;}

/* edit forms */

button.okbutton {border:0; cursor:pointer; background:url(images/ok.png); height:23px; width:47px; padding:0 0 0 12px; color:#333; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:11px; font-weight:bold;}
button.cancelbutton {border:0; cursor:pointer; background:url(images/cancel.png); height:23px; width:103px; padding:0 0 0 13px; color:#333; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:11px; font-weight:bold;}

div#index button#header_ok, div#index button#header_cancel {margin:0 0 0 3px;}
div#index button#hometitle_ok {margin:0 3px;}
div#index button#content_ok {margin-right:3px;}

div#index input#header_input, div#index input#hometitle_input {border:1px solid #F9F589; background:#110E38; color:#fff; padding:3px; font-weight:bold; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:12px;}
div#index input#header_input {margin:12px 0 0 12px;}
div#index input#hometitle_input {width:111px;}
div#index textarea#content_input {border:1px solid #F9F589; background:#110E38; color:#fff; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:12px; margin-bottom:2px;}

div#profile input#header_input {border:1px solid #F9F589; background:#110E38; color:#fff; padding:3px; font-weight:bold; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:12px; margin:12px 0 0 12px;}
div#profile button#header_ok {margin:0 3px 0 3px;}

div#profile table#profile-data input, div#profile table#profile-data select {width:75px; border:1px solid #F9F589; background:#110E38; color:#fff;} 
div#profile table#profile-data input#profile-height-input, div#profile table#profile-data input#profile-hair-input, div#profile table#profile-data select#profile-shaved-select {width:40px;}
div#profile button#profile_ok, div#profile button#profile_cancel {margin:0 3px 0 0;}

div#profile div#favourite-edit-box {position:relative; height:100px; *height:96px; width:280px; z-index:1; background: url(images/v3/screen/content-bg.png) right bottom no-repeat;}
div#profile textarea#favourite_input {border:1px solid #F9F589; background:#110E38; color:#fff; font-family: Verdana, 'Geneva CE', lucida, sans-serif; font-size:11px; margin-bottom:2px; margin-top:-2px;}
div#profile button#favourite_ok, div#profile button#favourite_cancel {margin:3px 3px 0 0;}

/* form help - info layer */

div.infolayer-wrapper, div.infolayer-wrapper * {*zoom:1;}

div.infolayer-wrapper {position:relative; z-index:3;}

div.infolayer-holder {position: absolute; top:35px; left:12px; display: none;}

div.infolayer-arrow {width:15px; height:8px; background: url(images/infolayer-arrow-top.gif) top left no-repeat; position:relative; top:0px; left:40px;}

div.infolayer-box {filter: alpha(opacity=95); -moz-opacity:.95; background: #FDFAD7; border: 2px solid #FF9900; font-size:11px; color: #000; width: 200px; padding: 4px;}

div.infolayer-header {*width:500px;}
div.infolayer-header div.infolayer-arrow {_margin-bottom:-17px;}

div.infolayer-hometitle div.infolayer-holder {top:2px; left:-222px;}
div.infolayer-hometitle div.infolayer-box {margin-right:8px; width:192px;}
div.infolayer-hometitle div.infolayer-arrow {width:8px; height:15px; background: url(images/infolayer-arrow-right.gif) top left no-repeat; position:absolute; top:1px; left:204px;}

div.infolayer-content div.infolayer-holder {top:2px; left:-222px;}
div.infolayer-content div.infolayer-box {margin-right:8px; width:192px;}
div.infolayer-content div.infolayer-arrow {width:8px; height:15px; background: url(images/infolayer-arrow-right.gif) top left no-repeat; position:absolute; top:1px; left:204px;}

div.infolayer-favourite div.infolayer-holder {top:92px; left:0px;}
div.infolayer-profile div.infolayer-holder {top:142px; left:0px;}