* { padding:0; margin:0; outline:0; }
body {
	/*background:#004f83 url(images/bottom.jpg) repeat-x center bottom;*/
	background:#F67D20 url(images/top_bg_mini_total.jpg) no-repeat center top;
	font-family: "Trebuchet MS", sans-serif;
	font-size:14px;
	line-height:19px;
	color:#fff;
}

a img { border:0; }

.left, .alignleft { float:left; display:inline; }
.right, .alignright { float:right; display:inline; }

.cl { font-size:0; line-height:0; clear:both; display:block; height:0; }

a { color:#fff; text-decoration: underline; cursor:pointer; }
a:hover { text-decoration: none; }

h2 { font-size:37px; color: #F37520; text-transform: uppercase; padding-bottom:10px;}


#bg { /*background:url(images/top_bg.jpg) repeat-x top center;*/

}
table th{
width: 280px;
background: #F37520;
color: #000;
text-align: right;
padding-right: 5px;
}
table td{
width: 280px;
text-align:right;
}

#shell {margin-left: 40px;  width:1000px; margin:0 auto; /*min-height:1700px;*/ padding-bottom:100px; position:relative; background: url(images/foot.jpg) no-repeat 0px bottom;}

#header {padding-left: 40px; height:390px; position:relative; }
#header_start { padding-left: 40px; height:90px; position:relative; }

h1#logo { font-size:0; line-height:0; width:166px; height:170px; padding:30px 0 20px 0;}
h1#logo a{ display:block; height:170px; background:url(images/logo.png); text-indent: -4000px;}
.site-info { width:460px; color:#E65014; font-size:16px; text-transform: uppercase; font-weight: bold;}

#container p { padding-bottom:15px;}
#container { padding-left: 40px; position:relative; width:100%;}

#howdy { background: #000; /*padding-bottom:10px; padding-top: 10px;*/
/*filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;*/
width: 500px;
min-height: 350px;
display:inline-block;
text-align: justify;
padding: 10px 15px 0px 15px;
}

#navi{
width: 220px;
height: 200px;
float:left;
margin-top: -100px;
padding-left: 30px;
}
#navi ul li{
list-style-image:url("images/navi_item.png");
padding-top: 5px;
}
#navi ul li a{
text-decoration:none;
font-size: 18px;
font-weight: bold;
display:inline-block;
margin-bottom: 5px;
vertical-align: center;
}

#navi_start{
width: 220px;
height: 200px;
float:left;
margin-top: 120px;
padding-left: 30px;
}
#navi_start ul li{
list-style-image:url("images/navi_item.png");
padding-top: 5px;
}
#navi_start ul li a{
text-decoration:none;
font-size: 18px;
font-weight: bold;
display:inline-block;
margin-bottom: 5px;
vertical-align: center;
}


#inhalt { background: #000; padding-top: 10px; padding-bottom:10px;
}
#faq { background: #000; padding-bottom:10px;
}
#howdy ul{
padding-left: 30px;padding-bottom: 10px;
}
#reseller { background: #000; padding-bottom:10px;
}
#portfolio {background: #000;  padding-top: 40px; padding-bottom:100px; width: 960px;}

.projects { height:300px; position:relative; }
.projects ul{ list-style-type: none; height:300px; overflow:hidden; position:relative; }
.projects ul li{ float:left; display:inline; width:960px; height:300px; }
.projects ul li .project{ float:left; display:inline; width:203px; height:136px; font-size:0; line-height:0; position:relative;  margin:0 30px 20px 0;}
.projects ul li .project-bg{ background:url(images/project.png) no-repeat 0 0; width:197px; height:130px; padding:6px 0 0 6px;}
.projects ul li .project a{ position:relative; }


.projects ul li .project a.plus{ font-size:0; line-height:0; width:32px; height:32px; background:url(images/plus.png) no-repeat 0 0; text-indent: -4000px; position:absolute; top:99px; left:166px; z-index:5;}

#contact {background: #000; }
#contact .left {  width:470px;}
#contact .right { width:400px;}
input, textarea, select {border: 1px dotted #F37520; font-size:14px; font-family: "Trebuchet MS", sans-serif; padding:5px; color:#fff; }

#contact label { display:block; padding-bottom:5px;}
#contact .field { background:url(images/field.png); display:block; width:390px; margin-bottom:15px;}
#contact textarea.field { height:130px; width:390px; }

input.submit { font-weight: bold; text-transform: uppercase; background:#000;}

.abs-span { position:absolute; font-size:0; line-height:0; background-repeat:no-repeat; background-position:0 0; z-index:1; top:0; left:0;}

.island { background-image:url(images/bottle.png); width:178px; height:314px; top:54px; left:300px;}
.ships { /*background-image:url(images/ships.jpg);*/ width:71px; height:47px; top:256px; left:850px; }
.animals { /*background-image:url(images/animals.jpg);*/ width:833px; /*height:801px;*/ left:-130px; top:-32px; }
.animal2 { /*background-image:url(images/animal2.jpg);*/ width:201px; height:119px; left:789px; top:-49px; }
.bottle { background-image:url(images/dir2.png); width:85px; height:78px; top:-202px; left:83px;}
.dir { background-image:url(images/dir.png); width:300px; height:47px; top:50px; left:540px;}

.rel-content { position:relative; z-index:2;}

.buttons { font-size:0; line-height:0; }
.buttons a{ position:absolute; color:#333; text-decoration: none; z-index:20;}
.buttons a em{ position:absolute; width:32px; height:32px; background:url(images/plus.png) no-repeat; top:7px; left:6px; z-index:2;}
.buttons a span{ display:block; width:135px; height:45px; background:url(images/button.png) no-repeat 0 0; font-size:16px; line-height:46px; font-weight: bold; text-transform: uppercase; padding:0 0 0 45px; display:none; float:left; z-index:1 !important; position:relative; }
.buttons a.about-link{ top:73px; left:530px; }
.buttons a.portfolio-link{ top:320px; left:420px; }
.buttons a.contact-link{ top:230px; left:130px; }
.buttons a.top-link{ top:-120px; left:550px; }

.top-holder { position:absolute; bottom:0; left:0;}

#top { font-size:0; line-height:0; position:absolute; top:0; left:0;}


.jcarousel-clip { width:960px; height:300px; overflow:hidden; position:relative; }

.jcarousel-prev,
.jcarousel-next { font-size:0; line-height:0; cursor:pointer; width:49px; height:49px; text-indent: -4000px; position:absolute; top:310px; }
.jcarousel-next { background:url(images/next.png); left:459px; }
.jcarousel-prev { background:url(images/prev.png); left:395px; }

.copy { font-size: 10px; text-align: left; position:absolute; /*bottom:50px;*/ width:100%; left:0; color:#ccc; padding-left: 40px; }
.copy a{ color:#ccc; }

textarea { overflow:auto;}