html, body 
{ 
height: 100%; 
min-height: 100%; 
}  

body { margin:0; font-family:Arial, Helvetica, sans-serif; background-color:#DDD;}

/* Der Kern von Clearfix */
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
/* IE-Patches für Clearfix */
.clearfix { display: inline-block; }
/* Vor IE5/Mac verstecken mit dem Commented Backslash Hack \*/
* html .clearfix { height: 1px; }
.clearfix { display: block; }
/* Ende des Versteckspiels für den IE5/Mac */

a:active {outline:none;}

:focus { -moz-outline-style:none;}

#outer { width:960px; margin:10px auto; border:#999 1px solid; padding-top:0px; background-color:#FFF;}

#lang { width:920px; height:20px; margin:0 20px; margin-bottom:0px; text-align:right; font-size:10px; line-height:20px; color:#999;}
#lang a { color:#009; text-decoration:none;}
#lang a:hover { color:#C00; text-decoration:none;}
#lang img { border:0;}
#index    { width:920px; height:456px; margin:0 20px; margin-bottom:20px; background: url(images/index_1.jpg) left top no-repeat;}
#index_de { width:920px; height:456px; margin:0 20px; margin-bottom:20px; background: url(images/index_1_de.jpg) left top no-repeat;}
#index_en { width:920px; height:456px; margin:0 20px; margin-bottom:20px; background: url(images/index_1_en.jpg) left top no-repeat;}
#index_es { width:920px; height:456px; margin:0 20px; margin-bottom:20px; background: url(images/index_1_es.jpg) left top no-repeat;}
#indexpano { width:100%; height:100%; margin:0 0 0 0; padding:0 0 0 0; background: url(images/index_1.jpg) left top no-repeat;}


.text1 { width:500px; position: relative; top:15px; left:20px; color:#FFF; font-size:24px;}
.text2 {
	width:701px;
	position: relative;
	top:15px;
	left:110px;
	color:#FFF;
	font-size:24px;
	font-weight:bold;
}

.button {
	width:251px;
	height:125px;
	position: relative;
	top:250px;
	left:660px;
	z-index:2;
}


.logo {
	width:250px;
	height:100px;
	background:url(images/logo.png) top left no-repeat;
	position: relative;
	top:0px;
	left:691px;
	z-index:2;
	background-image: url(images/logo.png);
}
.logotext {
	color:#FFF;
	width:205px;
	font-size:14px;
	position: relative;
	top:40px;
	left:12px;
	z-index:3
}

.slogan { width:250px; height:260px; background:url(images/slogan.png) top left no-repeat; position: relative; padding:10px 10px; top:-50px; left:0px; float:left; font-size:14px; z-index:4}
.slogan a { color:#009; text-decoration: underline;}
.slogan a:hover { color: #FF9; text-decoration:none;}

.indexnavi { width:470px; height:30px; position: relative; top:240px; left:0px; text-align:right; background:url(images/indexnavi.png) top left no-repeat; line-height:30px; z-index:5; float:right}
.indexnavi a { color:#FFF; text-decoration: none; margin-right:12px;}
.indexnavi a:hover { color: #9CF; text-decoration:none;}


.indexnavi2 { width:470px; height:30px; position: relative; top:60px; left:0px; text-align:right; background:url(images/indexnavi.png) top left no-repeat; line-height:30px; z-index:5; float:right}
.indexnavi2 a { color:#FFF; text-decoration: none; margin-right:12px;}
.indexnavi2 a:hover { color: #9CF; text-decoration:none;}

a.org { color:#f90; text-decoration: none;}
a.org:hover { color:#9CF; text-decoration: none;}
.org { color:#F90;}

a.blu { color:#9CF; text-decoration: none;}
a.blu:hover { color:#F90; text-decoration: none;}
.blu { color:#9CF;}

li .org { color:#f90; text-decoration: none;}
li a.org:hover { color:#9CF; text-decoration: none;}
li .org { color:#F90;}


#header { width:920px; height:100px; margin:0 20px; margin-bottom:20px; background: url(images/pages_header.jpg) left top no-repeat;}


#content { width:920px; margin:0 20px; margin-bottom:20px; font-size:13px;}
.left { width:190px; background-color:transparent; margin:0 20px 20px 0; float:left;}
 
.left h3{ margin:0 0 0 0; padding:0 0 0 0;}
#content_right { width:710px; background-color:transparent; margin:0 0px 20px 0; float:left;}
.center { width:500px; background-color:transparent; float:left; margin:0 0 0 0;line-height:18px; text-align:justify;}
.center h1 { font-size:18px; color:#039;margin:0 0 10px 0;}

.center a {color:#039;}
.center a:hover {color: #09C; text-decoration:none;}
.center li { list-style-image:url(images/li.png);line-height:18px;  }

.right { width:194px; background-color:transparent; float:right;  margin:0 0 20px 0;}
.right img { }
.right .image {width: 190px !important; margin:5px 0 10px 0;  background-color:#DDD; border:#999 1px solid; text-align: center; padding-top:5px;}

.right .image .caption {width: 180px; text-align:left; font-size:10px; color:#333; clear:both; padding:5px 5px 5px 5px;}


#footer {width:960px; margin:10px auto; padding-top:0px; margin-bottom:20px; font-size:10px; color:#333;}
#footer a {color:#333; text-decoration:none;}
#footer a:hover {color:#006; text-decoration:underline;}

.urbangreymenu{
width: 190px; /*width of menu*/
}

.banner{ background-color: #F90; font: bold 13px Verdana;
color: #FFF; padding: 7px 0 7px 8px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar{
font: bold 13px Verdana;
color: #FFF;
background: #F90 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 7px 8px; /*31px is left indentation of header text*/
}

.headerbar a { color:#FFF; text-decoration:none;}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
background: #9CF;
display: block;
padding: 3px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
color:#000000;
}




.urbangreymenu .org a{color:#039; font-weight:bold;}
.urbangreymenu .org a:hover{ color:#FFF; font-weight:bold;}
.urbangreymenu .org a:active{color:#FFF; font-weight:bold;}

.urbangreymenu .current a, .urbangreymenu .current a:active{
background: #CCC;
color: #FFF; 
font-weight:bold
}

.urbangreymenu ul li.orgbg { background:#f90; display: block; line-height: 17px;
text-decoration: none;}


.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: #36C;
}

#newsletter { background-color:#F90; margin-top:5px; padding:0 5px 5px 5px; font-size:11px}
#newsletter .headerbar{
font: bold 13px Verdana;
color: #FFF;
background: #F90 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 3px 0; /*31px is left indentation of header text*/
}

#newsletter2 { background-color:#F90; margin-top:10px; padding:0 5px 5px 5px; font-size:11px}
#newsletter2 .headerbar{
font: bold 13px Verdana;
color: #FFF;
background: #F90 url(media/arrowstop.gif) no-repeat 8px 6px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 0; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 7px 0 3px 0; /*31px is left indentation of header text*/
}

/*RAFFLE MEMBER TABLE STYLES*/
#active_raffles {width:500px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; float:left; text-align:left; margin-left:0px; margin-top:10px;}
	
#active_raffles th { background-color:#F90; color: #003; font-weight:bold; padding-left:4px;}
#active_raffles td { background-color:#ebebeb; color:#000; padding-left:4px;}

#member_tickets {width:500px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; float:left; text-align:left; margin-bottom:20px; margin-top:10px;}
#member_tickets th{ background-color:#F90; color: #003; font-weight:bold; padding-left:4px;}
#member_tickets td { background-color:#ebebeb; color:#000; padding-left:4px;}

#buyticket {width:500px; margin-top:10px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; }
	
label .links { float:left;}
td label {width:110px; font-family: Arial, Helvetica, sans-serif;
	font-size: 13px; display:block; float:left; line-height:18px; }
	
.actable input { width:110px;}
.actable .emailfield input { width:220px;}
.actable label { width:85px; display:block;}
.actable a { color:#036; text-decoration:none;}
.actable a:hover { color:#F90; text-decoration:none;}


/*ERROR CHECK FORM VALIDATION*/
label.error {color:#999; vertical-align: top; width:245px; float: left; text-align:left; font-size:11px;}

input#terms { width:20px;}

input:focus { border: 1px dotted black; }
input.error { border: 1px solid #C00; }


#sendfriend label.error {color:#999; vertical-align: top; float: left; text-align:left; font-size:11px;}

.orange {width:322px; height:120px; background-color:#F90;  border-left:#FFF 1px solid;}
.grey { height:120px; background-color:#efefef;}
.space10 { margin:10px 10px 10px 10px}
.space10 a { color:#036; text-decoration:none}
.space10 a:hover { color:#F90; text-decoration:none}
.small { font-size:10px; color:#666;}
.clear {font-size: 1px; height: 1px}
.formexplain { font-size:11px; color:#000; margin-top:10px; border-top:#069 solid 1px; padding-top:5px; padding-bottom:5px;}
#count { width:188px; height:38px; background: url(images/emptybg.png) top left no-repeat; line-height:35px; text-align:left; font-size:13px; color:#036; font-weight:bold; margin-left:auto; margin-right:auto;}
#counter { margin-left:25px;}

#video1 {width:320px; height:260px; float:left;}
#textv1 {width:180px; height:260px; float:right;}

/*GALLERY IMAGES*/
.gallery {margin-top:10px; margin-bottom:20px; clear:both; width:100%}
.gallery img {margin: 3px 6px 20px 3px;}
.gallery .img {padding:4px 4px 4px 4px; background:url(images/thbgb.png) right bottom no-repeat; margin-right:2px; margin-bottom:5px; float:left; border-left:#CCC 1px solid; border-top:#CCC 1px solid;}

#form_login input {font-size:11px; width:90px}

.reglink { color:#FFF;}