@charset "utf-8";
/* CSS Document */




html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */
	font-family:"Century Gothic", Tahoma, Arial;
	font-size:11px;
	color: #333333;
	line-height:1.6em;
}
.noscreen{
	display:none;
}

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

.clear{
	clear:both;
}


/*Layout*/

#wrapper {
	height: 100%;
	min-height:720px;
	margin: 0 auto -50px; /* the bottom margin is the negative value of the footer's height */
	position: relative;
	width: 100%;
	min-width:900px;

}

body#kontakt #wrapper {
	min-width:1000px;
}

div#header{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:350px;
}
div#clouds1{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:350px;
	background: url(../images/himmel1.jpg) repeat-x bottom left;
	z-index: 1;
}
div#clouds2{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:350px;
	background: url(../images/himmel2.jpg) repeat-x bottom left;
	z-index:-1;
}
div#clouds3{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:350px;
	background: url(../images/himmel3.jpg) repeat-x bottom left;
	z-index:-2;
}

div#logo{
	width:638px;
	height:150px;
	background: url(../images/logo.png) no-repeat left bottom;
	position:absolute;
	top:220px;
	z-index:104;
}







/*NAVIGATION*/

ul#navi {

	height:23px;
	padding-left:337px;
	padding-top:5px;	
	border-top:#666666 solid 1px;
	
	
}

div#navigation{
	position:absolute;
	width:100%;
	z-index:102;
	top:600px;
	
}

ul#navi li a {
	float:left;
	text-indent: -9000px;
	text-decoration: none;
	overflow: hidden;
	height: 23px !important; 
	height /**/:23px; /* IE5/Win */
}

ul#navi li {
    list-style: none;
    display: inline;
    margin: 0; padding: 0;
}


ul#navi li.naviSeperator{
	background-image:url(../images/n_seperator.jpg);
	background-repeat:no-repeat; 
	background-position:center;
	float:left;
	width: 29px;
	height: 23px !important; 
	height /**/:23px; /* IE5/Win */
}

li#home a  { background-image: url(../images/n_home.jpg); background-repeat:no-repeat; background-position:left; width: 45px;}
li#home a:hover { background-image: url(../images/n_home_O.jpg); background-repeat:no-repeat; background-position:left; width: 45px;}
body#start li#home a { background-image:url(../images/n_home_O.jpg); background-repeat:no-repeat; background-position:left; width: 45px;}

li#portfolio a  { background-image: url(../images/n_portfolio.jpg); background-repeat:no-repeat; background-position:left; width: 66px;}
li#portfolio a:hover { background-image: url(../images/n_portfolio_O.jpg); background-repeat:no-repeat; background-position:left; width: 66px;}

li#advertising a  { background-image: url(../images/n_advertising.jpg); background-repeat:no-repeat; background-position:left; width: 88px;}
li#advertising a:hover { background-image: url(../images/n_advertising_O.jpg); background-repeat:no-repeat; background-position:left; width: 88px;}
body#port_adv li#advertising a { background-image: url(../images/n_advertising_O.jpg); background-repeat:no-repeat; background-position:left; width: 88px;}

li#evergreens a  { background-image: url(../images/n_evergreens.jpg); background-repeat:no-repeat; background-position:left; width: 95px;}
li#evergreens a:hover { background-image: url(../images/n_evergreens_O.jpg); background-repeat:no-repeat; background-position:left; width: 95px;}
body#port_ever li#evergreens a { background-image: url(../images/n_evergreens_O.jpg); background-repeat:no-repeat; background-position:left; width: 95px;}

li#freeworks a  { background-image: url(../images/n_freeworks.jpg); background-repeat:no-repeat; background-position:left; width: 91px;}
li#freeworks a:hover { background-image: url(../images/n_freeworks_O.jpg); background-repeat:no-repeat; background-position:left; width: 91px;}
body#port_free li#freeworks a { background-image: url(../images/n_freeworks_O.jpg); background-repeat:no-repeat; background-position:left; width: 91px;}

li#contact a  { background-image: url(../images/n_contact.jpg); background-repeat:no-repeat; background-position:left; width: 63px;}
li#contact a:hover { background-image: url(../images/n_contact_O.jpg); background-repeat:no-repeat; background-position:left; width: 63px;}
body#kontakt li#contact a { background-image: url(../images/n_contact_O.jpg); background-repeat:no-repeat; background-position:left; width: 63px;}




/*FOOTER*/
div#footer {
	position: relative;
	width:860px;	
	color:rgb(128,128,128);
	height: 50px;
}

div#footer p{
	font-size:11px;
	color:rgb(128,128,128);
	padding-top:28px;
	padding-left:337px;
}

div#footer a{
	color:rgb(128,128,128);
}


/*CONTACT*/
div#contactPic{
	position:absolute;
	top:166px;
	left:337px;
	width:510px;
	height:184px;
	z-index:103;	
}

div#contactPic p{
	position:absolute;
	bottom:0px;
	left:240px;
}

div#contactPic p, div#contactCV p, div#contactInfo p, div.conactInfoAgent p{
	font-size:12px;
}

div#contactInfoContainer{
	position:absolute;
	top:370px;
	left:337px;
	width:660px;
	height:225px;
}

div#contactCV{
	width:465px;
	float:left;
}
div#contactInfo{
	width:165px;
	float:right;
	padding-left:30px;
}
div.conactInfoAgent{
	width:165px;
	float:left;
	padding-top:10px;
}

h2{
	font-size:12px;
	width:140px;
	border-bottom:#000000 solid 1px;
	margin-bottom:5px;
	padding-bottom:2px;
}
div#contactInfo h2{
	width:165px;
}
a{
	color:rgb(128,128,128);
}


  
  /* thumbnail slider begin */

/* apply the gallery design - links slider */
#gallery_container {  width:900px; height:170px; margin:0px auto; position:relative; top:400px; z-index:104;}
/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{  overflow:auto; width:900px; height:170px; position: absolute; }
/* the thumbnails container */
#thumbs { white-space:nowrap;}

#thumbs a { padding:0px 3px; margin:0px; }
#thumbs a img{ border:none; }


/* the forward and backward buttons */
.addfwd { display:block; position:absolute; cursor:pointer; width:25px; height:142px; top:0px; right:0px; background:url(../images/ad_scroll_forward.png) no-repeat;  }
.addbkwd { display:block; position:absolute; cursor:pointer; width:25px; height:142px; top:0px; left:0px; background:url(../images/ad_scroll_back.png) no-repeat;  }
/* thumbnail slider end */