#navi {
    height:36px;
    width:1018px;
    background:repeat-x url(img/navi_bgr.png);
    border-left:1px solid #6ad7ff;
    border-right:1px solid #6ad7ff;
}

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

#navi ul li {
    display:inline;
}

#navi ul li a {
    float:left;
    height:34px;
    }
    
.navipreload {
display:none;
}
    
/* Navigation */    

#home a {
display:block;
background-image:url(http://www.spasszentrale.net/img/navi/home.png);
width:100px; height:34px
}

#home a:hover {
background-image:url(http://www.spasszentrale.net/img/navi/home_on.png);
}
   
#videos a {
display:block;
background-image:url(http://www.spasszentrale.net/img/navi/videos.png);
width:100px; height:34px
}

#videos a:hover {
background-image:url(http://www.spasszentrale.net/img/navi/videos_on.png);
}

#bilder a {
display:block;
background-image:url(http://www.spasszentrale.net/img/navi/bilder.png);
width:100px; height:34px
}

#bilder a:hover {
background-image:url(http://www.spasszentrale.net/img/navi/bilder_on.png);
}

#own a {
display:block;
background-image:url(http://www.spasszentrale.net/img/navi/own.png);
width:100px; height:34px
}

#own a:hover {
background-image:url(http://www.spasszentrale.net/img/navi/own_on.png);
}

#webmaster a {
display:block;
background-image:url(http://www.spasszentrale.net/img/navi/webmaster.png);
width:100px; height:34px
}

#webmaster a:hover {
background-image:url(http://www.spasszentrale.net/img/navi/webmaster_on.png);
}

/* Navigation End */   


#searchbox {
left:850px;
background:url(img/suche.png);
float:left;
width:193px;
height:34px;
padding:0;
margin-left:103px;
}

#searchbox .searchfield {
float:left;
border:0;
background:transparent;
margin:10px 0 0 19px;
width:123px;
font-family:Verdana;
font-weight:bold;
font-size:11px;
color:#FFF;
text-align:center;
}

#searchbox .sendbutton {
display:block;
float:left;
width:31px;
height:19px;
margin:7px 0 0 6px;
}



/******** Body Elements ********/

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

body {
	font-family: arial, verdana, tahoma;
	font-size: 12px;
	color: #3d3d3d;
	background-color: #6dc3e9;
}
.form-input {border: 1px solid #000;padding: 2px;}
/******** Layout Elements ********/

.wrapper {
	width: 1020px;
	margin: 0 auto;
	background-color: #fff;
	border-left: 4px double #8FBDBF;
	border-right: 4px double #8FBDBF;
}



/******** Header Elements ********/
.header {
	height: 130px;
	padding: 0px;
	background-color: #ffffff;
	text-align: center;
	line-height: 50px;
margin: 0 0px;
}

/******** Content Elements ********/
.content {
  position: relative;
  margin:0 0 20px 0;
  width:515px;
  float: left;

}
.content h2 {
	background-image: url(img/blue_bg.gif);
	background-repeat: repeat-x;
margin: 0px;
padding: 7px 0px 10px 10px;
color: #fff;
}
.left {
  position: relative;
	margin: 5px 6px 20px 0;
	float: left;
	width: 170px;
	padding: 0px;
	border: 1px solid #6ad7ff;
	background-color: #def5fd;

}
.left h2 {
	margin: 0px 0px 0px 0px;
	padding: 7px 0px 10px 10px;
	color: #fff;
	background-image: url(img/left_header.gif);
	background-repeat: repeat-x;
font-size: 16px;
font-weight: bold;
}
.left ul {padding-left: 20px;color: #ccc;}
.left li {border-bottom: 1px dotted #6ad7ff;margin-right: 20px;padding-top: 2px;}
.left li a {color: #52A8CD;font-size: 14px;font-weight: bold;}
.left li a:hover {color: #000;text-decoration: none;}

.right {
  position: relative;
	margin: 5px 0 10px 0;
	float: right;
	width: 322px;
	padding: 0px;
}

.right_hosted {
  position: relative;
	margin: 5px 0 10px 0;
	float: right;
	width: 322px;
	padding: 0px;
}


.right h2 {
	background-image: url(img/blue_bg.gif);
	background-repeat: repeat-x;
margin: 0px;
padding: 7px 0px 10px 10px;
color: #fff;
}

.right_hosted h2 {
	background-image: url(img/blue_bg.gif);
	background-repeat: repeat-x;
margin: 0px;
padding: 7px 0px 10px 10px;
color: #fff;
}


.right ul {padding: 5px 0px 5px 20px;color: #fff;}
.right li a {color: #77da44;font-weight: bold;}
.right li a:hover {color: #fff;text-decoration: none;}

.footer {
	padding: 5px;
	color: #efefef;
	clear: both;
	text-align: center;
	background-image: url(img/footerbg.gif);
	background-repeat: repeat-x;
	background-color: #52a8cd;
	background-position: top;
}

.right_box h3 {padding: 5px 0px 5px 10px;margin: 0px 0px 2px 0px;background:#fff url(img/dolphin_bg.gif) repeat-x;}
.right_box ul li {list-style: none;}
.right_bot {}

.leftpics {margin-left:8px;}
.leftpics img {width:130px; height:87px; margin:2px; border: 1px solid #117efd;background-color: #fff;padding: 1px;}

#footbanner {
position:absolute;
margin:3550px 0 0 800px;
}


/******** Plug Styles ********/
.plug {height: 120px;background-color: #e9fcfd;border: 1px solid #6ad7ff;margin-bottom: 5px;}
.plug_img {float: left;border: 1px solid #117efd;background-color: #fff;padding: 1px;margin: 8px 5px 0px 8px;}
.plug h3 {margin: 7px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;width: 340px;!width: 320px;height: 20px;overflow:hidden;}
.plug h3 a {color: #2476ff;}
.plug_desc {float: left;height: 60px;color: #4a7bb6;width: 340px;!width: 320px;overflow: hidden;}
.plug_info {float: left;width: 330px;}
.plug_views {background-image: url(img/viewsbg.gif);background-position: center;width: 106px;text-align: center;color: #fff;font-weight: bold;font-size: 12px;padding: 6px 0px 7px 0px;float: right;margin: 0 3px;}
.plug_rating{background-image: url(img/ratingbg.gif);background-position: center;width: 88px;text-align: center;color: #fff;font-weight: bold;font-size: 12px;padding: 6px 0px 7px 0px;float: right;}

.chosenblock {background-color: #b92d12;border: 2px solid #7b2110;margin-bottom: 5px;}
.chosenblock h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}

#chosenblock2 {position: relative; background-color: #b92d12;border: 2px solid #7b2110;margin-bottom: 10px; font-size: 10px;}
#chosenblock2 h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}
#chosenblock2 .hlrechts {position:absolute; left:160px; font-size: 10px;}
.hllinks {font-size: 10px; margin: 0; padding 0;}


#sztext {background-color: #DEF5FD;border: 2px solid #7b2110;margin-bottom: 10px;color: #000000; font-size: 12px;}
#sztext h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}
#sztext a:hover {color: #000000;text-decoration: underline;}
#sztext a:active, a:visited {color: #000000;}

#greenblock {position: relative; background-color: #458426;border: 2px solid #14510f;margin-bottom: 10px;}
#greenblock h2 {background-image: url(img/greenhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}

#searchtags {background-color: #b92d12;border: 2px solid #7b2110;margin-bottom: 10px;}
#searchtags h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}
#searchtags div a:hover {color: #fff;text-decoration: none;}
.search {margin: 8px; color: #77da44; font-weight: bold;}

.chosen_thumbs {width:150px; height:100px; border: 1px solid #117efd; margin: 1px 0px 1px 2px; background-color: #fff; padding: 1px;}

#video-below {background-color: #A5D0FE;color: #fff;font-size: 14px;padding: 5px;font-weight: bold;border: 1px solid #093C5A;margin-bottom: 5px;}

.contentpic {
text-align:center;
margin-top:10px;
}

.contentpic img {
margin:2px;
border: 1px solid #117efd;
background-color: #fff;
padding: 1px;
}

#dhtmltooltip {
  position: absolute;
  left: -300px;
  width: 150px;
  border: 1px solid #117EFD;
  padding: 5px;
  background-color: #DEF5FD;
  visibility: hidden;
  z-index: 100;
  font-size:11px;
  font-family:Verdana;
  text-align:center;

}

#dhtmlpointer {
  position:absolute;
  left: -300px;
  z-index: 101;
  visibility: hidden;
}


/******** Document Styles ********/

h1 {
	font-size: 18px;
	font-weight: bold;
	color: #aa0000;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 15px 0;
	font-size: 15px;
	font-weight: bold;
}

h3 {
	font-size: 15px;
	font-weight: bold;
}	

a {
    outline:0;
}

a, a:active, a:visited {
	color: #0c84ff;
	text-decoration: none;
}

a:hover {
	color: #aa0000;
	text-decoration: underline;
}

.header a, .header a:active, .header a:visited {
	color: #aa0000;
}

.header a:hover {

	color: #2d2d2d;
	text-decoration: underline;
}

p {
	margin: 0 0 15px 0;
}

.footer p {
	margin: 0;
	font-size: 11px;
	line-height: 13px;
}
.footer a {color: #fff;font-weight: bold;}
.blue {color: #52A8CD;}

.clear {clear: both;}