#navi {

    height:30px;

    width:1018px;

    background:repeat-x url(img/navbg.jpg);

    border-left:1px solid #202020;

    border-right:1px solid #202020;

}

#navi ul {

    padding:0;

    margin:0;

    list-style-type:none;

}

#navi ul li {

    display:inline;

}

#navi ul li a {

    float:left;

    height:34px;

    }

    

/* Navigation */    



#home a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/home.png);

width:100px; height:34px

}



#home a:hover {

background-image:url(http://www.cruelbabes.com/img/navi/home_on.png);

}

    

#videos a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/videos.png);

width:100px; height:34px

}



#videos a:hover {

background-image:url(http://www.cruelbabes.com/img/navi/videos_on.png);

}



#bilder a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/bilder.png);

width:100px; height:34px

}



#bilder a:hover {

background-image:url(http://www.cruelbabes.com/img/navi/bilder_on.png);

}



#own a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/own.png);

width:100px; height:34px

}



#own a:hover {

background-image:url(http://www.cruelbabes.com/img/navi/own_on.png);

}

#gal a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/gal.png);

width:100px; height:34px

}



#gal a:hover {

background-image:url(http://www.cruelbabes.com/img/navi/gal_on.png);

}

#webmaster a {

display:block;

background-image:url(http://www.cruelbabes.com/img/navi/webmaster.png);

width:100px; height:34px

}



#webmaster a:hover {

background-image:url(http://www.cruelbabes.com/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: #202020;

	background-color: #202020;

}

.form-input {border: 1px solid #000;padding: 2px;}

/******** Layout Elements ********/



.wrapper {

	width: 1020px;

	margin: 0 auto;

	background-color: #fff;

	border-left: 4px double #fff;

	border-right: 4px double #fff;

}



.innerwrapper {

	margin: 0 210px 0 0;



}

/******** Header Elements ********/

.header {

	height: 130px;

	padding: 0px;

	background-color: #ffffff;

	text-align: center;

	line-height: 50px;

margin: 0 0px;

}



/******** Content Elements ********/

.content {

    width:500px;

	margin: 0 120px 10px 175px;

	!margin: 0 120px 10px 175px;

}

.content h2 {

	background-image: url(img/blue_bg.gif);

	background-repeat: repeat-x;

margin: 0px;

padding: 7px 0px 10px 10px;

color: #202020;

}

.left {

	margin: 0 0 10px 0;

	float: left;

	width: 164px;

	padding: 0px;

	border: 2px solid #a50060;

	background-color: #f07ec2;

	}

	

.left_img {

	border: 1px solid #a50060;margin: 1px 3px;background-color: #fff;padding: 1px;

}



.left h2 {

	margin: 0px 0px 0px 0px;

	padding: 7px 0px 10px 10px;

	color: #ccc;

	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: 0px dotted #202020;margin-right: 20px;padding-top: 2px;}

.left li a {color: #52A8CD;font-size: 14px;font-weight: bold;}

.left li a:hover {color: #a50060;text-decoration: none;}

.right {

	margin: 0 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: #202020;

}

.right ul {padding: 10px 0px 0px 20px;color: #202020;margin-bottom: 5px;}

.right li {}

.right li a {color: #202020;font-weight: bold;}

.right li a:hover {color: #A50060;text-decoration: none;}



.footer {

	margin: 0;

	padding: 5px;

	color: #efefef;

	clear: both;

	text-align: center;

	background-image: url(img/footerbg.gif);

	background-repeat: repeat-x;

	background-color: #202020;

	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 {}



/******** Plug Styles ********/

.plug {height: 120px;background-color: #fff;border: 1px solid #a50060;margin-bottom: 5px;}

.plug_img {float: left;border: 1px solid #f07ec2;background-color: #fff;padding: 1px;margin: 5px 5px 0px 5px;}

.plug h3 {margin: 3px 0px 0px 0px;padding: 0px 0px 0px 0px;float: left;width: 320px;!width: 300px;height: 20px;overflow:hidden;}

.plug h3 a {color: #202020;}

.plug_desc {float: left;height: 60px;color: #4a7bb6;width: 320px;!width: 300px;overflow: hidden;}

.plug_info {float: left;width: 300px;}

.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: 0px 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: #fff;border: 2px solid #a50060;margin-bottom: 10px;}

.chosenblock h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}

.chosenblock3 {background-color: #f07ec2;border: 2px solid #a50060;margin-bottom: 10px;}



#chosenblock2 {position: relative; background-color: #fff;border: 2px solid #7b2110;margin-bottom: 10px;}

#chosenblock2 h2 {background-image: url(img/redhead.gif);background-repeat: repeat-x;margin: 0px;padding: 5px 5px;}

#chosenblock2 .hlrechts {position:absolute; left:160px;}



#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: #fff;border: 2px solid #a50060;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: #a50060;text-decoration: none;}

.search {margin: 8px; color: #77da44; font-weight: bold;}



.chosen_thumbs {border: 1px solid #a50060;margin: 3px 1px;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;}



/******** 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: #202020;

	text-decoration: none;

}



a:hover {

	color: #a50060;

	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;}

