/*--------------------------- Global Reset ----------------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, 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,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    vertical-align: baseline;
    color: #fff;
    font-size: 100%;
	
}
 
body {
    line-height: 1;
}
ol, ul {
    list-style: none;
}
 
ins {
    text-decoration: none;
}
del {
    text-decoration: line-through;
}
 
table {
    border-collapse: collapse;
}

/*------------------------------------ webalicious css---------------------------- */	
	
	body {
	 text-align:center;
	 background:#0D0D0D url(../images/bgstripeblack1.gif) top center;
	 background-repeat:repeat-x;
	 color:#ffffff;
}

	a {text-decoration:none;}

	a hover {text-decoration:none;}

	a visited {text-decoration:none;}


	
	
	div.main {
	 text-align:left;
	 width:851px;
	 margin:0 auto;
	 position:relative;
	 background-image:url(../images/bgwrap.gif);
	 background-repeat:repeat;
}
	
	div.head {
	 background: url(../images/webalicious.jpg) top center no-repeat;
	 height:227px;
	 position:relative;
	 z-index:1
}
	
	div.zitate {
	position: absolute;
	width:300px;
	height:120px;
	top:40px;
	float:left;
	left:535px;
	background-image:url(../images/zitat1.gif);
	background-repeat:no-repeat;

}

	
	div.banner {
	width:850px;
	height:416px;
	margin-top:10px;
}
 
 	
/* -------------------  content1 ---------------------------- */	

	div.content1, div.content1projekte{
	float:left;
	width:515px;
	position:relative;
	top:-34px;
	z-index:2;
	vertical-align:top;
}

	div.content1service{
	float:left;
	width:500px;
	position:relative;
	top:-34px;
	z-index:2;
	vertical-align:top;
}
	
	div.content1 p, div.content1projekte p, div.content1service p, div.content3 p {
	font-size: 12px;
	color:#8a8a8a;
	margin-top:15px;
	padding-left:30px;
	padding-right:20px;
	text-align:justify;
	font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
}

	div.content1 img, div.content1service img, div.content3 img {
	float:left;
	margin-right:20px;
	margin-bottom:13px;
}

	div.content1projekte img {
	float: left;
	margin-right: 20px;
	margin-bottom: 30px;
	margin-left: 30px;
}

	
	
	div.content1 ul, div.content1service ul, div.content3 ul {
	padding:0px;
	list-style:none;
	padding-left:45px;
}

	div.content1 li, div.content1service li, div.content3 li {
	font-size:13px;
	margin-left:0px;
	width:390px;
	list-style-image: url(../images/bluepoint1.png); 
	
	
} 

	div.content1 h1, div.content1projekte h1, div.content1service h1, div.content3 h1 {
	font-size:22px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-weight:normal;
	color: #CCCCCC;
	padding-left:30px;
}

	div.contentNojavascript{
	float:left;
	width:500px;
	position:relative;
	top:0px;
	z-index:2;
	vertical-align:top;
	font-size:12px;
	color:#999;
	margin-left:30px;
	line-height:18px;
	
}
	
	
	
/* -------------------  content2 ---------------------------- */	

	div.content2 {
	 float:left;
	 top:-34px;
	 width:315px;
	 height:580px;
	 margin-left:18px;
	 background-color: #141515;
	 position:relative;
	 z-index:2 
}

	 div.content2service {
	 float:right;
	 top:-34px;
	 width:266px;
	 height:400px;
	 margin-right: 30px;
	 position:relative;
	 z-index:2 
}

	
	
	
	div.content2 p { 
	margin-left:30px;
	margin-right:30px;
	font-size: 11px;
	color:#8a8a8a;
	font-style:italic;
}

    div.content2service p { 
	margin-left:0px;
	margin-right:20px;
	font-size: 11px;
	color:#8a8a8a;
	font-style:italic;
}
	
	
	div.content2 h1 {
	font-size:18px;
	font-family: "Trebuchet MS", Tahoma, Verdana, Arial;
	font-weight:normal;
	color: #CCCCCC;
	padding-left:30px;
	padding-top:2px;
}

	div.content2 a, #js {
	text-decoration:none;
	line-height: 30px;
	padding-bottom: 0px;
	vertical-align:middle;
	color:#476170;
}
	
	div.content2 a:hover {
	text-decoration:none;
	color:#CCCCCC;
    line-height: 30px;
	padding-bottom: 0px;
	vertical-align:middle;
}

/* -------------------  content3 ---------------------------- */		
	
div.content3{
	float:left;
	width:850px;
	position:relative;
	margin:20px 0 0 20px;
	z-index:2;
	height:250px;
}	

div#projekt {
	width:300px;
	float:right;
	margin:0 20px 0 0;
}	
		
/* ------------------------------ Navigation -------------------------------*/

	#navi a {
	color: #b5b5b5;
	text-decoration:none;
	font-size:13px;
	font-family:"Trebuchet MS", Tahoma, Verdana, Arial;
}

	#navi ul {
	list-style-type: none;
	font-size: 1em;
	font-family: Verdana, Arial, sans-serif;
	text-transform: uppercase;
	position:absolute;
	top:187px;
	right:0px;
	
}
	#navi li {
	float: left;
}

	#navi li a {
	display: block;
	height: 25px;
	float: left;
}
	
	
	#navi .select {
	background-color: #1a1a1a;
	background-position: center top;
}
	#navi .select a {color: #ccc;}
	
	
	#navi #navhome a {
	padding: 25px 24px 0px 19px;
	background-image: url(../images/buttonhome.gif);
	background-repeat: repeat-x;
	background-position: center top;
	display: block;
	width:30px;
}

	#navi #navhome a:hover {
	color: #151A25;
	background-color: #DF5B05;
}

	#navi #navprojekte a {
	padding: 25px 44px 0px 19px;
	background-image: url(../images/buttonprojekte.gif) ;
	background-repeat: repeat-x;
	background-position: center top;
	width:30px;
}

	#navi #navprojekte a:hover {
	color: #151A25;
	background-color: #286FCE;
}



	#navi #navservice a {
	padding: 25px 39px 0px 19px;
	background-image: url(../images/buttonservice.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:30px;
}

	#navi #navservice a:hover {
	color: #151A25;
	background-color: #77AF1E;
}


	#navi #navkontakt a {
	padding: 25px 44px 0px 19px;
	background-image: url(../images/buttonkontakt.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:30px;
}

	#navi #navkontakt a:hover {
	color: #151A25;
	background-color: #FED101;
}

	#navi #navinfo a {
	padding: 25px 24px 0px 24px;
	background-image: url(../images/buttoninfo.gif);
	background-repeat: repeat-x;
	background-position: center top;
	width:30px;
}

	#navi #navinfo a:hover {
	color: #151A25;
	background-color: #FEDE01;
}

	#navi #navleer a {
	padding: 25px 10px 0px 10px;
	background-image: url(http://www.islandshots.com/images/global/menu/on_contact.gif);
	background-repeat: repeat-x;
	background-position: center top;
}

	#navi #navleer a:hover {
	color: #151A25;
	background-color: #FEDE01;
}


	
/* ------------------------------- Footer ----------------------------- */
	#footer {
	width:851px;
	height: 80px;
	padding: 20px 0 0 0;
	background: url(../images/footer_bg.gif) top center;
	background-repeat:no-repeat;
}

	#footer p {
	font-family:Tahoma;
	color:#434444;
	margin: 0;
	padding-left:30px;
	padding-right:30px;
	line-height: normal;
	font-size: 90%;
}

    #footer a {
	color: #666666; }
	
	#legal { float: left; }
	
	#links { float: right; }


/* --------------------------------- Projekte ------------------------------*/

		
	.projekt ul {
	padding:0px;
	list-style:none;
	padding-left:17px;
}

    .projekt li {
	font-size:13px;
	margin-left:0px;
	width:250px;
	list-style-image: url(../images/bluepoint1.png);
}
	
	

	p.icon img {
	border:0px;
	padding:0px;
	background:none;
	vertical-align:bottom; 
}

	

	br.clear { clear:both; }


/* --------------------------------- Typography ------------------------------*/

	
		/* Global reset-RESET */
	/* The below restores some sensible defaults */
	
	strong { font-weight: bold }
	em { color: #CCCCCC; font-size:12px }
	ol, ul, li { list-style:none }
	* a { position:relative } /* Gets links displaying over a PNG background */
	
	a img { border:none
	 } /* Gets rid of IE's blue borders */
	
	p { margin:2px 0 16px 0; }
	
	h2 {color:#CCCCCC;}
	
	body, h4, p, li, dt, dd, label, input, textarea {
	font-size:12px;
	font-family: "Lucida Grande","Arial Unicode MS", sans-serif;
}

	p, li, dt, dd, label {
	font-size:11px;
	line-height:18px;
	color:#999;
}

	input, textarea {
	font-size:12px;
	color:#cccccc;
	padding:2px; 
}