/* global style reset */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, 
big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ul, li, 
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { 
	margin:0; 
	padding:0;}
	





/*CSS3 webfonts*/
@font-face {
	font-family: Eurostile;
	src: url('/_/fonts/Eurostile.ttf') /*real browsers*/
	}
	
@font-face {
	 font-family: Eurostile;
	 src: url("/_/fonts/Eurostile.eot") /*IE */
	}


@font-face {
	font-family: TwCenMT;
	src: url('/_/fonts/Tw_Cen_MT.ttf') /*real browsers*/
	}

@font-face {
	font-family: TwCenMT;
	src: url('/_/fonts/Tw_Cen_MT.eot') /*IE*/
	}







/*Body definitions*/	
html,
body {
	background:url('/_/images/background/bgBody-2.jpg') center repeat-x #FFF; background-position: 50% -80px;
	font-family: Verdana, Arial, Tahoma, Helvetica, sans-serif; font-size:0.95em; color:#5e6a7a; text-align:left;
	}


#ie6-message, #nojs{
	width:100%; margin:0 auto; padding:5px 0; border:1px solid #c0c0c0; text-align:center; background:#FF9; position:absolute; z-index:100000000; height:150px; }

#ie6-message p{
	text-align:center;}


#orangeBar{
	position:fixed; top:0; width:100%; height:5px; background-color:#F7941E;  z-index:1000000;}


/*Standard tag definitions*/
p{
	line-height:25px; text-align:left;}

p:first-letter{}

p.caption{
	font-size:11px; line-height:14px; margin:0 0 0 10px; padding:0; color:#F7941E; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; text-align:left;}

a{ 
	outline:none; border:none; color:#F7941E; text-decoration:none; text-shadow:#CCC 0px 0px 1px }

a:hover{
	text-decoration:underline; border:none;}

a.elink{
	background: url('/_/images/icons/ext-link-2.png') right no-repeat; padding-right:15px; }
	
img{
	border:none; outline:none; }

img.noshadow{
	outline:none; position:relative; padding:5px; border:1px solid #AAA; background:#FFF;
	}

img.shadow{
	outline:none; position:relative; padding:5px; border:1px solid #AAA; background:#FFF; -moz-box-shadow:0px 0px 10px #AAA; -webkit-box-shadow:0px 0px 10px #AAA; box-shadow:0px 0px 10px #AAA;}

img.shadow:hover{
	-moz-box-shadow:0px 0px 20px #555; -webkit-box-shadow:0px 0px 20px #555; box-shadow:0px 0px 20px #555; }


img.textwrapLeft{
	margin:0 0 10px 20px;}

img.textwrapRight{
	margin:0 20px 10px 0;}

img.headerLogo{
	 }

img.arrow{
	float:left; border:none; padding:0; margin:8px 0 0 10px;}

a img{
	border:none; outline:none;}

ul{
	margin:10px 20px; padding:0px;}

li{
	padding:5px 0 0 0; text-align:justify; }

li.content{
	margin-bottom:20px; line-height:25px;}

h1, h2, h3, h4, h4, h5{
	font-family:Eurostile, Arial, Helvetica, sans-serif; font-weight:normal;}

h1{
	font-size:200%; letter-spacing:1px; text-shadow: 0 1px 1px rgba(255,255,255, 0.5); }

h2{
	font-size:120%;}

h3{
	font-size:120%; color:#635E5A; margin:0 0 10px 0; text-transform:none;}

h4{
	font-size:140%; color:#F7941E; }

h5{
	font-size:140%; margin:0 0 10px 0;}

h6{
	font-size:120%; font:Arial, Helvetica, sans-serif; font-weight:normal; }

h10{
	font-size:300%;}

td, th{}

hr{}

.noborder{
	border:none; margin:0; padding:0;}

.spacer{
	clear:both; height:0;}
	


/*CONTAINERS AND WRAPPERS-------------------------------------------------------------------------*/

#websiteContainer{
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto 0; /* the bottom margin is the negative value of the footer's height */}

.wrapper-990{
	width:990px; margin:0 auto;}

.wrapper-920{
	width:920px; margin:0 auto; }

#footer{
	background: url('/_/images/background/bgFooter.jpg') center no-repeat #F7941E; padding:20px 0; font-family:sans-serif; color:#FFF; font-size:90%; }
	
	.toggle{
		text-align:left; padding:20px 0; display:block; }

	#copyDiv{
		width:100%; margin:0 auto; text-align:center; font-family:TwCenMT, sans-serif; color:#FFF; font-size:90%; }
	
	
#whiteDiv{
	height:15px; /*was 95x*/ }

#menu-logo-button-Div{
	height:135px; color:#FFF; text-align:right;
	/*background:url('../images/background/bgMenuSpot.jpg') top right repeat-x #FFF; background-position: -20px 0px;*/}
	
#logo-button-container{
	float:right; text-align:right; width:210px; height:135px; margin-right:0px; }	
	
#logo-container{
	min-height:35px; padding:20px 0 0 0; }	

#button-container{
	 height:50px; padding:20px 0 0 0; }

#u-bevindt-zich-hier-Div{
	height:30px; padding:35px 0 0 0; }
	
#leftDiv{
	float:left; width:599px; border-right:1px solid #616675; margin-bottom:30px; padding:0 20px 30px 0; }

#rightDiv{
	float:left; width:280px; margin-bottom:50px; padding:0 0 30px 20px; }
	
.leftDiv{
	float:left; width:599px; }

.rightDiv{
	float:left; width:280px; }
	
.headerDiv{
	height:50px; border-bottom:1px solid #616675; margin:0 0 20px 0; }	

.column{
	width:290px; float:left; margin:0 9px 0 0; }

.column .left{}

.column .right{ margin:0 0 0 5px; }

#twitter-wrapper{
	background:url('/_/images/icons/latest-tweet.png'); width:455px; height:79px; margin-top:20px; display:block; }

#twitter-text{
	width:290px; height:75px; float:right; margin-top:4px; padding:0 10px 0 10px; color:#FFF; font-size:85%; }

#twitter-link{
	width:130px; height:70px; float:left; display:block; }



/*CONTAINER AND WRAPPER STYLES---------------------------------------------------------------------*/
#u-bevindt-zich-hier-Div{
	font-family:Eurostile, Arial, Helvetica, sans-serif; }

#footer a{
	color:#FFF; text-decoration:underline; font-weight:normal; }

#footer ul{
	float:left; margin:0 30px 0 0; font-size:95%; padding:0; }

#footer li{
	display:inline;	list-style: none; }

#footer li a, #footer li{
	display:block; width:200px; color:#FFF; text-decoration:none; font-weight:normal;  text-shadow:none; }

#footer li a:hover{
	text-decoration:underline; }

#footer h3{
	color:#FFF; font-size:120%; font-weight:bold; }

#footer .comment{
	 line-height:16px; margin:0 0 5px 0; color:#555; }

#rightDiv p{
	line-height:22px; font-family:Arial, Helvetica, sans-serif; }

ul#projects{
	list-style:none; margin:0; padding:0; }

ul#projects li{
	float:left; width:280px; min-height:105px; margin:0 18px 5px 0; }

ul#projects li:nth-child(odd){
	float:right; width:280px; min-height:105px; margin:0 10px 5px 0;  }


div.textblock{
	width:250px; height:100px; float:left; text-align:left; border:1px solid #DDD; padding:20px; margin:0 5px 5px 0; font-size:90%; color:#FFF; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; -moz-box-shadow:0px 0px 10px #AAA; -webkit-box-shadow:0px 0px 10px #AAA; box-shadow:0px 0px 10px #AAA; 
	
	/*evil browsers*/
	background:#5e6a7a url('../images/background/bgTextbox.jpg') repeat-x;

	/*benevolent browsers*/
	background:
		-webkit-gradient(linear, left bottom, left top, color-stop(0.40, rgb(94,106,122)), color-stop(0.80, rgb(129,143,161)) );

	background:
		-moz-linear-gradient(center bottom, rgb(94,106,122) 40%, rgb(129,143,161) 80% ); 
	
	}

div.textblock:first-letter{
	font-size:300%; color:#F7941E; line-height:22px; /*IE shait*/ *font-size:100%; *color:#FFF; }

div.textblock a{
	color:#FFF; line-height:22px; font-family:Arial, Helvetica, sans-serif; font-weight:normal; text-shadow: none;}

#rightDiv ul{
	list-style:none; padding:0; margin:0;}

#rightDiv li{
	padding:0 0 5px 10px; margin:0 0 5px 0; border-bottom:1px solid #616675;}

#rightDiv li a{
	display:block; width:250px; }

#rightDiv li a:hover, #rightDiv li:hover{
	text-decoration:none;}


/*NAV UP en DOWN---------------------------------------------------------------------*/

.nav_up{
	padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url('/_/images/basic/arrow_up.png') no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7; right:10px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70); }

.nav_down{
	padding:7px; background-color:white; border:1px solid #CCC; position:fixed; background:transparent url('/_/images/basic/arrow_down.png') no-repeat top left; background-position:50% 50%; width:20px; height:20px; bottom:10px; opacity:0.7; right:50px; white-space:nowrap; cursor: pointer; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-top-left-radius:3px; -webkit-border-top-right-radius:3px; -khtml-border-top-left-radius:3px; -khtml-border-top-right-radius:3px; filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);}



/*NIVO SLIDER--------------------------------------------------------------------------------*/
 
#slider {
	position:relative; min-height:220px; margin:30px 0; background:#202834 url('/_/images/nivo/loading.gif') no-repeat 50% 50%; border:1px solid #AAA; -moz-box-shadow:0px 0px 10px #AAA; -webkit-box-shadow:0px 0px 10px #AAA; box-shadow:0px 0px 10px #AAA; }
	
#slider img {
	position:absolute; top:0px; left:0px; display:none; }
	
#slider a {
	border:0; display:block; }





/*Default tooltip class name-------------------------------------------------------------------------*/

#tooltip {
    opacity: 0.95; filter: alpha(opacity=95); display: none; position: absolute; z-index: 9999999999; background-color: transparent; margin: 0px;-moz-box-shadow:0px 0px 10px #AAA; -webkit-box-shadow:0px 0px 10px #AAA; box-shadow:0px 0px 10px #AAA; }

#tooltip-text {
    min-height: 20px; background:url('/_/images/background/bgMenuBtn.png') repeat-x #F7941E; border:1px solid #616675; padding: 15px; margin: 0px; color: #FFF; font-size:90%; max-width: 200px; text-align: left; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; }

.tooltip-text-left { 
	left: 10px; }

.tooltip-text-right { 
	right: 10px; }

.triangle {
	position: absolute; border-style: solid; border-width: 10px; height: 0px; width: 0px; }
	
.triangle-left {  
	border-color: transparent #F7941E transparent transparent; left: -20px; top: 50%; margin-top: -10px; }

.triangle-right { 
	border-color: transparent transparent transparent #F7941E; right: -20px; top: 50%; margin-top: -10px; }



/*Sticky tabs-------------------------------------------------------------------------*/

#sticky-wrapper{
	position:fixed; top:190px; right:-5px; display:block; }

.sticky-tab-2{
	background:url('/_/images/background/bgMenuBtn.png') repeat-x #F7941E; width: 100px; margin:0 0 10px 0; float:right; clear:both; z-index:1000000; display:block; border: 2px solid #FFF;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; -moz-box-shadow:0px 2px 2px 0px rgba(0,0,0, 0.3); -webkit-box-shadow:0px 2px 2px 0px rgba(0,0,0, 0.3); box-shadow:0px 2px 2px 0px rgba(0,0,0, 0.3); }

.sticky-tab-2 a{
	color:#FFF; display:block; font-weight:normal; font-size:95%; padding:10px 20px 10px 25px;}

.sticky-tab-2 a:hover{
	border:none; text-decoration:none; outline:none; font-style:italic;}




/*CONTACT.PHP--------------------------------------------------------------------------------------*/

form#contact{
	margin:20px; font-size:90%; }



/* tutorial */

input, textarea { 
	padding: 9px; border: solid 1px #E5E5E5; outline: 0;  font: normal 13px/100% Verdana, Tahoma, sans-serif; width: 200px; background: #FFFFFF url('/_/images/background/bg_form.png') left top repeat-x; background: -webkit-gradient(linear, left top, left 25, from(#FFFFFF), color-stop(4%, #EEEEEE), to(#FFFFFF)); background: -moz-linear-gradient(top, #FFFFFF, #EEEEEE 1px, #FFFFFF 25px); box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }

textarea { 
	width: 400px; max-width: 400px; height: 150px; line-height: 150%; 	}

input:hover, textarea:hover,
input:focus, textarea:focus { 
	border-color: #C9C9C9; box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -moz-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; -webkit-box-shadow: rgba(0,0,0, 0.1) 0px 0px 8px; }

.form label { 
	margin-left: 10px; color: #999999; }

.submit input {
	cursor:pointer; width: auto; padding: 9px 15px; background: #617798; border: 0; font-size: 14px; color: #FFFFFF; -moz-border-radius: 5px; -webkit-border-radius: 5px;  outline:none; border:none; }

#contactform { width:500px;}
#contactform label { }
#contactform label.error, #contactform input.submit { float:right; color:#F7941E; }


/*ADVANCED CSS3 STUFF
----*/



    .anim {
    -webkit-transition:All 3s ease;
    -moz-transition:All 3s ease;
    -o-transition:All 3s ease;
    -webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
    }
    .anim:hover{
    -webkit-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
    -moz-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
    -o-transform: rotate(0deg) scale(0.67) skew(0deg) translate(0px);
    }