/*
  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL  GENERAL
  
  SOME GENERAL SETTINGS USED IN THE WHOLE DOCUMENT
*/

*{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
}

/*
  COLORS  COLORS  COLORS  COLORS  COLORS  COLORS

  ALL COLORS USED IN THE DOCUMENT SHOULD BE DEFINED HERE
  CENTRALLY AND UNIFORMLY, EXCEPT THE BORDER COLORS, THAT HAVE THEIR OWN SECTION
  FOR CSS-STRUCTURAL REASONS.

*/

html{
  background: #0C1723;
}

.read-only{
  background: #F5F5F5;
}

.edit-comment{
  color: red;
}

.box, table, td.board-kat, #logform input{
  background: #E5FEFB;
}

.upper-row-odd, .lower-row-odd, .board-kat, .post-row-odd, .thread-title, .thread-threads, .board-title, .board-posts, .picture-box, .board-last{
  background: #C5EEF5;
}

.box, .box li, .box a, .box p, table, table .forward-link, table a, .forward-comment, td p, #board-footer, .picture-box *{
  color: black;
}

li, a, p, strike, #logform, .site-list-head{
  color: #D6FCFD;
}

.userinfo-rank{
  color: blue;
}

#menu li.menu-head, #menu li a:hover, .user-quick-list-item{
  color: black;
}

.map-list-container{
  background: #FF7788;
}

/*
  FONTS  FONTS  FONTS  FONTS  FONTS  FONTS
  
  DEFINITION OF ALL FONTS AND FONT-STYLES 
*/

#welcome, .menu-head, #status, .current-site, .post-userinfo-nick, .userinfo-rank, dt{
  font-weight: bold;
}

/*
  IMAGES  IMAGES  IMAGES  IMAGES  IMAGES  IMAGES
  
  DEFINITION OF IMAGES USED IN THE DOCUMENT
  SOME, LIKE THE T-BUTTONS, SHOULD BE SET TO
  FONT-SIZE 0, IF IMAGES ARE USED, TO REPLACE THE TEXTUAL
  DATA
*/

/*
  IMAGE DIMENSIONS AND LOCATIONS
  
  LOCATION AND DIMENSION FOR IMAGES TO APPEAR
*/

.hidable *{
  visibility: hidden; 
}
.hidable {
  text-decoration: none;
}

a.pm-link, a.mail-link{
  width: 19px;
  height: 15px;
  font-size:0;
  float: none;
  display: block;
  background-repeat: no-repeat;
  background-position: center center;  
}

.folder{
  width: 16px;
  height: 17px;
}

.head-image{
  margin-top:20px;
  width: 110px;
  height: 35px;
  float:left;
  font-size: 0px;
}

.t-button-legend{
  width: 68px;
  height: 35px;
  float: right;
  font-size: 0px;
}

.t-button-1, 
.t-button-2, 
.t-button-3, 
.t-button-4, 
.t-button-5, 
.t-button-ttt, 
.t-button-dr,
.t-button-1-selected, 
.t-button-2-selected, 
.t-button-3-selected, 
.t-button-4-selected, 
.t-button-5-selected, 
.t-button-ttt-selected, 
.t-button-dr-selected{
  float:right;
  width: 70px;
  height: 35px;
  font-size: 0px;
}

.menu-head{
  padding-left:10px;
  width: 100px;
}

p.nice, p.error{
  padding-left:20px;
  background-repeat: no-repeat;
  background-position: 5px 5px;
}

p.nice{
  background-image: url('../../../img/moonlight/ok.png');
}

p.error{
  background-image: url('../../../img/moonlight/cross.gif');
}

.last-post{
  margin:2px;
  width:16px;
  height: 9px;
  display: block;
  float: right;
  background-repeat: no-repeat;
  background-position: center center;
}

/*
IMAGE DEFINITIONS

LINKS TO THE IMAGES USED CONTAINERS SHOULD BE
SET TO THE FITTING SIZE OF THE IMAGE IN THE
SECTION ABOVE
*/

.pm-link, .mail-link{
  background-image: url('../../../img/moonlight/EMAIL.gif');
}

.folder-sticky{
  background-image: url('../../../img/moonlight/folder_sticky.gif');
}

.folder-closed{
  background-image: url('../../../img/moonlight/folder_lock.gif');
}

.folder-closed-sticky{
  background-image: url('../../../img/moonlight/folder_lock_sticky.gif');
}

.folder-normal{
  background-image: url('../../../img/moonlight/folder.gif');
}

.folder-sticky-new{
  background-image: url('../../../img/moonlight/folder_sticky_new.gif');
}

.folder-closed-new{
  background-image: url('../../../img/moonlight/folder_lock_new.gif');
}

.folder-closed-sticky-new{
  background-image: url('../../../img/moonlight/folder_lock_sticky_new.gif');
}

.folder-normal-new{
  background-image: url('../../../img/moonlight/folder_new.gif');
}

.last-post{
  background-image: url('../../../img/moonlight/last.gif');
}

.t-button-legend{
  background-image: url('../../../img/moonlight/legende.png');
}
.t-button-1{
  background-image: url('../../../img/moonlight/t1.png');
}
.t-button-2{
  background-image: url('../../../img/moonlight/t2.png');
}
.t-button-3{
  background-image: url('../../../img/moonlight/t3.png');
}
.t-button-4{
  background-image: url('../../../img/moonlight/t4.png');
}
.t-button-ttt{
  background-image: url('../../../img/moonlight/ttt.png');
}
.t-button-5{
  background-image: url('../../../img/moonlight/t5.png');
}
.t-button-dr{
  background-image: url('../../../img/moonlight/t5dr.png');
}
.t-button-1-selected{
  background-image: url('../../../img/moonlight/t1a.png');
}
.t-button-2-selected{
  background-image: url('../../../img/moonlight/t2a.png');
}
.t-button-3-selected{
  background-image: url('../../../img/moonlight/t3a.png');
}
.t-button-4-selected{
  background-image: url('../../../img/moonlight/t4a.png');
}
.t-button-ttt-selected{
  background-image: url('../../../img/moonlight/ttta.png');
}
.t-button-5-selected{
  background-image: url('../../../img/moonlight/t5a.png');
}
.t-button-dr-selected{
  background-image: url('../../../img/moonlight/t5dra.png');
}

#header{
  background-image: url('../../../img/moonlight/moonlit_headerbg.jpg');
}

.head-image{
  background-image: url('../../../img/moonlight/nav.jpg');
}

#above-title{
  background-image: url('../../../img/moonlight/title_bg.jpg');
}

#under-title{
  background-image: url('../../../img/moonlight/under-title_bg.gif');
  background-repeat:repeat-x;
}

#logform{
  background-image: url('../../../img/moonlight/log_bg.jpg');
}

#width-hack{
  background-image: url('../../../img/moonlight/main_bg.png');
}

#menu li a, #left{
  background-image: url('../../../img/moonlight/left_bg_gelb.jpg');  
}

#menu li a:hover{
  background-image: url('../../../img/moonlight/hover_bg.jpg');  
}


#menu li.menu-head{
  background-image: url('../../../img/moonlight/head_bg.jpg');
}

h1, h2, th, #status-title, #board-footer{
  background-image: url('../../../img/moonlight/board_head_bg.jpg');
}

/*
  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS  BORDERS
  
  BORDER DEFINITIONS IN THIS DOCUMENT
*/

img, .board-neu img, #quick-search label, .thread-neu img, .tiny-label, .icq{
  border: 0;
}

.news-box span{
  border-top:1px solid #888888;
}


body, .box, td, th, h1, h2, #board-footer, .picture-box, #width-hack{
  border: 1px solid #888888;
}

.map-list-container, .scrollable{
  border: 1px solid black;
}

label{
  border-bottom: 1px dashed #888888;
}

.t-button-1, 
.t-button-2, 
.t-button-3, 
.t-button-4, 
.t-button-5, 
.t-button-ttt, 
.t-button-dr,
.t-button-1-selected, 
.t-button-2-selected, 
.t-button-3-selected, 
.t-button-4-selected, 
.t-button-5-selected, 
.t-button-ttt-selected, 
.t-button-dr-selected,
.t-button-legend{
  border-bottom:1px solid #49658A;
}

.t-button-1, .t-button-1-selected{
  border-left:1px solid #49658A;
}

#left, .head-image{
  border-right: 1px solid #888888;
}

#menu, .box h2{
  border: 0;
  border-bottom: 1px solid #888888;
}

.error{
  border: 1px solid red;
}


/*
  AREAS  AREAS  AREAS  AREAS  AREAS
  Definition, of size, position 
  and layout of the different ares
  of the website
*/

#title, #above-title, #under-title, #top, #middle, #width-hack{
  margin: 0 auto;
  padding: 0;
  width: 1000px;
}

#top{
  height: 120px;
}

#above-title{
  height: 20px;
}

#welcome{
  float: left;
  margin:5px;
  height:10px;
}

#login{
  float: right;
  width: 200px;
  height:10px;
  margin:2px;
}

#title{
  height: 100px;  
}

#logform{
  float:right;
  width:200px;
  height: 90px;  
  padding: 5px;
}

#header{
  width: 794px;
  height: 100px;
}

#under-title{
  height: 35px;
}

#main{
}

#left{
  clear: both;
  float: left;
  width: 110px;
  height: 1000px;
}

#middle{
  float: left;
  width: 860px;
  margin: 0px 10px 10px 10px;
  font-size:11px;
}

#left-col{
	float: left;
	width: 567px;
}

#right-col{
	float: right;
	width: 273px;
}

.news-area{
  width: 500px;
  float: left;
}

.poll-area{
  width: 350px;
  float: right;
}

#board-footer{
  margin: 0;
  margin-top: 10px;
  padding-top:5px;
  padding-left:5px;
  height: 17px;
}

.pm-value-area{
  margin: 10px;
  height: 180px;
}

/*
  WIDGETS  WIDGETS  WIDGETS  WIDGETS  WIDGETS  WIDGETS
  
  INPUT WIDGETS LIKE BUTTONS, FORM-FIELDS/LABELS SHOULD BE 
  DEFINED HERE UNIFORMLY
*/

.creator-form .inp-submit, .inp-submit{
  margin: 5px;
}

label, input, select, textarea, .date-widget{
  margin: 7px;
}

label{
  width: 150px;
  float: left;
  clear: left;
}

li label{
  float: none;
}

input, select, textarea, .date-widget{
  width: 250px;
  float: left;
}

input.small{
  width: 14px;
}

.creator-form .inp-submit,.inp-submit, .search-form .inp-submit{
  float: none;
  clear:both;
  width: 100px;
  display: block;
}

.tiny-widget, .search-form .tiny-widget{
  width: 13px;
  height: 13px;
  float: left;
  margin: 3px;
  margin-left: 7px;
}

.tiny-label{
  clear: none;
  width: auto;
  margin: 3px;
  margin-right: 10px;
}

.date-widget{
  padding: 0px;
}
.date-widget select{
  width: 40px;
  margin: 0;
  margin-right:2px;
}
.date-widget select.inp-year{
  width: 60px;
  margin-right:2px;
}
.date-widget span{
  float:left;
  width: 5px;
  text-align: center;
  margin-top:3px;
}

form p{
  float: left;
}

/*
  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS  ELEMENTS
  
  COMMON USED ELEMENTS FOR REPRESENTING DATA, LIKE
  BOXES, HEADLINES, LISTS, SHOULD BE DEFINED HERE UNIFORMLY
*/

#middle *{
  /*border: 1px solid red; */
}

p.error, p.nice{
  margin:0px;
  margin-bottom: 10px;
  padding:5px;
  padding-left: 25px;
}

h1, h2, th, td{
  padding-top:5px;;
  padding-left: 5px;
  height: 17px;
}

.box, h1, h2, h3, table, #board-footer, .scrollable{
  margin-bottom: 10px;
  clear: both;
}

p{ 
  clear: left;
}

form p{
  clear: none;
}

.scrollable{
  overflow: scroll;
  height: 300px;
}

form .box p, form.box p{
  width: 350px;
}

li{
  margin: 7px;
  display: list-item;
  list-style: none;
}

li p{
  display: inline;
}

p, dl, h3, dl{
  margin: 7px;
  display:block;
}

.big-row td{
  height: 30px;
  padding: 3px;
  vertical-align: middle;
}

td .forward-comment, td .forward-link{
  margin:2px;
}

p.forward-comment{
  clear: none;
}

.tiny-td{
  text-align: center;
}

h3{
  margin-top:10px;
}

/*.box span{
  //TODO
  margin: 5px;
  padding: 5px;
}

.box span{
  text-align: right;
  display: block;
}*/

.forward-comment{
  float: left;
}

.backward-link{
  margin: 5px;
  float: left;
}

 .forward-link{
  margin: 5px;
  float: right;
}

/*table fix*/
table{
  width: 100%;
  margin-left: 1px;
  border-collapse: collapse;
}

th, td{
  height: 23px;
  padding-left:5px;
  padding-right:5px;
  vertical-align: top;
}

dt{
  float: left;
  clear: left;
  width: 100px;
}

dt, dd{
  height:20px
}

.impressum dt{
  height: 70px;
  width: 200px;
}

.impressum dd{
  height: 70px;
}

.char-box{
  width:74px;
  height:115px;
  vertical-align: middle;
  text-align: center;
  float: left;
  clear: none;
  margin:5px;
}

.char-box img{
  float: none;
  margin: 0 auto;
}

.char-box a{
  display: block;
}

.board-title a{
  margin-left: 5px;
}

.site-list-item, .site-list-head{
  float: left;
  margin:0;
  margin-right: 3px;
  margin-top: 5px;
  list-style-type: none;
}

/*
  SPECIAL  SPECIAL  SPECIAL  SPECIAL  SPECIAL  SPECIAL
  
  IN THIS SECTION EXCEPTIONS TO THE UNIFORMLY DEFINED 
  STYLES CAN BE DEFINED, TO MAKE ONE SINGE ELEMENT
  DIFFER FROM THE OTHERS OF SAME TYPE. E.G. LOGIN FORM
  SMALLER THAN NORMAL FORMS OR WUTEVA.
*/


#logform li{
  float: left;
  list-style-type:none;
}

#top p{
  padding: 0px;
}

#logform p{
  clear: left;
}



#menu{
  padding:0;
  margin:0;
  width: 110px;
}

#menu li{
  display: block;
  width: 110px;
  margin:0;
  margin-left:0;
}

#menu li a{
  display: block;
  margin:0;
  height: 20px;
  padding:0px;  
  text-decoration: none;
}

.menu-head{
  display: block;
  padding:0px;
  height: 20px;
  width: 110px;
}

#menu span{
  display:block;
  hieght:16px;
  padding:3px;
  padding-left:7px;
}




.poll-form li{
  list-style-type: none;
}
.poll-result-box li{
  list-style: decimal;
  margin-left: 30px;
  
}
.poll-result-box *{
  margin-left: -5px;
}
.poll-result-box img{
  width: 700px;
  height: 10px;
  float: none;
}

.status-bar{
  float: none;
}

.school-list-box-b{
  margin-left:10px;
}

.school-list-box-a, .school-list-box-b{
  height: 140px;
}

.match-info-container{
  height: 188px;
  overflow: auto;
}

.school-list-box-a, 
.school-list-box-b, 
.match-info-container,
.match-map-container{
  float: left;
  width: 422px;
  clear: none;
}

.match-map-container{
  margin-right: 10px;
}

.match-map-container img{
  margin-left:10px;
  float: none;
}

.foot-breaker{
  clear: both;
}

.char-pic{
  border: 0;
  float: right;
}

.char-main-box p{
  width: 400px;
}

.upload-body{
  width: 500px;
  height: 350px;
}

#status-title{
  height: 20px;
}

#status-title p, #status-title label{
  float: left;
  clear: none;
}

#status-title label{
  width: 70px;
}

#status-title span{
  width:30px;
  height: 5px;
  text-align: left;
}

#status-title * {
  margin: 0px;
  padding-left: 3px;
  padding-top: 0;
  margin-top: 3px;
}

#status-title input{
  height: 10px;
  margin-top:2px;
}

#quick-search{
  width: 270px;
  height: 18px;
  padding:0;
  margin: 0;
  padding-left:5px;
  float: right;
}

#quick-search-field{
  width: 70px;
  margin-right:5px;
}

#quick-search-results{
  display: block;
  float: left;
  width: 50px;
}

.board-neu, .thread-neu{
  width: 28px;
  padding-left:10px;
  text-align: center;
  vertical-align: top;
}

.folder{
  margin-top:5px;
}

.last-nick{
  margin: 0;
}

.board-last, .thread-last{
  font-size:9px;
  text-align: right;
  vertical-align: middle;
  padding-right: 5px;
  width: 145px;
  margin: 0;
}

.board-last p, .thread-last p{
  margin:0;
}

.board-threads, .board-posts, .thread-threads, .thread-posts, .thread-autor, .board-mods{
  text-align: center;
  vertical-align: middle;
  width: 50px;
}

.board-title, .thread-title{
  height: 40px;
  vertical-align: middle;
}

.post-userinfo{
  width: 170px;
}

.post-userinfo *{
  margin: 0;
  margin-bottom: 3px;
}

.userinfo-avatar{
  width: 100px;
  height: 100px;
  float: none;
}

.kennst-du-schon-avatar{
  width: 100px;
  height: 100px;
  margin: 5px;
  float: left;
}

.post-value{
  height: 100px;
  padding-bottom:7px;
}

.post-signature{
  height: 20px;
}

.post-footer-opt{
  padding: 0px;
  vertical-align: middle;
}

.post-footer-opt a{
  float: left;
  margin: 0;
  margin-left: 5px;
}

.post-footer-opt a{
  margin-top: 0px;
}

.thread-last, .board-last{
  width: 150px;
}

.search-form label{
  width: 300px;
}

.search-form input, .search-form select{
  width: 300px;
}

.search-form .tiny-label{
  width: 160px;
}

.char-head-box, .char-main-box, .char-headline{
  clear: none;
}

.edit-comment{
  margin-left: 0px;
}

.creator-opt-box{
  float: left;
  width: 150px;
}

.creator-opt-box img{
  border: 0;
}

.creator-form{
  float: right;
  width: 680px;
}

.creator-form label{
  border: 0;
  width: 50px;
}

#inp-title{
  width: 615px;
}

.creator-form textarea{
  height: 200px;
  clear: left;
  width: 665px;
}

.creator-form *{
  margin: 0;
  margin-bottom: 5px;
}

.creator-form .tiny-widget{ 
 margin-right: 5px;
}

#logform p, .online-users li{
  margin-top:0px;
  margin-bottom: 2px;
}

.map-list-container{
  padding:3px;
}

.icq{
  margin: 0;
  display: inline;
  float: none;
}

.match-map-container{
  height: 588px;
}

.news-box span{
  text-align: right;
  display: block;
  margin: 3px;
  padding: 2px;
}

.user-image-holder{
  width: 110px;
}

.user-map{
  width:251px;
  height: 340px;
  float: none;
  margin-left:10px;
  margin-right:10px;
  margin-top:0;
}

.user-map-container{
  clear: none;
/*  width:273px;*/
  float: left;
  margin-top:-1px;
/*  margin-left:10px;*/
}

#user-table{
/*  width: 573px;*/
  float: left;
  text-align: left;
}

#user-table .pm-link{
  display: block;
  float: left;
}

.error ul li{
  color: red;
  display: list-item;
}

#logform *{
  margin:0;
  margin:1px;
  border: 0;
}

#logform label{
  width: 80px;
  float: left;
}

#logform input{
  width: 100px;
  padding:1px;
}

#logform .tiny-label{
  float: left;
  width: 20px;
}

#logform .tiny-widget{
  width: 15px;
  clear: left;
  margin-bottom:7px;
}

#logform #inp-ok{
  width: 30px;
  float: right;
  margin-right: 10px;
}

#login{
  clear: none;
}

#logform p{
  clear: left;
  margin-top:5px;
}

.post-value img{
  border: 0;
  float: none;
}
.creator-opt-box input{
  width: 60px;
}

.user-quick-list-item{
  margin-top: 1px;
  margin-bottom: 0;
}

.event-participants{
  float:left;
}

.picture-box{
  float: left;
  width: 105px;
  margin: 5px;
  height: 120px;
  padding: 2px;
  text-align: center;
}

.image-holder{
  width: 100px;
  height: 100px;
  display: block;
}

.image-holder img, .huge-image-holder img{
  float: none;
  margin: auto;
}

.huge-image-holder{
  width: 640px;
  height: 480px;
  text-align: center;
}

.pic-slide-body{
  width: 650px;
  height: 560px;
}

* html body{
  width: 100%;
  text-align: center;
}

#width-hack{
  text-align: left;
}

.news-box{
  width: 470px;
}

img.mashup-img{
	float: left;
}

img.mashup-img-pm{
	height: 55px;
	width: 55px;
	margin: 0 10px 0 10px;
}

img.mashup-img-beef{
	width: 80px;
	height: 80px;
}

div#beef_container h2{
	margin-bottom: 5px;
}

div.beef-action-box{
	padding-top: 5px;
}

input.beef-button{
  width: 100px;
}

form#beef-form label{
  clear: none;
  border: none;
}

div.pm-box{
	clear: left;
}

p.mashup-info-p{
	padding-top: 5px;
	clear: none;
}

ul#hint-list{
/*	list-style: hiragana;*/
	margin-left: 20px;
}

ul#hint-list li {
	height:32px;
	list-style-position: outside;
	margin: 0 0 10px 25px;
	padding:0;
	vertical-align:middle;
}

/*ul#hint-list li{
	list-style: hiragana;
}*/

.float-breaker{
	clear: both;
}

div.padding-box{
	padding: 5px !important;
}



#popup-window{
  width: 400px;
  margin: 100px auto;
  background: #E5FEFB;
}
#popup-title, #popup-title span, #popup-title img{
	vertical-align: middle;
}
#popup-title{
	padding: 0 0 2px 1px;
}
#popup-title img{
	margin: 0 2px 0 0;
}
#popup-title span{
    padding-bottom: 2px;
}
#popup-content{
}
#popup-window div#button-bar{
  clear: both;
  float: none;
}

#popup-window div#button-bar input{
  width: 170px;
  display: inline;
}