* {
margin: 0px; padding: 0px;
}

html { overflow: -moz-scrollbars-vertical; height: 100%;}

img {
border:0;
}

div {
position: relative;
}

.clear {
clear: both;
}

body {
	scrollbar-face-color:#0169B6; 
	scrollbar-arrow-color:#FFFFFF;	
	scrollbar-track-color:#216597; 
	scrollbar-shadow-color:#2A89CD; 
	scrollbar-highlight-color:#1692E5; 
	scrollbar-3dlight-color:#0092FF; 
	scrollbar-darkshadow-Color:#0098FF;
	background: #222222 url(img/bg.gif) repeat;
	font-family: Trebuchet MS, Verdana, Helvetica, arial, sans-serif;
	font-size: 13px;
	color: #444444;
	height:100%;
}

ul {
padding-left: 15px;
}

#navi a {
	font-weight: bold;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	text-align: left;
	letter-spacing: 1px;
}

#navi a:hover {
	text-decoration: none;
	font-weight: bold;
	color: #dddddd;
}

#navi a:focus, #f a:focus { 
outline: none; 
}

h1 {
font-size:16px;
font-weight: bold;
color: #555555;
}

h2 {
font-size:13px;
font-weight: bold;
color: #888888;
padding-bottom: 2px;
}

h3 {
font-size:13px;
font-weight: bold;
color: #888888;
padding-bottom: 10px;
}

#mainw {
width: 100%;
//height: 100%;
}

#h {
height: 100px;
}

#w3 {
margin: 0 auto;
background: #ffffff;
width: 750px;
//height: 100%;
}

#logo2 {
margin: 30px 0px 0px 20px;
float: left;
background: url(img/daboo_logo2.jpg) no-repeat;
width: 167px;
height:57px;
}

#fullserviceinternetagentur2 {
float: right;
background: url(img/fsia2.jpg) no-repeat;
width: 183px;
height:28px;
}

#grey {
position: absolute;
top: 100px;
background: #555555;
width: 100%;
height: 200px;
z-index:-1;
}

#nbg {
position: relative;
margin: 0 auto;
width: 750px;
height:200px;
}

#navi {
position: absolute;
top: 20px;
left:20px;
float: left;
width:250px;
height:150px;
}

#cw {
background: #ffffff;
width: 100%;
}

#c {
margin: 20px 20px 0px 0px;
float: right;
width: 440px;
}

#f {
background: #ffffff;
margin: 0 auto;
width: 730px;
height:30px;
text-align:left;
padding-left: 20px;
}

#f a {
	font-weight: normal;
	text-decoration: none;
	color: #2894d2;
	font-size: 13px;
	letter-spacing: 0px;
}

#f a:hover {
	text-decoration: none;
	font-weight: normal;
	color: #888888;
}

#hinweis {
padding-top: 10px;
font-weight: normal;
font-size: 10px;
color: #aaaaaa;
}

#hinweis2 {
padding-bottom: 10px;
}

#webref, #seoref, #gamesref {
margin: 0 auto;
width: 100%;
}

.ref {
float: left;
padding: 0px 20px 20px 0px;
}

.ref div {
position: absolute;
right: 20px;
bottom: 0;
}

.desc {
position: absolute;
right: 0;
width: 236px;
}

.tech {
text-align: right;
margin-top: 10px;
width: 236px;
height:14px;
}

#contact {
width: 410px;
}

b {
color: #2894d2;
}

.txt {
float: left;
padding-bottom: 11px;
width: 100px;
}

.feld, .feld2, .feld3 {
float: left;
width: 300px;
height: 19px;
border: 1px solid #1b6690;
margin-bottom: 8px;
}

.feld2 {
height: 100px;
}


.feld3 {
width: 56px;
}

.button {
margin-left: 108px;
}

#message {
overflow: auto;
}

/* vorteile */

#vorteile {
width: 440px;
}

#vl {
float: left;
width: 300px;
}

#vr {
background: url(img/geschenk.jpg) no-repeat;
float: right;
width: 140px;
height: 140px;
}

/* angebot */

.ap {
background: url(img/arrow.jpg) no-repeat;
width: 420px;
margin-bottom: 10px;
}

.ac {
float: right;
width: 395px;
}

.ap b {
color: #000000;
}

#adl {
width: 420px;
height: 50px;
text-align: center;
}

#adobe {
font-size: 12px;
color: #888888;
}

#adobe a {
font-size: 12px;
text-decoration: none;
color: #2894d2;
}

#adobe a:hover {
font-size: 12px;
color: #2894d2;
text-decoration: underline;
}

/* Angebot - Gallery style */
	#gallery {
		background-color: #ffffff;
		padding: 10px;
		width: 420px;
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px;
	}
	#gallery ul a:hover img {
		border: 5px solid #329bd2;
		border-width: 1px 1px 1px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
	
/* Referenzen - Gallery style */	
	
	#refgallery {
		background-color: #ffffff;
		padding: 0px;
		
	}
	#refgallery ul { list-style: none; float: left; padding-left: 0px;}
	#refgallery ul li { display: inline;}
	#refgallery ul img {
		border: 1px solid #fff;
		border-width: 1px 1px 1px;
	}
	#refgallery ul a:hover img {
		border: 1px solid #329bd2;
		border-width: 1px 1px 1px;
		color: #fff;
	}
	#refgallery ul a:hover { color: #fff; }