/* vBulletin 3 CSS For Style 'Blue Circle' (styleid: 6) */
body
{
	background: #E3E2E2 url(/designs/bc/bg.gif) repeat-x top left;
	color: #4B4B4B;
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	margin: 0;
	padding: 0;
	text-align: left;
}
a:link, body_alink
{
	color: #0c5dcd;
	text-decoration: none;
}
a:visited, body_avisited
{
	color: #0c5dcd;
	text-decoration: none;
}
a:hover, a:active, body_ahover
{
	color: #EEA11B;
	text-decoration: underline;
}
.page
{
	background: #FFFFFF;
	color: #4B4B4B;
}
td, th, p, li
{
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.tborder
{
	background: #CECDCD;
	color: #000000;
}
.tcat
{
	background: #E2E1E1 url(/designs/bc/gradient_thead.gif) repeat-x top left;
	color: #4B4B4B;
	font: bold 10px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	border-bottom: 2px solid #F4A741;
}
.tcat a:link, .tcat_alink
{
	color: #313131;
	text-decoration: none;
}
.tcat a:visited, .tcat_avisited
{
	color: #313131;
	text-decoration: none;
}
.tcat a:hover, .tcat a:active, .tcat_ahover
{
	color: #EEA11B;
	text-decoration: underline;
}
.thead
{
	background: #63A8F7 url(/designs/bc/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
	font: bold 12px/1.4 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.thead a:link, .thead_alink
{
	color: #FFFFFF;
}
.thead a:visited, .thead_avisited
{
	color: #FFFFFF;
}
.thead a:hover, .thead a:active, .thead_ahover
{
	color: #FFFF00;
}
.tfoot
{
	background: #63A8F7 url(/designs/bc/gradient_tcat.gif) repeat-x top left;
	color: #FFFFFF;
}
.tfoot a:link, .tfoot_alink
{
	color: #FFFFFF;
}
.tfoot a:visited, .tfoot_avisited
{
	color: #FFFFFF;
}
.tfoot a:hover, .tfoot a:active, .tfoot_ahover
{
	color: #FFFF66;
}
.alt1, .alt1Active
{
	background: #F5F4F4;
	color: #4B4B4B;
	border-top: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
}
.alt2, .alt2Active
{
	background: #E9E8E8;
	color: #4B4B4B;
	border-top: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
}
td.inlinemod
{
	background: #FFFFCC;
	color: #000000;
}
.wysiwyg
{
	background: #F5F5FF;
	color: #4B4B4B;
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
textarea, .bginput
{
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.button
{
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
select
{
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
option, optgroup
{
	font-size: 12px/1.4;
	font-family: verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.smallfont
{
	font: 10px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.time
{
	color: #666686;
}
.navbar
{
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.highlight
{
	color: #FF0000;
	font-weight: bold;
}
.fjsel
{
	background: #63A8F7;
	color: #FFFFFF;
}
.fjdpth0
{
	background: #F7F7F7;
	color: #000000;
}
.panel
{
	background: #E4E7F5 url(../../images/gradients/gradient_panel.gif) repeat-x top left;
	color: #000000;
	padding: 10px;
	border: 2px outset;
}
.panelsurround
{
	background: #D1D4E0 url(../../images/gradients/gradient_panelsurround.gif) repeat-x top left;
	color: #000000;
}
legend
{
	color: #22229C;
	font: 12px/1.4 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
}
.vbmenu_control
{
	background: #E2E1E1 url(/designs/bc/gradient_thead.gif) repeat-x top left;
	color: #4B4B4B;
	font: bold 12px/1.4 tahoma, verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	padding: 3px 6px 3px 6px;
	white-space: nowrap;border-bottom: 2px solid #F4A741;
}
.vbmenu_control a:link, .vbmenu_control_alink
{
	color: #313131;
	text-decoration: none;
}
.vbmenu_control a:visited, .vbmenu_control_avisited
{
	color: #313131;
	text-decoration: none;
}
.vbmenu_control a:hover, .vbmenu_control a:active, .vbmenu_control_ahover
{
	color: #EEA11B;
	text-decoration: underline;
}
.vbmenu_popup
{
	background: #CECDCD;
	color: #000000;
}
.vbmenu_option
{
	background: #F5F4F4;
	color: #000000;
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;border-top: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
}
.vbmenu_option a:link, .vbmenu_option_alink
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:visited, .vbmenu_option_avisited
{
	color: #22229C;
	text-decoration: none;
}
.vbmenu_option a:hover, .vbmenu_option a:active, .vbmenu_option_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite
{
	background: #EEA11B;
	color: #FFFFFF;
	font: 12px/1.4 verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
	white-space: nowrap;
	cursor: pointer;border-top: #FFFFFF 1px solid;
		border-right: #FFFFFF 1px solid;
}
.vbmenu_hilite a:link, .vbmenu_hilite_alink
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:visited, .vbmenu_hilite_avisited
{
	color: #FFFFFF;
	text-decoration: none;
}
.vbmenu_hilite a:hover, .vbmenu_hilite a:active, .vbmenu_hilite_ahover
{
	color: #FFFFFF;
	text-decoration: none;
}
/* CSS für die Ciao Box */
.bannerContainer{clear:both;width:140px;}
.banner_bgtop{background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:left bottom;float:left;padding:0px 0px 0px 5px;margin:0;height:51px;width:140px;}
.banner_bgtop span{background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:right bottom;width:140px;height:51px;float:left;padding:0px 0px 0px 5px;text-align:center;}
*html .banner_bgtop span{background-image:url(http://images.ciao.com/ide/images/box/bg_top.gif);background-position:right bottom;width:140px;height:51px;float:left;padding:0px 0px 0px 0px;text-align:center;}
.banner_bgtop a img{position:relative;top:10px;}
.banner_bgtop a.linksCiaoTop{background:none;background:transparent!important;background-image:none!important;margin:0!important;padding:0px 10px 0px 0px!important;text-decoration:none!important;border:0!important;}
.banner_bgmiddle{background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:left top;float:left;padding:0px 0px 0px 5px;margin:0;width:140px;}
.banner_bgmiddle span{background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:right top;float:left;padding:0px 0px 0px 5px;font-family:arial,"helvetica,sans-serif";font-size:11px;font-weight:bold;color:#000000;text-decoration:none;width:140px;}
*html .banner_bgmiddle span{background-image:url(http://images.ciao.com/ide/images/box/bg_middle.gif);background-position:right top;float:left;padding:0px 0px 0px 0px;font-family:arial,"helvetica,sans-serif";font-size:11px;color:#000000;text-decoration:none;width:140px;}
.banner_bgmiddle a.arrowCiao{background:transparent url(http://images.ciao.com/ide/images/box/arrow.gif) no-repeat 0px 5px!important;font:11px arial!important;color:#ff7c00!important;margin:0!important;padding:0px 0px 0px 10px!important;text-decoration:underline!important;display:block!important;text-align:left!important;border:0!important;}
.banner_bgmiddle form.busqueda{margin:0px;padding:0px;}
.banner_bgmiddle span input.search{background:url(http://images.ciao.com/ide/images/box/form_80x25.gif) no-repeat;font:10px arial;border:0px solid #ff0000;float:left;width:80px;height:25px;margin:0px 1px 0px 0px;padding:5px 0px 0px 0px;vertical-align:middle;text-align:center;}
.banner_bgmiddle input.go{margin:2px 0px 0px 5px;width:20px;height:20px;display:inline;float:clear;border:0;}
.banner_bgbottom{background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:left bottom;float:left;padding:0px 0px 0px 5px;margin:0;color:#000000;height:51px;width:140px;}
.banner_bgbottom span{background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:right bottom;float:left;padding:0px 0px 0px 5px;font:22px bold;color:#000000;height:51px;width:140px;}
*html .banner_bgbottom span{background-image:url(http://images.ciao.com/ide/images/box/bg_bottom.gif);background-position:right bottom;float:left;padding:0px 0px 0px 0px;font:22px bold;color:#000000;height:51px;width:140px;}
.banner_bgbottom a.linksCiaoBottom{background:none;background:transparent!important;background-image:none!important;margin:0!important;padding:0px 0px 0px 10px!important;text-decoration:none!important;display:block!important;border:0!important;}
.banner_bgbottom div.footnoteCiao{margin:5px 0px 0px 0px;padding:0px 5px 0px 0px;font:9px arial;color:#7b7b7b;text-align:center;}
.banner_bgbottom div.logo{margin:0px 0px 0px 0px;padding:0px 5px 0px 0px;text-align:center;}


/* CSS für die Newsbilder im Portal */
.newsbildrechts
{
float: right;
width: 150px;
height: 150px;
margin: 5px;
border: 0;
}

/* ***** styling for 'big' usernames on postbit etc. ***** */
.bigusername { font-size: 14pt; }

/* ***** small padding on 'thead' elements ***** */
td.thead, div.thead { padding: 4px; }

/* ***** basic styles for multi-page nav elements */
.pagenav a { text-decoration: none; }
.pagenav td { padding: 2px 4px 2px 4px; }

/* ***** define margin and font-size for elements inside panels ***** */
.fieldset { margin-bottom: 6px; }
.fieldset, .fieldset td, .fieldset p, .fieldset li { font-size: 11px; }

/* ***** don't change the following ***** */
form { display: inline; }
label { cursor: default; }
.normal { font-weight: normal; }
.inlineimg { vertical-align: middle; }
.bg1{
    background: url(/designs/bc/bg_01.gif) repeat-y top left;
    padding-left:8px;
    }
.bg2{
    background: url(/designs/bc/bg_02.gif) repeat-y top right;
    padding-right:8px;
    }
.bg3{
    background: url(/designs/bc/bc_02.gif) no-repeat top left;
    padding-left:8px;
    }
.bg4{
    background: url(/designs/bc/bc_07.gif) no-repeat top right;
    padding-right:8px;
    }
.headbg{
    background: url(/designs/bc/bc_05.png);
    height: 80px;
       }
.headpic{
    float: left;
    width: 228px;
    height: 80px; 
        }
.bbg{
    background: url(/designs/bc/bc_19.gif);
    height: 27px;
    }
.ubl{
    background: url(/designs/bc/bc_24.gif);
    height: 7px;font-size:0px;
    }
.nav{
    background: #FFFFFF url(/designs/bc/bc_28.gif) repeat-x top left;
    }
.catbg{
   background: url(/designs/bc/cat_bg.gif);
   height: 22px;   
     }
.cat1{
   float:left;
   background:  url(/designs/bc/cat_01.gif) no-repeat;
   height: 22px;
   width: 51px;  
     }
.cat2{
   float:right;
   background:  url(/designs/bc/cat_02.gif) no-repeat;
   height: 22px;
   width: 6px;
     }
.fortitel{
    color:#4B4B4B;
    padding-top:4px;
    font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
         }
.fortitel a:link{
    color: #313131;
    text-decoration: none;
    font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                }
.fortitel a:visited{
    color: #313131;
    text-decoration: none;
    font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                   }
.fortitel a:hover, .fortitel a:active{
    color: #313131;
    text-decoration: underline;
    font: bold 11px verdana, geneva, lucida, 'lucida grande', arial, helvetica, sans-serif;
                                     }
.pib{
     border-right: 1px solid #FFFFFF;
     border-top: 1px solid #FFFFFF;
    padding: 3px 3px 3px 3px;
    }
.pibu{
    border: 1px solid #C9C9C9;
    background-color: #EDEDED;
    margin-top: 2px;
     }
.fbg{
   background:  url(/designs/bc/fbg.gif);
   height: 36px;
   padding-top: 8px;
   padding-left: 8px;
   padding-right: 8px;
    }
.alt3{
   background-color: #E9E8E8;
   color: #4B4B4B;
    }
.fl{
    float:left;
   }
img{
   border: 0px;
   }



/*  === Neue Navigation === */
.bbg ul#oberenavi
{
	margin: 0 !important;
	padding: 0 !important;
	float: left !important;
	width: 753px !important;
	height: 27px !important;
	list-style-type: none !important;
}

.bbg ul#oberenavi li
{
	float: left;
	height: 27px;
	text-indent: -9000px;
	list-style-type: none;
}

.bbg ul#oberenavi li,
.bbg ul#oberenavi li a
{
	margin: 0 !important;
	padding: 0 !important;
	background-image: url(/pix/bcnav/bluecircle_navi.png);
	background-repeat: no-repeat;
}

	.bbg ul#oberenavi li a
	{
		text-decoration: none;
		display: block;
		height: 27px;
		line-height: 27px;
	}

.bbg ul#oberenavi li#buthome,
.bbg ul#oberenavi li#buthome a
{
	width: 60px;
	background-position: 0 0;
}

	.bbg ul#oberenavi li#buthome a:hover
	{
		background-position: 0 -27px;
	}

.bbg ul#oberenavi li#butreview,
.bbg ul#oberenavi li#butreview a
{
	width: 70px;
	background-position: -60px 0;
}

	.bbg ul#oberenavi li#butreview a:hover
	{
		background-position: -60px -27px;
	}

.bbg ul#oberenavi li#butdown,
.bbg ul#oberenavi li#butdown a
{
	width: 76px;
	background-position: -130px 0;
}

	.bbg ul#oberenavi li#butdown a:hover
	{
		background-position: -130px -27px;
	}

.bbg ul#oberenavi li#butforum,
.bbg ul#oberenavi li#butforum a
{
	width: 70px;
	background-position: -206px 0;
}

	.bbg ul#oberenavi li#butforum a:hover
	{
		background-position: -206px -27px;
	}

.bbg ul#oberenavi li#butusercp,
.bbg ul#oberenavi li#butusercp a
{
	width: 68px;
	background-position: -276px 0;
}

	.bbg ul#oberenavi li#butusercp a:hover
	{
		background-position: -276px -27px;
	}

.bbg ul#oberenavi li#butreg,
.bbg ul#oberenavi li#butreg a
{
	width: 106px;
	background-position: -859px 0;
}

	.bbg ul#oberenavi li#butreg a:hover
	{
		background-position: -859px -27px;
	}

.bbg ul#oberenavi li#butcalendar,
.bbg ul#oberenavi li#butcalendar a
{
	width: 84px;
	background-position: -450px 0;
}

	.bbg ul#oberenavi li#butcalendar a:hover
	{
		background-position: -450px -27px;
	}

.bbg ul#oberenavi li#butnewposts,
.bbg ul#oberenavi li#butnewposts a
{
	width: 106px;
	background-position: -534px 0;
}

	.bbg ul#oberenavi li#butnewposts a:hover
	{
		background-position: -534px -27px;
	}

.bbg ul#oberenavi li#usercptools,
.bbg ul#oberenavi li#usercptools a
{
	width: 106px;
	background-position: -640px 0;
}

	.bbg ul#oberenavi li#usercptools a:hover
	{
		background-position: -640px -27px;
	}

.bbg ul#oberenavi li#navbar_search,
.bbg ul#oberenavi li#navbar_search a
{
	width: 68px;
	background-position: -746px 0;
}

	.bbg ul#oberenavi li#navbar_search a:hover
	{
		background-position: -746px -27px;
	}

.bbg ul#oberenavi li#butfaq,
.bbg ul#oberenavi li#butfaq a
{
	width: 45px;
	background-position: -814px 0;
}

	.bbg ul#oberenavi li#butfaq a:hover
	{
		background-position: -814px -27px;
	}