html, body, #wrap { height: 100%; }
html, body { 
	padding:0px; 
	margin:0px;
	background:#050505;
  font-size: .9em;
  font-weight: normal;
  font-family:  "Trebuchet MS", Arial, Verdana, Helvetica, sans-Serif;
  color:#ddd;  
 }
body > #wrap { height:auto; min-height:100%; }

#main { padding-bottom: 40px;}  /* must be same height as the footer */
#footer {
	/* stickyfooter */
	position: relative;
	margin-top: -40px; /* negative value of footer height */
	height: 40px;
	clear:both;
	/* stickyfooter	*/
} 
/* CLEAR FIX*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* ----- ELEMENTS ----- */
h1{font-size:26px;}
h2{font-size:22px;}
h3{font-size:16px;}
h4{font-size:14px;}
h5{font-size:12px;}
h6{font-size:1em;}
h2,h3,h4,h5{padding:2px 0;clear:both;}

h2{margin-bottom:15px;}

p{line-height:1.3em; padding-bottom:10px;}
blockquote{ padding:10px; background-color:#eee; font-style:italic; color:#666; }
/* ----- LINKS ----- */
a, a:visited, a:active, a:focus{color: #fff;text-decoration:none;outline:none;}
a:hover{color: #009DDF;text-decoration:underline;}

/* ----- IMAGES ----- */
img{ border:none; }
hr { border: 0; height:1px; color: #ccc; background-color: #ccc; margin:10px 0;clear:both; }


/* ----- TABLES ----- */
table {
	width: 100%;
	text-align:left;
	margin-bottom:10px;
}
tr {background: #222;border-bottom:1px solid #333;} 

tr.alt {background: #111;} 
th{background: #333;}
td,th{padding:4px;vertical-align:top;} 

#login-form td{vertical-align:bottom;}

table.address tr{background: #fff;}
table.address td{background: #eee; margin:0 5px 0 0;	}
/* ----- FORMS ----- */
form {text-align:left;margin:0;padding:0;}
select, option{text-align:left;}
input[type=text], select, textarea {
  color: #000;/*
	background-color:#fff; 
  border:1px solid #000;*/
  padding:2px; 
 /* clear:right;*/
  margin:2px;
	width:320px;
	
}
textarea {overflow: auto;}
/*input[type=text]:hover,textarea:hover,select:hover {
 border:1px solid #B48D00;
 border:1px solid #B48D00;
} */
input.butt {float:right;}
input.small {width:60px;}
input.wide, select.wide,label.wide{width:200px;}
label{margin:2px;display: inline-block;vertical-align:top;}
label.lbl{width:80px;}
/* ----- DEFINITIONS ----- */
dt{font-weight:bold; color:#000;padding-bottom:2px}
dt a:link,dt a:visited,dt a:active{color:#000;text-decoration:none;border:none;display:block;background-color:#111;padding:3px;}
dt a:hover {color:#70BAD4;background-color:#333;}
pre{background:#333;color:#F4F3EB;width:90%;/*position:absolute;z-index:1000;*/}

/******** UI ************/
input[type=text],input[type=password], select, textarea {
  color: #fff;
  border:1px solid #999;
  background:#111;
  padding:2px; 
  margin:2px;
}
input[type=text].error,input[type=password].error, select.error, textarea.error {color:red;}
textarea {overflow: auto;}
input[type=text]:hover,input[type=password]:hover,textarea:hover,select:hover {
 border:1px solid #0b93d5;
} 
input[type=submit], a.ui-btn  {
 cursor: pointer;
 border: 1px solid #0b93d5; 
 background: #003147 url(images/ui-bg_highlight-soft_33_003147_1x100.png) 50% 50% repeat-x;
 color: #fff; 
 font-weight: bold; 
 padding:2px;
} 
input[type=submit]:hover, a.ui-btn:hover  {
 border: 1px solid #26b3f7; 
 background: #0972a5 url(images/ui-bg_highlight-hard_20_0972a5_1x100.png) 50% 50% repeat-x;
text-decoration:underline;
} 
a.ui-btn{padding:2px 6px;}
a.ui-small{font-weight:normal;font-size:.8em;}


/******** UI ************/

/** LAYOUT **/

#header{margin:0 auto; width:960px;position:relative;height:115px;
background:transparent url("../img/bgstripe.gif") repeat-x left bottom; }

#logo{position:absolute; top:50px;left:16px;}

#menu{position:absolute; top:82px;right:0px;/*background:transparent url("../img/menubg.gif") no-repeat left top;width:353px;padding:14px 0 0 10px;*/height:34px;}

#menu li{
	float:left;
	/*margin-left:10px;*/
}
#menu li a {
display:block;
overflow:hidden;
/*text-indent:-9999em;*/
}
#menu a {
/* background:transparent url("../img/menu.gif") no-repeat scroll 0 0;*/
 height:34px;
}

/*
#menu .portfolio {background-position:0px 0px; width:125px;}
#portfolio #menu .portfolio, #menu .portfolio:hover{background-position:-0px -16px;}

#menu .infos {background-position:-125px 0px;width:94px;}
#infos #menu .infos, #menu .infos:hover{background-position:-125px -16px;}

#menu .contact {background-position:-219px 0px;width:112px;}
#contact #menu .contact, #menu .contact:hover{background-position:-219px -16px;}
*/

#lang{position:absolute; top:5px;right:0px;width:60px;font-weight:bold;}
#lang a { padding:2px 4px;border-top:3px solid #fff;color:#fff; width:40px;}
#lang a.selected {  border-top:3px solid #009DDF;color:#009DDF; }



/*** MAIN ***/
#main{width:960px;margin-left:auto;margin-right:auto;}
#main-content{padding-top:20px;}

#page-content{
	float:left;
	margin:0 ;
	width:720px;
}


#page-menu {
	float:left;
	position:relative;
	/*top:200px;
	left:200px;*/
}

#hide {
	position:absolute;
	/*top:30px;*/
	top:-30px;
	left:-190px;
}

ul#sliding-navigation
{
	list-style: none;
	font-size: .9em;
	margin:0 40px 0 0;
	padding: 0;
	width:200px;
}

ul#sliding-navigation li h3,
ul#sliding-navigation li a
{
	display: block;
	width: 150px;
	padding: 5px 18px;
	margin: 0;
	margin-bottom: 5px;
}

ul#sliding-navigation li h3
{
	color: #fff;
	background:#333 url(../img/page-menu-heading_bg.jpg) repeat-y;
	font-weight: normal;
}

ul#sliding-navigation li a
{
	color: #999;
	background:#222 url(../img/page-menu-tab_bg.jpg) repeat-y;
	border: 1px solid #1a1a1a;
	text-decoration: none;
}

ul#sliding-navigation li a:hover { color: #009DDF; }

ul#sliding-navigation li.selected a {color: #009DDF;}

#page-content-leftcol{
	float:left;
	width:465px;
	padding-right:30px;
}

#page-content-rightcol{
	float:left;
	width:465px;
}



#slideshow {
	position:relative;
	height:480px;
	width:960px;
	/*border:2px solid #fff;*/
	
}
#slideshow a {
	float:left;
	position:absolute;
}

#slideshow a img {
	border:none;
}

#slideshow a.show {
	z-index:500
}

#slideshow .caption {
	z-index:600; 
	background-color:#000; 
	color:#ffffff; 
	height:60px; 
	width:100%; 
	position:absolute;
	/*top:210px;*/
	top:270px;
}

#slideshow .caption .content {
	margin:5px
}

#slideshow .caption .content h3 {
	margin:0;
	padding:10px;
	/*color:#1DCCEF;*/
	color:#FFF;
	text-align:center;
	font-size:1.8em;
}



#cross-slideshow {
	position:relative;/*border: 2px solid #fff;*/
	height:400px;
	width:960px;
	

}

#cross-gallery {
	position:relative;/*	border: 2px solid #fff;*/
	height:360px;
	width:720px;
	/*border:2px solid #fff;*/
}





#gallery{
 width:720px;
 height:820px;
}

#gallery-nav {
padding-bottom:4px;
border-bottom:1px solid  #222; 
height:30px;
position:relative;
display:block;
clear:both;
}
/*#gallery-nav ul {position:absolute;top:8px;left:0px;}*/
#gallery-nav ul {float:left;margin:8px 10px 0 0;display:inline}
#gallery-nav li {float:left;margin-right:2px;}

#gallery-nav li a {background:#333;padding:8px 6px;height:30px;}
#gallery-nav li.selected a, #gallery-nav li a:hover{text-decoration:underline;color:#009DDF;background:#222;}

#gallery-caption{float:left;text-align:center;padding:8px 0 4px 40px;}

a.download-pdf {
 background:transparent url(../img/ico_pdf.gif) no-repeat right 0px;
 padding:8px 40px 4px 0;
 float:right;
 height:30px
}
a.download-pdf:hover {}




.webcam{background:#fff;padding:2px;position:relative; width:450px;/*height:300px;*/ margin:10px 0;}
.teaser{background:#fff;padding:2px;position:relative; width:450px;height:300px;}
.teaser span{
	position:absolute;	bottom:0px;right:2px;
	width:360px;
	height:28px;
 font-size:18px;
 background:#fff url(../img/arrow-blue.gif) no-repeat right -31px;
 color:#009DDF;
 padding:10px 80px 8px 10px;
 /*float:right;
 margin-top:6px;*/
 filter:alpha(opacity=70);/* IE lt 8 */
 -ms-filter: "alpha(opacity=70)"; /* IE 8 */
 -khtml-opacity: .7; /* Safari 1.x */
 -moz-opacity: .7; /* FF lt 1.5, Netscape */
	opacity: 0.7;

}

.teaser a:hover {
 text-decoration:underline;
}
/**/
#video-holder{width:480px;margin:0 auto;}



input.send{ margin-left:90px;}

#addfriend{margin:0 0 0 192px;/*padding:4px;background:#fff; color:#000;*/}
/*#addfriend:hover{background:#009DDF; color:#000;}*/


/**** FOOTER ***/
#footer {
 padding:10px 0; /*color:#fff;*/
 
 width:960px;
 border-top:2px solid #009DDF;
 margin-left:auto;
 margin-right:auto;
}

#footer li{float:left;margin-left:20px;}
#footer li.rowleader{margin-left:0;}

/** UTILITY CLASSES **/
.centered {margin-left:auto;margin-right:auto;display: block;text-align: center;}
.clear{clear:both;}
.textright{text-align:right}
.bold{font-weight:bold}
.floatright{float:right}
.floatleft{float:left}
.floatleft20{float:left;margin:0 20px 20px 0;}
.floatright20{float:right;margin:20px 0 0 20px;}
.error{color:red}
.white{color:white}

.imgreplace {
 display:block;
 overflow:hidden;
 text-indent:-9999em;
}
a.external, a.external:visited, a.external:active, a.external:focus{
 background:transparent url(../img/ico-external.gif) no-repeat right 0px;
 padding-right:20px;
 color:#009DDF;
}
a.external:hover {
 background-position:right -20px;/**/color:#fff;
}

a.gonext, a.gonext-blue{
 font-size:18px;
 background:transparent url(../img/arrow.gif) no-repeat right 0px;
 /*padding-right:80px;*/
 padding:4px 80px 8px 0;
 float:right;
 margin-top:6px;
}
a.gonext:hover {
 background-position:right -37px;
}
a.gonext-blue{ background:transparent url(../img/arrow-blue.gif) no-repeat right -37px; color:#009DDF; }
a.gonext-blue:hover {
 background-position:right 0px; color:#000;
}


a.tsr{
	background:transparent url(../img/arrow2.gif) no-repeat right 30px;
	padding:4px 80px 8px 0;
	font-size:18px;
	float:left;
	height:110px;
	width:300px;
	display:table-cell;
	vertical-align:middle;
	margin:10px 10px 10px 0;
}
a.tsr:hover {
 background-position:right -234px;
}
a.tsr img{float:right;padding-right:4px;}