html {
    height: 100%
}

body {
    height: 100%;
    margin: 0px;
    padding: 0px;
    color: white;
    font-family: Arial;
    font-weight: bold;
    font-size: 16pt;
    background-color: #000;
}

a{
	text-decoration:none;
}

#header {
    width: 1220px;
    height: 53px;
    position: absolute;
    z-index: 4;
    margin: 20px 0 0 35px;
}

#stage {
    width: 1290px;
    height: 100%;
    position: absolute;
    display: block;
    z-index: 4;    
    background-repeat: no-repeat;
    margin: 60px 0 0 35px;
}

#scores {
    width: 740px;
    float: left;
    cursor:pointer;
}

#top-menu {
	position: absolute;
	right: 0px;
    margin-left: 50px;

}

.top_menu {
    color: #00ff00;
    font-family: Georgia;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    float: left;
    /*padding-top:20px;*/
}

#login_link {
    margin-left: 40px;
}

#info_link {
    margin-left:40px;
}

#main_menu {
    width: 660px;
    margin: 40px 0 0 50px;
}

#infoHome {
    width: 385px;
    height: 385px;
    padding: 35px;
    margin: 105px 0 0 560px;
}

#imgHome {
    width: 380px;
    height: 215px;
}

.bigText {
    color: #00ff00;
    font-family: Georgia;
    font-size: 21px;
    font-weight: bold;
    line-height: 25px;
    font-style: italic;
}

.smallText {
    color: #00ff00;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    font-style: italic;
}

.smallText2 {
    color: #00ff00;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}

#txtHome {
    margin-top: 15px;
    width: 380px;
    height: 170px;
}

#txtHome a {
    color: #ff0000;
    text-decoration: none;
}

#main_menu a {
    color: #00ff00;
    font-family: Georgia;
    font-size: 22px;
    font-weight: bold;
    text-decoration: none;
    float: left;
}

#main_menu a.selected {
    color: #ff0000;
    cursor: default;
}

#btn_clans, #btn_clan, #btn_ranger{
    margin-left: 40px;
}

#subsection_link {
	margin-left:85px;	
}
.transparent {
        /* Required for IE 5, 6, 7 */
        /* ...or something to trigger hasLayout, like zoom: 1;
        width: 100%;  */

        /* Theoretically for IE 8 & 9 (more valid) */
        /* ...but not required as filter works too */
        /* should come BEFORE filter */
        -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

        /* This works in IE 8 & 9 too */
        /* ... but also 5, 6, 7 */
        filter: alpha(opacity=80);

        /* Older than Firefox 0.9 */
        -moz-opacity:0.8;

        /* Safari 1.x (pre WebKit!) */
        -khtml-opacity: 0.8;

        /* Modern!
        /* Firefox 0.9+, Safari 2?, Chrome any?
        /* Opera 9+, IE 9+ */
        opacity: 0.8;
}
/*login*/
#login{
	margin:50px 50px;
}

#login label{
	color: #00ff00;
    font-family: Georgia;
    font-size: 16px;
    font-weight: bold;
    line-height: 25px;
    font-style: italic;
}

#login #usr, #login #pwd, #pwd_reset_email {
	margin-left:5px;
	background:none;
	color:#fff;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	border:2px solid;
	width:300px;
}

/*anmelden*/
#register_form_full, #pwd_reset_form{
	margin:50px 50px;
}


/* clans */
#clanImage{
	width:143px;
	height:151px;
	margin-left:43px;
	float:left;
}

#clanTITLE{
	float:left;
	margin:55px 0 0 70px;
	font-family:Georgia;
	font-size:80px;
	font-style:italic;
	}

#clanLeft{
	width:500px;
	height:100%;
	float:left;	
}

#botschaft{
	width:500px;
	height:275px;
	background-color:#fff;
	margin:15px 0;
}

#clanRight{
	width:511px;
	height:100%;
	float:left;
	margin:35px 0 0 29px;
}

.clanThread{
	width:510px;
	height:40px;
	position:relative;
	margin-bottom:10px;
	padding-top:40px;
}

.thread_container{
	z-index:-1;
	position:absolute;
	top:0;
	left:0;
}

.post{
	color:#fff;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	margin-left:20px;	
	display:block;
}

#postPost, #nThreadShow, .openPost{
	cursor:pointer;
}
#nThreadTxt, .nPostTxt, #register_email, #pwd1, #pwd2, #nEmail,#nHandy,#nCodeText{
	background:none;
	color:#fff;
	font-family:Georgia;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
	border:2px solid;
	width:300px;
}

#nThreadTxt.color_0, .nPostTxt.color_0{
	border-color:#ff0000;
}

#nThreadTxt.color_1, .nPostTxt.color_1{
	border-color:#00c7ff;
}
#nThreadTxt.color_2, .nPostTxt.color_2{
	border-color:#ffff00;
}
#nThreadTxt.color_3, .nPostTxt.color_3{
	border-color:#bd00ff;
}
#nThreadTxt.color_4, .nPostTxt.color_4{
	border-color:#00ff9f;
}

.iconThread{
	margin:0 10px 0 0;
}

#nThreadShow,#nThreadInput {
	color:#fff;
	font-style:normal;
	text-decoration:none;
}

.color_0{
	color:#ff0000;
}

.color_1{
	color:#00c7ff;
}
.color_2{
	color:#ffff00;
}
.color_3{
	color:#bd00ff;
}
.color_4{
	color:#00ff9f;
}
	
.clanInfo {
    width: 195px;
    float: left;
    margin-right: 15px;
}

.mottoClan {
    font-family: Georgia;
    font-weight: normal;
    font-size: 14px;
    font-style: italic;
    line-height: 25px;
}

#clan0, #clan0 .listClanMembers li {
    color: #ff0000;
}

#clan1, #clan1 .listClanMembers li {
    color: #00c7ff;
}

#clan2, #clan2 .listClanMembers li {
    color: #ffff00;
}

#clan3, #clan3 .listClanMembers li {
    color: #bd00ff;
}

#clan4, #clan4 .listClanMembers li {
    color: #00ff9f;
}

.listClanMembers {
    margin-left: 30px;
    /*list-style-image: url('../images/interface/bullet_list_clans.gif');*/
}

/* info */
#infoLeft {
	float:left;
	width: 550px;
	margin:35px 0 0 50px;
}

#infoRight {
	float:left;
	width: 350px;
	margin:35px 0 0 50px;
}


#infoLeft p, #infoRight p {
	padding-bottom: 10px;
}

#infoLeft a, #infoRight a {
    color: #ff0000;
    text-decoration: none;
    cursor: pointer;
}

/*settings*/
#settings{
	margin:50px 50px;
}

/* ranger */
#rangerLeft {
    width: 480px;
    height: 530px;
    float: left;
    margin: 50px 60px 0 50px;
}

#ranger_thumbnails {
    height: 300px;
    width: 480px;
    margin-top: 55px;
    margin-bottom: 5px;
}

#ranger_thumbnails img {
    cursor: pointer;
}

.rangerThumb {
    width: 140px;
    height: 150px;
    float: left;
    margin: 0 20px 10px 0;
    cursor: pointer;
}

#ranger_previous_page {
    float: left;
    cursor: pointer;
    height: 44px;
    width: 29px;
}

#ranger_next_page {
    float: right;
    cursor: pointer;
    margin-right: 30px;
    height: 44px;
    width: 29px;
}

#ranger_portrait {
    width: 390px;
    height: 390px;
    display: block;
    margin-bottom: 10px;
}

#rangerRight {
    width: 390px;
    height: 530px;
    float: left;
    margin-top: 50px;
}

/*anmeldung*/
#register_form{
	margin:50px 50px;;
}

#register_email{
	border-color:#00ff00;
}

#submit_register_form{
	cursor:pointer;
}

/* attraction detail */
.details_map {
    width: 410px;
    height: 400px;
    left: 615px;
    top: 183px;
}

#attraktion_detail_info {
	position:absolute;
    height: 530px;
    width: 480px;
    margin: 50px 60px 0 50px;
    left: 0px;
    top: 40px;
}


#attraktion_details_left, #attraktion_details_right{
	width:217px;
	height:63px;
	float:left;
	position:absolute;
	bottom:160px;
}

#attraktion_details_right{
	/*margin-left:25px;*/	
	left:242px;
}

.attraktion_details{
	color:#00ff00;
	font-family: Arial;
    font-size: 15px;
    font-weight: bold;
    line-height: 20px;
}

div.rsvp {
	position:absolute;
	top: 440px;
}

#rsvp_link {
	cursor: pointer;
}	

#cancel_link {
	color: #ff0000;
	cursor: pointer;
}


#attraktion_details_right{
	/*margin-left:25px;*/	
	left:242px;
}

/* attraction builder */

#attraction_type_description {
	position:absolute;
	width: 450px;
	height: 1000px;
	left: 50px;
	top: 120px;
}

#attraction_type_description p {
    color: #00ff00;
    font-family: Arial;
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
	padding-bottom: 10px;
}

#attraction_type_selector {
	position:absolute;
	width: 500px;
	height: 1000px;
	left: 550px;
	top: 120px;
}

.attraction_type {
	cursor: pointer;
	font-family: Georgia;
	font-weight: bold;
	font-style: italic;
	font-size: 36px;
	margin-left: 30px;
	color: #00ff00;
}

.create_map {
	position:absolute;
    width: 410px;
    height: 400px;
    left: 80px;
    top: 860px;
}

#attraction_form {
	position:absolute;
    width: 480px;
    height: 400px;
    left: 520px;
    top: 750px;
}

#attraction_form select {
	color: #000;
}

#attraction_form input[type='text'], textarea {
    background:none;
    font-family:Georgia;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    border:2px solid;
    width:400px;
}

#attraction_builder_drag_map_note {
	position:absolute;
	top: 700px;
	font-size: 13px;
	width: 500px;
	left: 50px;
}
#attraction_builder_form_note {
	position:absolute;
	top: 700px;
	left: 520px;
	font-size: 13px;
	width: 500px;
}
#attraction_builder_map_border_left {
	position:absolute;
	width:30px;
	height:610px;
	top: 644px;
	background-image: url("../images/interface/attr_formular_untenlinks.gif")
}
#attraction_builder_map_border_bottom {
	position:absolute;
	width:445px;
	height:30px;
	top: 1224px;
	left: 30px;
	background-image: url("../images/interface/attr_formular_unten.gif")
}
#attraction_builder_map_border_right {
	position:absolute;
	width:30px;
	height:505px;
	top: 749px;
	left: 465px;
	background-image: url("../images/interface/attr_formular_untenrechts.gif")
}
#attraction_builder_map_border_top {
	position:absolute;
	width:205px;
	height:30px;
	top: 749px;
	left: 260px;
	background-image: url("../images/interface/attr_formular_untenoben.gif")
}


#interface {
    position: absolute;
    z-index: 4;
}

#main_content {
    position: absolute;
    z-index: 4;
    top: 200px;
}

#map_canvas {
    width: 100%;
    height: 100%;
    position: fixed;
    /*	background-color: gray;*/
}

#map_canvas2 {
    position: absolute;
    z-index: -1;
}

div.details_map {
    width: 410px;
    height: 400px;
    left: 615px;
    top: 183px;
}

#underlay {
    position: absolute;
    z-index: -2;
    width: 100%;
    height: 100%;
    background-color: #000000;
}

.dark_tint {
    opacity: .30;
    filter: alpha( opacity = 30);
}

.mild_tint {
    opacity: 1;
    filter: alpha( opacity = 100);
}

div#overlay {
    position: absolute;
    z-index: 5;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

div#inlay {
    position: absolute;
    z-index: 1;
    height: 100%;
    width: 100%;
    left: 0px;
    top: 0px;
    margin: 0px;
    padding: 0px;
}

.menu {
    color: #ffffff;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: bold;
}

#zoom_selector {
	z-index: 1000;
    position: fixed;
    bottom: 50px;
    right: 30px;
    height: 100px;
    width: 50px;
    font-size: 48px;
    color: #00ff00;
}

#zoom_selector tr {
    height: 50px;
    text-align: center;
    cursor: pointer;
}

#day_selector {
    position: absolute;
    bottom: 0px;
    height: 50px;
    width: 100%;
}

#back {
    color: #00ff00;
    padding-left: 40px;
}

#forward {
    color: #00ff00;
    padding-right: 40px;
    text-align: right;
}

#current {
    color: #ffffff;
    text-align: center;
}

.event_label {
    position: relative;
    white-space: nowrap;
    border: 0px;
    font-weight: bold;
    padding: 2px;
    color: #fff;
    cursor:default;
}

.user_text {
    left: 30px;
}

.world_text {
    left: 90px;
}

.event_date {
	z-index: 100;
    top: -20px;
    padding-left: 10px;
    font-family: georgia;
    font-style: italic;
}

.event_desc {
	z-index: 100;
    top: 0px;
    padding-left: 10px;
    font-family: arial;
}

.thumb_attraction {
    width: 35px;
    height: 30px;
    margin-left: 15px;
}

#grafxViewer {
    width: 410px;
    height: 310px;
}

/*
 cross-platform transparency...
 'opacity: .75; '+
 'filter: alpha(opacity=75); '+
 '-ms-filter: "alpha(opacity=75)"; '+
 '-khtml-opacity: .75; '+
 '-moz-opacity: .75;';
 
 */ 

.highlight {
    color: #ff0000;
}