@charset "utf-8";
/*
                         _ __        
          _______ __  __(_) /__  ___ 
         / __/ _ `/ |/ / / / _ \/ _ \
         \__/\_,_/|___/_/_/\___/\___/  
         URL: http://www.caviloo.de
         SCHNELL - ZUVERLÄSSIG - PREISWERT!
*/

/*
------------------------------------------------------------------------------------------------------
###Allgemeine Einstellungen###
------------------------------------------------------------------------------------------------------
*/

/*Grundeinstellungen*/
html,
body
{ 
	margin:0px 0px 0px 0px; 
	font:11px Arial, Helvetica, sans-serif; 
	background:#000; color:#888888;
	text-align:center;
}

/*Bilder*/
img
{
    border:0;
}

/*Clearing*/
.clear
{
	clear:both;
}

.pages
{
width:20px;
height:18px;
background-image:url(images/page.jpg);
text-align:center;
float:left;
margin-right:3px;
padding-top:5px;
color:#888888;
font-weight:bold;
outline:none;
}
.pages:hover 
{
width:20px;
height:18px;
background-image:url(images/page_hov.jpg);
text-align:center;
float:left;
margin-right:3px;
padding-top:5px;
color:#FFFFFF;
font-weight:bold;
outline:none;
}

.headline a
{
	color:#ff5100;
	font-size:11px;
	text-decoration:none;
}
.headline a:hover
{
	color:#ff5100;
	font-size:11px;
	text-decoration:none;
}

.matchlink a
{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}
.matchlink a:hover
{
	color:#ffffff;
	font-size:11px;
	text-decoration:none;
	font-weight:bold;
}

.login a
{
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}
.login a:hover
{
	color:#ffffff;
	font-size:10px;
	text-decoration:none;
	font-weight:bold;
}

.lasthead a
{
	color:#4d4d4d;
	text-decoration:none;
	font-weight:bold;
}
.lasthead a:hover
{
	color:#ff5100;
	text-decoration:none;
	font-weight:bold;
}
.readmore a
{
	color:#888888;
	text-decoration:none;
}
.readmore a:hover
{
	color:#888888;
	text-decoration:none;
}
/*
------------------------------------------------------------------------------------------------------
###Hauptelemente zur Strukturierung###
------------------------------------------------------------------------------------------------------
*/

/*Topbar*/
div#topbar
{
	width:auto;
	height:60px;
	background-image:url(images/topbar.png);
}
/*Navigation Bar*/
div#navigation_bar
{
	width:1095px;
	height:60px;
	margin:auto;
}
/*Pagecontainer*/
div#wrapper
{
	width:1095px;
	height:auto;
	margin:auto;
}
/*Logo*/
div#navigation_bar div#logo
{
	width:228px;
	height:60px;
	float:left;
	background-image:url(images/logo.jpg);
}
/*Hauptnavigation*/
div#navigation_bar div#navigation
{
	width:867px;
	height:60px;
	float:left;
	text-align:left;
}
/*Page Header*/
div#page_header
{
	width:1095px;
	height:127px;
	float:left;
	background:url(images/header.jpg);
}
/*Maincontent*/
div#maincontent
{
	width:1095px;
	height:auto;
	background-color:#FFF; float:left;
	background-repeat:repeat-y; text-align:left;
}
/*Linke Boxen*/
div#maincontent div#leftbar
{
	width:237px;
	height:auto;
	float:left;
	padding-bottom:20px;
}

/*
------------------------------------------------------------------------------------------------------
###Elemente zur Leftbar###
------------------------------------------------------------------------------------------------------
*/
/*Login Bereich*/
div#leftbar div#userlogin
{
	width:237px; height:179px; background-image:url(images/login_bg.jpg); background-repeat:no-repeat;
}
/*Newsscene Box*/
div#leftbar div#newsscene
{
	width:237px; height:auto; float:left;
}
div#leftbar div#newsscene div#news_head
{
	width:237px; height:36px; background-image:url(images/btn_headlines.jpg);
	font-size:9px;
}
div#leftbar div#newsscene div#news_box
{
	width:237px; height:180px; background-image:url(images/box_middle.jpg);
}
div#leftbar div#newsscene div#news_foot
{
	width:237px; height:11px; background-image:url(images/box_foot.jpg);
}

/*Downloads Box*/
div#leftbar div#downloads
{
	width:237px; height:auto; float:left;
}
div#leftbar div#downloads div#files_head
{
	width:237px; height:42px; background-image:url(images/btn_files.jpg);
}
div#leftbar div#downloads div#files_box
{
	width:237px; height:180px; background-image:url(images/box_middle.jpg);
}
div#leftbar div#downloads div#files_foot
{
	width:237px; height:11px; background-image:url(images/box_foot.jpg);
}

/*Last Forum Box*/
div#leftbar div#topics
{
	width:237px; height:auto; float:left;
}
div#leftbar div#topics div#topics_head
{
	width:237px; height:41px; background-image:url(images/btn_forum.jpg);
}
div#leftbar div#topics div#topics_box
{
	width:237px; height:180px; background-image:url(images/box_middle.jpg);
}
div#leftbar div#topics div#topics_foot
{
	width:237px; height:11px; background-image:url(images/box_foot.jpg);
}

/*Last Articles Box*/
div#leftbar div#articles
{
	width:237px; height:auto; float:left;
}
div#leftbar div#articles div#articles_head
{
	width:237px; height:41px; background-image:url(images/btn_articles.jpg);
}
div#leftbar div#articles div#articles_box
{
	width:237px; height:auto; background-image:url(images/box_middle.jpg);
}
div#leftbar div#articles div#articles_foot
{
	width:237px; height:11px; background-image:url(images/box_foot.jpg);
}

/*
------------------------------------------------------------------------------------------------------
###Elemente zur Leftbar###
------------------------------------------------------------------------------------------------------
*/

/*Hauptcontent*/
div#maincontent div#content
{
	width:596px;
	height:auto;
	float:left;
}


/*
------------------------------------------------------------------------------------------------------
###Elemente zum Content###
------------------------------------------------------------------------------------------------------
*/

div#content div#contenttop
{
	width:596px;
	height:208px;
	background-image:url(images/content_top.jpg);
}
div#contenttop div#slideshow
{
	width:339px;
	height:196px;
	float:left; padding-left:17px; padding-top:12px;
	background-image:url(images/slideshow.jpg);
}
div#contenttop div#matchticker
{
	width:240px;
	height:208px;
	float:left;
}
div#matchticker div#match_head
{
	width:240px;
	height:37px;
	background-image:url(images/match_head.jpg);
}
div#matchticker div#match_box
{
	width:240px;
	height:171px;
	background-image:url(images/match_box.jpg);
}
div#content div#main_content
{
	width:596px;
	height:auto;
}

/*
------------------------------------------------------------------------------------------------------
###Elemente zum Content###
------------------------------------------------------------------------------------------------------
*/

/*Rechte Boxen*/
div#maincontent div#rightbar
{
	width:262px;
	height:auto;
	float:left;
	padding-bottom:20px;
}
/*
------------------------------------------------------------------------------------------------------
###Elemente zur Rightbar###
------------------------------------------------------------------------------------------------------
*/

/*Sponsoren / Supporter*/
div#rightbar div#sponsors
{
	width:262px; height:auto; float:left;
}
div#rightbar div#sponsors div#sponsors_head
{
	width:262px; height:44px; background-image:url(images/btn_sponsors.jpg); 
}
div#rightbar div#sponsors div#sponsors_box
{
	width:262px; height:auto; padding-top:10px;
}

/*Shoutbox Box*/
div#rightbar div#shoutbox_mod
{
	width:262px; height:auto; float:left;
}
div#rightbar div#shoutbox_mod div#shout_head
{
	width:262px; height:42px; background-image:url(images/btn_shoutbox.jpg);
}
div#rightbar div#shoutbox_mod div#shout_box
{
	width:262px; height:auto; background-image:url(images/shout_bg.jpg);
}
div#rightbar div#shoutbox_mod div#shout_foot
{
	width:262px; height:14px; background-image:url(images/shout_foot.jpg);
}

/*
------------------------------------------------------------------------------------------------------
###Elemente zur Rightbar###
------------------------------------------------------------------------------------------------------
*/

/*Footer*/
div#page_footer
{
	width:1095px;
	height:215px;
	float:left;
	background-image:url(images/footer.jpg);
}

div#page_footer div#footer_links
{
	width:795px;
	height:215px;
	float:left;
	color:#cacaca;
	font-size:11px;
	text-align:left;
}
div#footer_links div#navi_website
{
	width:790px;
	height:20px;
	padding-top:38px; padding-left:5px;
}
div#footer_links div#navi_team
{
	width:790px;
	height:19px;
	padding-top:21px; padding-left:5px;
}
div#footer_links div#navi_misc
{
	width:790px;
	height:20px;
	padding-top:21px; padding-left:5px;
}
div#footer_links div#navi_social
{
	width:790px;
	height:55px;
	padding-top:21px; padding-left:5px;
}
div#page_footer div#copyright
{
	width:289px;
	height:76px;
	float:left;
	text-align:left;
	color:#cacaca;
	padding-top:139px;
	padding-left:11px;
}
.footerlinks a
{
	color:#cacaca;
	text-decoration:none;
}
.footerlinks a:hover
{
	color:#ffffff;
	text-decoration:none;
}
.creator a
{
	color:#ff5000;
	text-decoration:none;
}
.creator a:hover
{
	color:#ff5000;
	text-decoration:none;
}