@charset "ISO-8859-1";
/** Base */
*						{ margin: 0; padding: 0; }
body,td,div,a,input		{ font-family: Arial, Helvetica, sans-serif; font-size: 13px; font-style: normal; }
body                 	{ color: #FDFDB7; background-color: #000000; margin: 0; padding: 0; }
/* Grundlegendes */
table              		{ border: 0px; padding: 0px; margin: 0px; border-collapse: collapse; table-layout: fixed; }
td                  	{ vertical-align: top; }
a                   	{ text-decoration: none; outline: none; color: #FDFDB7; }
img 					{ border:none;}
.clear              	{ clear: both; margin: 0px; padding: 0px; height: 0px; width: 0px; overflow: hidden; }
/** ------------------------------------------------------------ **/
/** ------------------ Layout Content Bereich ------------------ **/
/* gesamter content bereich */
#main   		{ overflow: hidden; background:url(/static/vx/1060/bg.gif) repeat-x #000000;}
/* Hauptcontent */
#logoline 		{ width:915px; margin:0 auto 0 auto; overflow: hidden; position:relative; }
#module 		{ width:755px; margin:0 auto 0 auto; overflow: hidden; position:relative; z-index:1000;}
/* cam auflistung */
#lay_foo		{ width:770px; margin:0 auto;}
/** -------------------------------------------------------------------- **/
/** ------------------ Pagination -------------------------------------- **/
/** pagination struktur **/
div.pagination 									{ text-align:center; position:relative; height:30px; line-height:18px; }
div.pagination .page							{ display:inline-block; height:23px; padding:5px 9px 0 9px; margin:1px 1px;}
div.pagination a.left 							{ position:absolute; left:0px; top: 0px; display:inline-block; width:58px; height:30px; margin:0; }
div.pagination a.right	 						{ position:absolute; right:0px; top:0px; display:inline-block; width:58px; height:30px; margin:0; }
/** pagination *FOO* farbe und grafiken */
.foo_pagination div.pagination 				{ background: url("/static/vx/1060/pag_bg.png") #590000 repeat-x; color:#ffffff; width:755px;}
.foo_pagination div.pagination a			{ color:#ffffff}
.foo_pagination div.pagination a.page:hover,
.foo_pagination div.pagination .active		{ background-color:#970000; }
.foo_pagination div.pagination a.left 		{ background: url("/static/vx/1060/pag_left.gif") #590000 no-repeat; }
.foo_pagination div.pagination a.left:hover	{ background: url("/static/vx/1060/pag_left_on.gif") #590000 no-repeat;}
.foo_pagination div.pagination a.right	 	{ background: url("/static/vx/1060/pag_right.gif") #590000 no-repeat; }
.foo_pagination div.pagination a.right:hover{ background: url("/static/vx/1060/pag_right_on.gif") #590000 no-repeat; }
/** pagination *restliche seiten* farbe und grafiken */
div.pagination 								{ background: url("/static/vx/1060/pag_shp_bg.gif") #590000 repeat-x; color:#ffffff}
div.pagination a							{ color:#ffffff}
div.pagination a.page:hover,
div.pagination .active						{ background-color:#840000; }
div.pagination a.left 						{ background: url("/static/vx/1060/pag_shp_left.gif") #590000 no-repeat; }
div.pagination a.left:hover					{ background: url("/static/vx/1060/pag_shp_left_on.gif") #590000 no-repeat;}
div.pagination a.right	 					{ background: url("/static/vx/1060/pag_shp_right.gif") #590000 no-repeat; }
div.pagination a.right:hover				{ background: url("/static/vx/1060/pag_shp_right_on.gif") #590000 no-repeat; }
/** ------------------------------------------------------------------------ **/
/** ------------------ Kategorien-Box auf Foo ---------------------------------- **/
.foo_categories 						{ /*margin:8px 0 3px 23px;*/ /*width: 610px; float:left; display:inline;*/}
.foo_categories a.category				{ display:block; width:188px; height:34px; float:left; color:#ffffcc;white-space:nowrap;overflow:visible; font-size:18px; text-align:center; background:url('/static/vx/1060/catnavi.png'); line-height:30px;}
.foo_categories a.category:hover,
.foo_categories a.category.active 		{ display:block;  background:url('/static/vx/1060/catnavi_active.png'); color:#fdfdb7; }
.foo_categories div.hr					{ height: 2px; background: #fff url('/static/vx/1060/kat_line.png') repeat-x scroll left; width:100%; margin: 13px 0;}
.foo_categories div.hr hr 				{ display: none; }
/* mit grauer box im bg / evtl. noch ben�tigt
.foo_categories							{ width: 605px; margin:8px 0 0 9px; float:left;}
.foo_categories a.category				{ display:block; background:url('/static/vx/1060/kat_bg0.png') top left; width:103px; height:16px; padding:4px; float:left; margin:5px; color:#ffffff}
.foo_categories a.category:hover,
.foo_categories a.category.active		{ display:block; background:url('/static/vx/1060/kat_bg0_on.png') top left; color:#ffffcc }
*/
/* Detail Suche */
#foo_categories 								{ /*float: left;  */width: 100%; margin:0 auto; }
#foo_detail_search 								{ float: left; width: 100%; }
#foo_detail_search.hidden 						{ display: none; }
/** ------------------------------------------------------------------------ **/
/** ------------------ Sender auf Foo -------------------------------------- **/
/** Hosts FOO */
.foo_host 				{ width:146px; height: 180px; border:#5e5d5d 1px solid; float:left; position:relative; display:inline; overflow:hidden;font-size:11px; margin: 0 4px 4px 0; background-color:#282828}
.foo_host .picture  	{ width:140px; height: 105px; margin:0px; padding:0px;}
.foo_host .name   		{/* background: url("/static/vx/1060/foo_host_namebg.png") repeat-x top left;*/ text-align:left; height:19px; padding:3px 0 0 0;  font-size:11px}
.foo_host .name a  		{ font-size:11px }
.foo_host .online 		{ text-align:center}
.foo_host .online a   	{ color:#1eff00; font-size:12px}
.foo_host .senderline	{ text-align:center; font-size:11px; height:25px; padding:3px; overflow:hidden; margin-bottom:15px;}
.chiffre				{ margin-left:15px;}
.chiffre span			{ height:20px;line-height:20px; display:block; float:left; margin-left:16px; color:#fd3535;}
.chiffre img			{ float:left;}
/* FOO Tooltip */
.VXTooltip           			{ min-width: 10px; max-width: 160px; border: 1px solid #000000; background-color: #990000; padding: 4px; color: #FFFFFF; font-size: 10px; z-index: 1000;}
.VXTooltip .tip-text 			{ display: none;} /* IE Mootools Fix for img src */
/** Tooltip */
div.vx_tooltip 					{ border: 1px solid #ff0000; background: url('/static/vx/1060/tooltip_bg.gif') top left #8a0003 repeat-y; padding: 3px; width: 200px; z-index: 10000; }
div.vx_tooltip div.tip-title 	{ color: #FFFFFF; font-size: 15px; font-weight: bold; margin-bottom: 3px; }
div.vx_tooltip div.tip-text  	{ color: #FFFFCC; font-size: 13px; font-weight: normal; }
/** ---------------------------------------------------------------- **/
/** ------------------ Footer -------------------------------------- **/
/** ------------------ Footer -------------------------------------- **/
#footer 					{ position:relative; top:0px; left:0px;	background-color: #282828; width:100%; border: 1px solid #5E5D5D; border-left: 0; border-right: 0; min-height:200px; overflow: hidden; }
#footer .content 			{ width:780px; margin:0 auto 40px; }
#footer .content .middle 	{ margin:15px 20px 20px 18px; color:#797979; float:left; line-height:18px; display:inline; text-align:center }
#footer .content .spalte 	{ margin:40px 25px 10px 18px; color:#797979; float:left; line-height:18px; display:inline; }
#footer .content a 			{ color:#797979; text-decoration:none; }
#footer .content a:hover 	{ text-decoration:underline; }
#anzeige 					{ position:relative; top:0px; left:0px;	background-color: #282828; min-height:20px; overflow: hidden; border:1px solid #5E5D5D; margin-bottom:17px;}
#anzeige .content 			{ width:755px; margin-left:10px; text-align:center; line-height:60px;}
#anzeige .content a 		{ text-decoration:none; color:#5E5D5D; line-height:60px; font-size:20px}
#anzeige .content a:hover 	{ text-decoration:underline; }
#RunAd						{margin: 110px 0 0 0;}
#RunAd .row 				{clear: both; margin: 0 0 5px 0; float: left;}
#RunAd .row .description	{float: left; width: 100px;}
#RunAd .row .input			{float: left; width: 300px;}
#RunAd .row .input textarea	{width: 300px; height: 100px;}
#RunAd .row .input input	{width: 300px; }
#RunAd .row .input .button	{width: 100px;}
#servicebox_div_success{float:left;width:260px;display:inline;margin:0 10px 0 0}
#servicebox_div_header{float:left;width:260px;display:inline}
#servicebox_div_subject,#servicebox_div_data{float:left;width:260px;display:inline;margin:5px 0 0}
#servicebox_subject_select{width:150px;height:22px;border:1px solid #000;background-color:#dedede}
#servicebox_message{width:258px;height:130px}
#servicebox_email{width:258px}
#servicebox_email.info{color:#A0A0A0}
div.servicebox_subject_link{width:100%;text-align:center}
div#footer_schmal			{ width:100%; height:31px; padding-top:15px; background:url(/static/vx/1060/footer_bg.gif) left top repeat-x; }
div#footer_wrapper			{ width:755px; margin:0 auto 0; }
div#footer_wrapper a		{ color:#CCC; margin:0 8px 0 8px; }
div#footer_wrapper a:hover	{ color:#FFF; }
/* für alle profilseiten */
#shp * {
font-family:Arial, Helvetica, sans-serif;
}
#shp h1,
#shp h2,
#shp h3,
#shp h4 {
margin:0;
padding:0;
font-weight:normal;
}
#shp {
margin: 0px 0px 0px 0px;
}
div.hr 			{ height: 2px; background-color:#5E5D5D;}
div.hr hr 		{ display: none; }
/* gesamter content div */
#shp .shp-content {
background-color: #282828;
margin-top:30px;
padding:0px;
border:1px solid #5E5D5D;
margin-bottom:30px;
}
/* SHP Profil */
#shp div.shp-parttop {
margin-top:20px;
}
#shp div.shp-name {
height:40px; background:url(/static/vx/1060/name_bg.gif); font-size:24px; padding-left:30px; line-height:40px; margin-top: 20px; width:382px; 
}
#shp .shp-name h1 {
font-size:19px;
color: #ffffcc;
}
#shp .shp-name h2 {
font-size:12px;
color: #ffffcc;
padding:0px;
margin:0px;
}
#shp .shp-photos {
float:left;
display:inline;
margin:0px 0 0 17px;
}
#shp .shp-photos div.big {
/*width:328px;
height:248px;
border:1px solid #480000;
background-color: #a20003;
overflow: hidden;
*/
}
#shp #shp_photo_big { margin: 4px; text-align: center; overflow: hidden; margin-right:0px; /*width: 320px; */}
#shp .shp-photos div.big img {
width: 320px;
height: 240px;
}
#shp .shp-photos div.big object {
width: 213px;
height: 160px;
}
#shp .shp-photos a.small {
float:left;
width:79px;
height:61px;
margin:2px 2px 0 0 ;
border:1px solid #480000;
background-color: #a20003;
position: relative;
}
#shp .shp-photos img.small {
width:71px;
height:53px;
position: absolute;
z-index: 1;
top: 4px;
left: 4px;
}
#shp .shp-photos .play {
width:40px;
height:38px;
position: absolute;
z-index: 2;
top: 11px;
left: 19px;
background: transparent url('/static/vx/1060/shp/btn_play_clip.png') top left no-repeat;
cursor: pointer;
}
#shp .shp-chatbuttons {
float: left;
width: 340px;
margin: 4px 0 0 0;
}
#shp .shp-chatbuttons .platz1 {
display:block;
float:left;
padding-top:13px;
width:95px;
}
#shp .shp-chatbuttons .nummerchiffre {
display:block;
float:left;
font-size:21px;
margin-top:7px;
color:#ffffff;
}
#shp .shp-chatbuttons .hinweis {
font-size:10px; 
color:#FDFDB7;
display:block;
padding-top:20px;
}
#shp .shp-chatbuttons div.hr {
float: left;
width: 348px;
display: inline;
margin: 12px 0 0 29px;
}
#shp div.hr {
/*margin:18px 20px 0 20px;*/
margin:0px;
}
#shp .shp-partbottom {
margin:10px 21px 26px;
}
#shp .shp-texte {
/*margin: 18px 0;*/
color: #ffffcc;
line-height:19px;
overflow:hidden
}
#shp .shp-texte div.title {
color: #ffffff;
margin: 10px 0;
font-size: 16px;
overflow: hidden;
}
#shp .shp-texte div.caption {
float: left;
width: 90px;
display: inline;
/*height: 20px;*/
color: #ffffff;
margin-left: 10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
}
#shp .shp-texte div.property {
/* wenn nebeneinander dann aktivieren // 
float: left;
display: inline;*/
width: 120px;
/*height: 20px;*/
margin-left: 10px;
font-size: 12px;
white-space: nowrap;
overflow: hidden;
}
#shp .shp-texte div.text {
float: left;
width: 515px;
display: inline;
margin: 0 0 0 10px;
font-size: 12px;
overflow: hidden;
}
.chiffre1 {margin-left:15px; margin-top:10px; font-size:11px;}
.chiffre1_inhalt {height:24px; margin-top:10px; width:345px;}
.chiffre1_inhalt img {float:left;}
.chiffre1_inhalt span {display:block; height:24px; font-size:20px; float:left; line-height:24px; margin-left:10px; font-weight:bold; color:#FFFFCC}
.chiffre1_inhalt .prices {font-size:9px; text-align:right; }