@font-face {
	font-family: 'TrashHandRegular';
	src: url('fonts/TrashHand-webfont.eot');
	src: local('☺'), url('fonts/TrashHand-webfont.woff') format('woff'), url('fonts/TrashHand-webfont.ttf') format('truetype'), url('fonts/TrashHand-webfont.svg#webfontrYvAIPw0') format('svg');
	font-weight: normal;
	font-style: normal;
}

.floatBreaker {
	clear:				both;
	height:				0;
	overflow:			hidden;
	font-size:			1px;
}


html{

height: 100%;

}

body {

background-color: #444;
color: #fff;
height: 100%;
font-family: Helvetica, Arial, Verdana, sans-serif;

}

h2{

font-weight: bold;
font-size: 35pt;
margin-bottom: 20pt;

}

h4{

	font-size: 15pt;
	font-weight: bold;
	margin-bottom: 1em;
	margin-top: 2em;
}

a:link {

color: #fff;
text-decoration: none;

}

a:visited {

color: #fefefe;
text-decoration: none;

}

a:hover, a:focus, a:active {

color: #fefefe;
text-decoration: underline;

}

.item{

height: 100%;
min-height: 600px;
position: relative;

}

/*
.low .item {
	height:	600px;
}
*/


.itemContent{

clear: both;
width: 960px;
min-height: 300px;
margin: auto;
margin-top: 100px;
color: black;
font-family: Verdadana, Arial, 'sans-serif';
font-weight: bold;
font-size: 20pt;
position: relative;

}

.item .itemContent p{

position: relative;
margin: auto;
width: 800px;

}


.item .itemContent p em,
#item16 .itemContent ul li{

display: block;
width: 800px;
background-repeat: no-repeat;
text-indent: -9999px;

}

.itemContent p .alignRight{

float: right;

}

#item1{ /*Intro*/
 
 background:#00a65e url(images/logo.gif) no-repeat top right;
 position: relative;
 
 }
 
#item1 .Cloud1{

position: absolute;
top: 100px;
right: 20px;

}

#item1 .Cloud2{

position: absolute;
bottom: 20px;
left: 20px;

}
 
#item1 .itemContent {
	
	margin-top: 0;
	padding-top: 70px;
	color: #fff;
	background:transparent url(images/hus_cloud.png) no-repeat 0 bottom;
	width: 720px;
	height: 593px;
}

#item1 .itemContent .IntroQuestion{
	
	position: absolute;
	bottom: 280px; /* 228 */
	left: 430px;
	width: 300px;
}

#item1 .itemContent .IntroQuestion .Question{
	
	font-size: 30pt;
	line-height: 35pt;
	border-bottom: 2px dashed black;
}


#item1 .subWrapper {
	position:			absolute;
	right: 				87px;
	width: 				auto;
	bottom: 			123px; /* 140 */
	z-index: 			1000; /* Put at least the number over the cloud if the win is to narrow */
	border-bottom:		dashed 2px #000;
	padding-bottom:		13px;
	right:				47px;
}


/*#item1 .itemContent .IntroQuestion .Sub{*/
#item1 .subWrapper .Sub{
	
	display: block;
	font-size: 0.85em;
	text-transform: uppercase;
	margin-top: 30px;
	font-weight: bold;
}

#item1 .next,
#item1 .E{
	
	right: 0;
	top: -10px;
}

#item1 .nextText,
#item1 .eText{
	
	position: absolute;
	padding-right: 40px;
	font-size: 8pt;
	text-transform: uppercase;
	
	font-weight: bold;
	
	bottom: 47px;
	right: 47px;
}

#item1 .nextText{

bottom: 90px;

}



#item2{

background: #00a652 no-repeat 90% 100px;

} /*Floor 19*/


#item2 .itemContent p{
	
	width: 400px;
	padding-right: 400px;
	overflow: visible;
	line-height: 1.5em;
}

#item2 .itemContent p em{
	
	height: 256px;
	background-image: url(images/19.png);

}


#item3{background-color: #01ac50;} /*Floor 18*/
 



#item3 .itemContent p em{
	
	height: 196px;
	background-image: url(images/18.png);
	margin: 50px auto 50px auto;

}




#item4{background-color: #21b24b;} /*Floor 17*/


/* ie */
#item4 .itemContent p{

height: 360px;
padding-top: 7px;

}

#item4 .itemContent p em{
	
	width: 100%;
	height: 100%;
	background-image: url(images/17.png);
	
	position: absolute;
	top: 0;
	left: 0;

}

#item5{background-color: #4db748;} /*Floor 16*/





#item5 .itemContent p em{
	
	width: 800px;
	height: 187px;
	background-image: url(images/16.png);
	margin-top: 30px;

}


#item6{background-color: #71bf45;} /*Floor 15*/

#item6 .itemContent p{

width: 713px;
height: 241px;

}


#item6 .itemContent p .alignRight{

position: absolute;
bottom: -15px;
right: 0;

}


#item6 .itemContent p em{
	
	height: 362px;
	background-image: url(images/15.png);
	position: absolute;
	left: -50px;
	

}

#item7{background-color: #8cc63e;} /*Floor 14*/

#item7 .itemContent p{

height: 196px;
width: 760px;
padding-left: 40px;
padding-top: 77px;
z-index: 2;

}


#item7 .itemContent p em{
	
	width: 800px;
	height: 395px;
	background-image: url(images/14.png);
	position: absolute;
	top: 0;
	left: -20px;
	z-index: -1;
	

}

#item8{background-color: #a6ce39;} /*Floor 13*/


#item8 .itemContent p em{
	
	height: 424px;
	background-image: url(images/13.png);
	position: absolute;
	top: -30px;
	left: 0px;


}

#item9{background-color: #bfd630;} /*Floor 12*/


#item9 .itemContent p em{

background-image: url(images/12.png);

}

#item9 .itemContent p em:first-of-type{
	
	margin-top: 25px;
	margin-bottom: 20px;
	height: 126px;
 
	
}

#item9 .itemContent p em:last-of-type{

	height: 126px;
	background-position: 0 -177px;
	margin-top:				10px;
 
}

#item10{background-color: #d8df20;}  /*Floor 11*/


#item10 .itemContent p em{

height: 191px;
background-image: url(images/11.png);

}

#item11{background-color: #ede810;} /*Floor 10*/

#item11 .itemContent p{

text-align: center;
width: 800px;

}

#item11 .itemContent p em{

background-image: url(images/10.png);
height: 370px;
margin-bottom: 15px;
}

#item12{background-color: #fef200;} /*Floor 9*/


#item12 .itemContent p em{

height: 388px;
background-image: url(images/9.png);

}

#item13{background-color: #ffde00;} /*Floor 8*/

#item13 .itemContent p{

padding-top: 10px;
z-index: 1;
}

#item13 .itemContent p em{

height: 494px;
background-image: url(images/8.png);
position: absolute;
top: 0px;
z-index: -1;

}

#item14{background-color: #ffca08;} /*Floor 7*/

#item14 .itemContent p{

text-align: center;

}

#item14 .itemContent p em{

height: 73px;
background-image: url(images/7.png);

margin: 50px 0 50px 0;

}

#item15{background-color: #fdb813;} /*Floor 6*/



#item15 .itemContent p{

height: 140px;
margin-left: 150px;
width: 650px;

}

#item15 .itemContent p em{

height: 266px;
background-image: url(images/6.png);
position: absolute;
top: -60px;

}

#item15 .itemContent p .alignRight{

position: absolute;
bottom: 0;
right: 0;

}

#item16{background-color: #fdb813;} /*Floor 5*/

#item16 .itemContent ul{

width: 710px;
margin: auto;

}

#item16 .itemContent ul li{

height: 150px;
background-image: url(images/5.png);
text-indent: 0;
line-height: 150px;
padding-left: 100px;
margin-top: -20px;

width: auto;

}



#item17{background-color: #f9a61a;} /*Floor 4*/


#item17 .itemContent p em{

height: 223px;
background-image: url(images/4.png);
margin-top: 50px;
}

#item18{background-color: #f7941d;} /*Floor 3*/

#item18 .itemContent p em{

height: 198px;
background-image: url(images/3.png);
margin-top: 30px;

}



#item19{background-color: #f68121;} /*Floor 2*/

#item19 .itemContent{

/*width: 650px;*/
/*margin: auto;*/
margin-top: 100px;

}

/*
#item19 .Calendar { 

color: #f68121;
float: left;
margin-top: 30px;
margin-left: 20px;

}
*/


#item19 .countdown .counter {
	display:				block;
	width:					759px;
	height:					0 !important;
	padding:				200px 0 0 0;
	overflow:				hidden;
	background:				url(images/2010-q4.png) no-repeat;
	margin-top:				20px;
	color:					#f68121;
	font-size:				1px;
}

#item19 .itemContent p { 


margin-top: 50px;

}






/*Entrance, footer and form*/
#Entrance, #Entrance.item { 

min-height: 600px; /* Changed from 700 to make sure that the menu is visible in 1024x768 */ /* 600 */
background: #f25822 url(images/bg_ground.gif) no-repeat right bottom;

}

/* ie */
#Entrance .itemContent{

background-color: #fff;
height: 100%;
min-height: 650px;
background: transparent url(images/bg-entrance.png) no-repeat center bottom; /* bg_entrance_bigger */
position: absolute;
bottom: 0;
left: 50%;
margin-left: -490px; /* 465 */
margin-top: 30px;
z-index: 0;


}


#Entrance ul.FloorNumbers{

z-index: 100;
position: relative;

}













#mailform {

	width: 			560px;
	color: 			#fff;
	margin: 		13% auto 0 auto;
}

#mailform h3,
#mailform .labelHint,
#mailform a {
	float:				left;
}

#mailform h3,
#mailform .labelHint {
	margin-right:		8px;
}

#mailform a {

	color: 				#fff;
	font-size: 			8pt;
	text-decoration: 	none;
	text-transform: 	uppercase;
	margin-top:			2px;
	line-height:		14px;

}

#mailform input{

	border: 		0;
	padding: 		10px;
	width: 			200px;
	color: 			#aaa;

}

#mailform .button {
	color:				#fff;
}

#mailform h3 {
	line-height:		36px;
}

#mailform .checkBox{

width: 168px;
float: left;
font-size: 15px;
}

#mailform .checkBox input{

width: auto;
}

#mailform #Submit {

background-color: #000;
color: #fff;
	padding: 2px 10px 0;
	line-height:		32px;

}

.webkit #mailform #Submit {
	padding-top:		1px;
}

#mailform #Submit:hover{

background-color: #fff;
color: #000;


}

#mailform .labelHint { position: relative; width: 220px; display: inline;}

#mailform .labelHint label,
#mailform div.signupOutcome { font-size: 12pt; font-weight: normal;}

#mailform .over-apply {
	color: 			#ccc;
	position: 			absolute;
	top: 				12px;
	left: 				10px;
	font-size: 			12pt;
	font-weight: 		normal;
}

.webkit #mailform .over-apply {
	top:				11px;
}

#mailform div.signupOutcome {
	margin-top:			15px;
	width:				100%;
	text-align:			center;
	font-family: 		"TrashHandRegular";
	color:				#fff;
}






/*
#mailform{

text-align: center;
color: #fff;
margin-top: 10%;
}

#mailform a{

color: #fff;
font-size: 8pt;
text-decoration: none;
text-transform: uppercase;

}

#mailform input{

border: 0;
padding: 10px;
width: 200px;
color: #aaa;

}

#mailform .button {
	color:				#fff;
}

#mailform h3{

display: inline;

}

#mailform #Submit{

background-color: #000;
color: #fff;
padding: 10px;

}

#mailform #Submit:hover{

background-color: #fff;
color: #000;


}

#mailform .labelHint { position: relative; width: 200px; display: inline;}

#mailform .labelHint label,
#mailform div.signupOutcome { font-size: 12pt; font-weight: normal;}

#mailform .over-apply { color: #ccc; position: absolute; top: 14px; left: 10px; font-size: 12pt; font-weight: normal;}

.webkit #mailform .over-apply {
	top:				11px;
}

#mailform label.error,
#mailform div.signupOutcome {

display: block;
color: black;
position: absolute;
top: 50px;
left: -50px;
width: 300px;
height: 50px;
font-family: "TrashHandRegular";
color: #fff;

}
*/

/*Commons*/
ul.FloorNumbers{

width: 730px;
margin: 0 auto 0 auto;
padding-top: 30px;

}

ul.FloorNumbers li{

font-family: Arial;

float: left;
display: block;

width: 30px;
height: 30px;

text-align: center;
line-height: 30px;

font-size: 16px;
font-weight: bold;
color: #fff;


margin: 3px;

text-transform: uppercase;


}

ul.FloorNumbers li a,
.E,
.next,
#item1 .subWrapper .Sub .No
{

font-family: Arial;
background: #000;
display: block;
width: 30px;
height: 30px;
text-align: center;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #fff;
background: transparent url(images/circle_bg_numbers.png) no-repeat 0 -30px;
text-transform: uppercase;
text-decoration: none;
text-indent: -9999px;
}


#item1 .subWrapper .Sub .No{

float: left;
margin-top: -9px;
margin-right: 10px;

}

ul.FloorNumbers li a:hover,
ul.FloorNumbers li a:focus,
ul.FloorNumbers li.Current a,
.E,
.next{

background-position: 0 0;
text-decoration: none;
}

.E,
.next{

position: absolute;
bottom: 47px;
right: 47px;

background-position: 0 -90px;
}

.E:hover{

background-position: -30px -90px;

}

.next{

bottom: 90px;
font-size: 0px;
text-indent: -10000px;

background-position: -30px -60px;
}

.next:hover{

background-position: 0px -60px;

}

ul.FloorNumbers li a.n19{ background-position: -30px -630px; }
ul.FloorNumbers li.Current a.n19,
ul.FloorNumbers li a.n19:hover,
#item1 .subWrapper .Sub .No{ background-position: -30px -600px;}

ul.FloorNumbers li a.n18{ background-position: 0px -630px; }
ul.FloorNumbers li.Current a.n18,
ul.FloorNumbers li a.n18:hover{ background-position: 0px -600px;}

ul.FloorNumbers li a.n17{ background-position: -30px -570px; }
ul.FloorNumbers li.Current a.n17,
ul.FloorNumbers li a.n17:hover{ background-position: -30px -540px;}

ul.FloorNumbers li a.n16{ background-position: 0px -570px; }
ul.FloorNumbers li.Current a.n16,
ul.FloorNumbers li a.n16:hover{ background-position: 0px -540px;}

ul.FloorNumbers li a.n15{ background-position: -30px -510px; }
ul.FloorNumbers li.Current a.n15,
ul.FloorNumbers li a.n15:hover{ background-position: -30px -480px;}

ul.FloorNumbers li a.n14{ background-position: 0px -510px; }
ul.FloorNumbers li.Current a.n14,
ul.FloorNumbers li a.n14:hover{ background-position: 0px -480px;}

ul.FloorNumbers li a.n13{ background-position: -30px -450px; }
ul.FloorNumbers li.Current a.n13,
ul.FloorNumbers li a.n13:hover{ background-position: -30px -420px;}

ul.FloorNumbers li a.n12{ background-position: 0px -450px; }
ul.FloorNumbers li.Current a.n12,
ul.FloorNumbers li a.n12:hover{ background-position: 0px -420px;}

ul.FloorNumbers li a.n11{ background-position: -30px -390px; }
ul.FloorNumbers li.Current a.n11,
ul.FloorNumbers li a.n11:hover{ background-position: -30px -360px;}

ul.FloorNumbers li a.n10{ background-position: 0px -390px; }
ul.FloorNumbers li.Current a.n10,
ul.FloorNumbers li a.n10:hover{ background-position: 0px -360px;}

ul.FloorNumbers li a.n9{ background-position: -30px -330px; }
ul.FloorNumbers li.Current a.n9,
ul.FloorNumbers li a.n9:hover{ background-position: -30px -300px;}

ul.FloorNumbers li a.n8{ background-position: 0px -330px; }
ul.FloorNumbers li.Current a.n8,
ul.FloorNumbers li a.n8:hover{ background-position: 0px -300px;}

ul.FloorNumbers li a.n7{ background-position: -30px -270px; }
ul.FloorNumbers li.Current a.n7,
ul.FloorNumbers li a.n7:hover{ background-position: -30px -240px;}

ul.FloorNumbers li a.n6{ background-position: 0px -270px; }
ul.FloorNumbers li.Current a.n6,
ul.FloorNumbers li a.n6:hover{ background-position: 0px -240px;}

ul.FloorNumbers li a.n5{ background-position: -30px -210px; }
ul.FloorNumbers li.Current a.n5,
ul.FloorNumbers li a.n5:hover{ background-position: -30px -180px;}

ul.FloorNumbers li a.n4{ background-position: 0px -210px; }
ul.FloorNumbers li.Current a.n4,
ul.FloorNumbers li a.n4:hover{ background-position: 0px -180px;}

ul.FloorNumbers li a.n3{ background-position: -30px -150px; }
ul.FloorNumbers li.Current a.n3,
ul.FloorNumbers li a.n3:hover{ background-position: -30px -120px;}

ul.FloorNumbers li a.n2{ background-position: 0px -150px; }
ul.FloorNumbers li.Current a.n2,
ul.FloorNumbers li a.n2:hover{ background-position: 0px -120px;}

ul.FloorNumbers li a.ne{ background-position: -30px -660px; }
ul.FloorNumbers li.Current a.ne,
ul.FloorNumbers li a.ne:hover{ background-position: 0px -660px;}

/*Calendar*/

.Calendar{

height: 414px;
width: 300px;
background: transparent url(images/calendar-q4.png) no-repeat 0 0;




}

.Calendar span{

display: block;
text-align: center;
text-transform: uppercase;
font-weight: bolder;
letter-spacing: -0.09em;
font-size: 30pt;

}

.Calendar .wDay{

padding: 50px 0 40px 0;


}

.Calendar .Day{

font-size: 150pt;
letter-spacing: normal;
text-indent: -9999px;
}

.Calendar .Month{

font-size: 40pt;
}



.labelHint { position: relative; width: 200px; display: inline;}

.labelHint label{ font-size: 12pt; font-weight: normal;}

.over-apply { color: #ccc; position: absolute; top: 14px; left: 10px; font-size: 12pt; font-weight: normal; z-index: 1000;}

.labelHint input{ z-index: 500;}

/*Content*/


#Content {

width: 100%;
height: auto;
background-color: #000;
position: relative;
font-size: 11pt;

}

#Content img#House{
position: absolute;
top: -260px; /* -310 */
left: 50px;
}


#Content ul.Nav{

font-weight: bold;
font-size: 10pt;
position: absolute;
top: -60px;
left: 50px;

}

#Content ul.Nav.2{

font-weight: bold;
font-size: 10pt;
position: absolute;
top: 0px;
left: 50px;

}



#Content ul.Nav li{

display: inline;
text-transform: uppercase;
margin-right: 1em;

}


#Content ul.Nav li a:hover,
#Content ul.Nav li a:focus,
#Content ul.Nav li a:active,
#Content ul.Nav li.ui-state-active a{

text-decoration: none;
border-bottom: 5px solid #fff;
}

#Content .ContentSection{

font-weight: normal;
font-size: 10pt;
width: 910px;
margin: 0 20px 0 50px;
overflow: hidden;
padding-bottom: 200px;
}

#Content .ContentSection a {
	text-decoration:			underline;
}

#Content .ContentSection h3{

font-weight: bold;
font-size: 30pt;
margin-bottom: 20pt;
width: auto;
}

#Content .ContentSection#About h3{


float: left;
clear: both;
padding-right: 40px;
background: transparent url(images/arrow_on_white_circle_right.png) no-repeat right center;
cursor: pointer;
}


#Content .ContentSection#About h3:hover{

background-image: url(images/arrow_on_white_circle_down.png);

}

#Content .ContentSection#About h3.Open{

background-image: url(images/cross_on_white_circle.png);

}

#Content .ContentSection p{

clear: both;
padding: 0 20pt 20pt 0;
margin: 0 0 0 0;
width: 600px;
line-height: 1.5em;
font-size: 11pt;
font-weight: normal;
}

#Content .ContentSection .AboutText{

margin: 0 0 20pt 0;
padding: 0 20pt 20pt 20pt;
clear: both;
font-size: 11pt;

}

#Content .ContentSection .AboutText #OneSentence{

	text-align: center;
font-size: 11pt;

}

#Images .textWrapper p {
	margin-left:			10px;
}


#Content .ContentSection #AList.AboutText li{

	background: transparent url(images/arrow_on_black_right.png) no-repeat left top;
	padding-left: 30px;
	line-height: 22px;
	margin-bottom: 1em;
	font-size: 11pt;
}



#Content .ContentSection #TheLongStory.AboutText h4:first-of-type{

	margin-top: 0em;
}

#Content .ImageGallery{

margin-bottom: 1em;
overflow: hidden;
}


#Content .ImageGallery li{

float: left;
margin: 10px;
}

#Content .ImageGallery p {
	width:					160px;
	padding:				0;
	text-align:				center;
	background: 			#fff;
}

#Content .ImageGallery a.downloadLink {
	display:				block;
	margin:					0 5px 0;
	xborder-top:				solid 1px #000;
	background:				none;
	font-size:				11px;
	color:					#000;
	text-decoration:		none;
}

#Content .ImageGallery a.downloadLink:hover {
	text-decoration:		underline;
}

/*#Content .ImageGallery li.endOfRow {
	margin-right:				0;
}*/

#Content .ImageGallery li a.modalLink{

display: block;
padding: 5px;
background-color: #ffffff;
}

/*
#Content .ImageGallery li a.modalLink:hover {
-moz-transform: scale(1.1);
-moz-transform-origin: center;
}
*/


#Map iframe{

float: right;

}

#Content #Map.ContentSection .col1 {

float: left;
width: 370px;

}

#Content #Map.ContentSection .col1 p,
#Content #Map.ContentSection .col2 p {
	width:			350px;
}

#Content #Map.ContentSection .col2 {

	float: 			left;
	width: 			350px;

}

#Content #Map.ContentSection .col2 img {
	margin-bottom:	20px;
}

#Content #Kontakt h4{

margin-bottom: 10px;
margin-top: 0;

}

#Content #Kontakt .contactInformation{

margin-bottom: 20pt;

}

#Content #Kontakt .contactInformation div,
#Content #Kontakt .contactInformation a{

height: 1.5em;
line-height: 1.5em;
padding-left: 1em;


}

#Content #Kontakt .contactInformation a{

color: #F25822;
text-decoration: underline;

}

#Content #Kontakt .contactInformation div.name{

font-weight: bold;

}

#Content #Kontakt .contactInformation div.tel,
#Content #Kontakt .contactInformation div.mobtel{

padding-left: 1em;

}


/*Modal Window*/

#Dialog {

display: none;
z-index: 10000;

}





/* jqModal base Styling courtesy of;
  Brice Burgess <bhb@iceburg.net> */

/* The Window's CSS z-index value is respected (takes priority). If none is supplied,
  the Window's z-index value will be set to 3000 by default (in jqModal.js). You
  can change this value by either;
    a) supplying one via CSS
    b) passing the "zIndex" parameter. E.g.  (window).jqm({zIndex: 500}); */
  
.jqmWindow {
    display: none;
    
    position: fixed;
    top: 17%;
    left: 50%;
    
    margin-left: -300px;
    width: 600px;
    
    background-color: #EEE;
    color: #333;
    padding: 12px;
}

.jqmOverlay { background-color: #000; }

/* Fixed posistioning emulation for IE6
     Star selector used to hide definition from browsers other than IE6
     For valid CSS, use a conditional include instead */
* html .jqmWindow {
     position: absolute;
     top: expression((document.documentElement.scrollTop || document.body.scrollTop) + Math.round(17 * (document.documentElement.offsetHeight || document.body.clientHeight) / 100) + 'px');
}

/*Jquery tabs*/

.ui-tabs .ui-tabs-hide {
     display: none;
}


.helper{

font-family: "TrashHandRegular";
font-size: 12pt;

}

#miscTexts {
	display:			none;
}