/*
 * +--------------------------------------------------------+
 * |	@file: style.css									|
 * +--------------------------------------------------------+
 * |	@project: Bocom Website	Template					|
 * |	@package: bocom2008									|
 * |	@version: 0.1										|
 * |	@author: Manuel Horne								|
 * |	@email: manuel.horne@hornet-webdesign.de			|
 * |	@website: http://www.hornet-webdesign.de			|
 * |	@copyright: 2008 HorNet Webdesign					|
 * |	@last edit: Mar 02 2009								|
 * +--------------------------------------------------------+
 */	

/***************
COLORS:
-------
-blue (dark): #14388E
-blue (light): #779BF1
-grey (text bg): #EBECEE
-grey (menu bg): #BBB
-black: #000 (#19171C)
-white: #FFF
***************/


/**********************************
 * global styles
 */
body { background:url('../images/bg.gif'); }

tr,
p,
div { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10pt; color:#000; }
p { margin:10px 0px; }

h1 { font-size:18px; margin:0px; padding:15px 0px 8px; background:#EBECEE; }
h2 { font-size:15px; margin:15px 0px 5px; }
h3 { font-size:13px; margin:15px 0px 3px; }
h4 { font-size:12px; margin:10px 0px 3px; }

#main_container
{
	position:absolute;
	margin:0 auto;		/* standardkonforme horizontale Zentrierung */
	/*left:50%;*/left:30px;
	margin-top:15px;
	/*margin-left:-500px;*/
	width:1000px;
	height:auto;
/*	display:table; 		/* must put this in for FireFox. */
	text-align:left;	/* IE-Zentrierung korrigieren */
}

/**********************************
 * shaddow boxes
 */
div.upprrghtcrnr { width:14px; height:14px; margin:0; padding:0; float:right; background:url('../images/tr_shadow.gif') no-repeat; }
div.btmedge { width:100%; height:14px; margin:0; padding:0; background:url('../images/b_shadow.gif') repeat-x; font-size:1px; }
div.lwrlftcrnr { width:14px; height:14px; margin:0; padding:0; clear:both; float:left; background:url('../images/bl_shadow.gif') no-repeat; font-size:1px; }
div.lwrrghtcrnr { width:14px; height:14px; margin:0; padding:0; float:right; background:url('../images/br_shadow.gif') no-repeat; font-size:1px; }

/**********************************
 * header
 */
#header { width:100%; background:#EEE; }
#banner { width:100%; height:145px; background:url('../images/banner.gif') no-repeat; }
#subheader { width:100%; height:34px; background:url('../images/subheader.gif') no-repeat; }

#pathway { float:left; margin:4px 6px; }
.pathway { font-family:Verdana,Arial,Helvetica,sans-serif; font-size:10px; font-weight:normal; padding:0px; }
a.pathway:link,
a.pathway:visited { color:#000; font-weight:normal; }
a.pathway:hover { color:#3366cc; font-weight:normal; text-decoration:none; }

/**********************************
 * main area
 */
#main_area { clear:both; }

#leftcol { width:165px; float:left; /*border:1px solid yellow;*/ }

#leftcol div.syndicate { margin-right:15px; padding:5px 0px; /*background:#EBECEE; border:1px solid #14388E;*/ }

#maincol { width:830px; height:auto; float:right; background:url('../images/r_shadow.gif') 100% 0 repeat-y #EBECEE; }

#mainbody { margin-right:14px; padding:5px 15px 15px; font-family:Verdana,Arial,Helvetica,sans-serif; font-size:11px; color:#000; }
* html #mainbody
{
	width:801px; /* IE 5.x workaround */
	w\idth:801px; /* IE 6 workaround */
}
/**********************************
 * footer
 */
#footer { width:100%; clear:both; background:url('../images/r_shadow.gif') 100% 0 repeat-y #EBECEE; }
#footercontent { font-size:11px; color:#666; padding:3px 5px 4px; text-align:center; }
#footer .moduletable { width:971px; margin-left:15px; margin-top:-5px; }
#footer .moduletable td { width:auto; }

/********************************************************************
 *
 * ###   ADDITIONAL JOOMLA! CSS CLASSES   ###
 *
 */
 
/********** Header Menu Links **********/
#header .moduletable { padding:116px 0 0 590px; }
#header a.mainlevel:link,
#header a.mainlevel:visited,
#header a.mainlevel:active
{
	margin:0 10px;
	color:#14388E;
	text-decoration:none;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
 }
#header a.mainlevel:hover { color:#14388E; text-decoration:underline; }

 

/********** Main Menu MainLevel Links **********/
#leftcol a.mainlevel:link,
#leftcol a.mainlevel:visited
{
	width:155px; /* act. width-padding */
	height:30px; /* act. height-padding */
	color:#FFF;
	background:url('../images/menuitem.gif') 0px 0px no-repeat;
	text-decoration:none;
	display:block;
	padding:5px;
	margin-bottom:-11px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-weight:bold;
	font-size:11px;
}
#leftcol a.mainlevel:hover { background:url('../images/menuitem.gif') 0px -40px no-repeat; text-decoration:none; }
#leftcol a.mainlevel#active_menu { background:url('../images/menuitem.gif') 0px -40px no-repeat; color:#14388E; text-decoration:none; }

/********** Main Menu SubLevel Links **********/
#leftcol a.sublevel:link,
#leftcol a.sublevel:visited
{
	width:152px; /* act. width-padding */
	height:28px; /* act. height-padding */
	color:#FFF;
	background:url('../images/submenuitem.gif') 0px 0px no-repeat;
	text-decoration:none;
	display:block;
	padding:3px 3px 3px 10px;
	margin-bottom:-11px;
	font-weight:normal;
	font-size:10px;
}
#leftcol a.sublevel:hover { background:url('../images/submenuitem.gif') 0px -34px no-repeat; text-decoration:none; }

/********** Footer Menu MainLevel Links **********/
#footer a.mainlevel:link,
#footer a.mainlevel:visited { font-size:10px; }
#footer a.mainlevel:hover { }

#footer span.mainlevel { margin:auto -2px; }

/********** Footer Menu SubLevel Links **********/
#footer a.sublevel:link,
#footer a.sublevel:visited { font-size:10px; }
#footer a.sublevel:hover { }

/********** Other Links **********/
a:link,
a:visited { color:#14388E; text-decoration:none; }
a:hover { color:#779BF1; text-decoration:underline; }

/********** Modules **********/
table.moduletable { width:150px; margin-bottom:15px; border:1px solid #cccccc; }
table.moduletable th { width:100%; font-size:12px; font-weight:bold; color:#0000cc; text-align:left; text-indent:5px; letter-spacing:1px; margin:5px 5px 20px 5px; }
table.moduletable td { padding:2px; }
table.moduletable ul { padding:0px; }
table.moduletable li { }

/********** Poll **********/
.poll { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#666666; line-height:14px; }
.pollstableborder { border:1px solid; padding:1px; }


/*############### CONTENT ###############*/

.contentpane { margin:0px; } /* Lower Content for Getting Started, FAQs, News Feeds, Wrapper, Links, Contact Us */
.contentpaneopen { width:100%; border-spacing:0px; border-collapse:collapse; /*background:#FFF;*/ } /* Home, Mambo License, Blog, Lower Content for Advanced Search */
.blog .contentpaneopen { text-align:justify; }

.contentheading, /* Header for contentpaneopen */
.componentheading, /* Title for Blog, News Feeds, Wrapper, Links, Advanced Search, Contact Us */
a.contentpagetitle:link, /* For content item titles that are hyperlink instead of Read On */
a.contentpagetitle:visited
{
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:16px;
	font-weight:bold;
	color:#14388E;
	text-align:left;
	background:#EBECEE;
	border-bottom:1px solid #000;
	text-decoration:none;
}
a.contentpagetitle:link,
a.contentpagetitle:visited { border:0; }
a.contentpagetitle:hover { text-decoration:underline; }

.componentheading,
.contentpaneopen td { padding:3px 1px; }

.contentpaneopen img { border:1px solid #CCC; }

.buttonheading { background:#EBECEE; border-bottom:1px solid #000; margin-left:5px; }
.contentheading > table td { border:0; }
.contentheading > table + table { padding-top:3px; padding-bottom:3px; }

.createdate { font-size:11px; color:#666; text-align:left; }
.modifydate { font-size:10px; color:#666; text-align:right; font-style:italic; }

.contentdescription { padding:0px; } /* Top Content for Getting Started, FAQs, News Feeds, Links */

table.blog table td { padding-left:7px; padding-right:7px; }
table.blog>td { border-right:1px solid #DDD; border-left:1px solid #DDD; }
/********** Inner Content **********/
.sectiontableheader { background:#DDD; padding:3px 4px; color:#14388E; font-weight:bold; }
.sectiontableentry1 { background:#F0F0F0; }
/*.sectiontableentry1:hover { background:#FFF; }*/
.sectiontableentry2 { background:#F0F0F0; }
.sectiontableentry1,
.sectiontableentry1 td,
.sectiontableentry2,
.sectiontableentry2 td { padding:4px; border-bottom:1px solid #DFDFDF; }

/********** Rating **********/
.content_rating { padding:5px; }

.small { font-size:10px; color:#3366C0; padding-top:2px; text-decoration:none; font-weight:normal; }
.smalldark { font-size:10px; color:#000; text-decoration:none; font-weight:normal; }

.button {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-style:normal;
font-size:10px;
font-weight:bold;
background-color:#F0F0F0;
color:#990000;
border:1px solid #CCCCCC;
}

.inputbox {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000000;
background-color:#F0F0F0;
border:1px solid #CCCCCC;
}

a.category:link,
a.category:visited { text-decoration:none; color:#333333; font-weight:bold; font-size:11px; }
a.category:hover { text-decoration:none; color:#7B8DA1; }

/* Styles for dhtml tabbed-pages */
.ontab {
background-color:#ffae00;
border-left:outset 2px #ff9900;
border-right:outset 2px #808080;
border-top:outset 2px #ff9900;
border-bottom:solid 1px #d5d5d5;
text-align:center;
/* Cannot use hand as its not a W3C CSS validator */
/* cursor: hand;*/
font-weight:bold;
color:#FFFFFF;
}

.offtab {
background-color:#e5e5e5;
border-left:outset 2px #E0E0E0;
border-right:outset 2px #E0E0E0;
border-top:outset 2px #E0E0E0;
border-bottom:solid 1px #d5d5d5;
text-align:center;
/* Cannot use hand as its not a W3C CSS validator */
/* cursor: hand;*/
font-weight:normal;
}

.tabpadding { }
.tabheading { background-color:#ffae00; text-align:left; }

.pagetext { visibility:hidden; display:none; position:relative; top:0; }

/* for modifying {moscode} output. Don't set the colour! */
.moscode { background-color:#f0f0f0; }
.code { background-color:#f0f0f0; border:1px solid #FFF; }

/* Text passed with mosmsg url parameter */
.message { font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; font-size:10pt; color:#ff6600; text-align:center; }

/* Javascript Back button */
.back_button { text-align:center; margin-top:40px; }
.back_button a:link,
.back_button a:visited { color:#FFF; background:#779BF1; border:1px solid #14388E; padding:2px 4px; text-decoration:none; }
.back_button a:hover { background:#BBB; border:1px solid #000; }

.pagenav_next a:link,
.pagenav_next a:visited,
.pagenav_prev a:link,
.pagenav_prev a:visited { font-size:11px; font-weight:bold; }
.pagenav_prev a:hover,
.pagenav_prev a:hover { font-size:11px; font-weight:bold; }

.pagenavcounter { font-size:10px; font-weight:bold; }

.pagenavbar div { font-size:10px; font-weight:normal; clear:both; padding-top:10px; }
.pagenavbar a:link,
.pagenavbar a:visited { font-size:10px; font-weight:bold; }
.pagenavbar a:hover { font-size:10px; font-weight:bold; }

table.contenttoc { color:#330; border:1px solid #999; margin:5px; }
table.contenttoc th { padding:3px 6px; text-align:left; border-bottom:1px solid #333; }
table.contenttoc td { font-size:8pt; padding:3px 6px; font-weight:normal; text-align:left; }
table.contenttoc td img { border:1px solid #DDD; }

ul { margin:0; padding:5px; list-style:none; }
li { line-height:15px; padding-left:15px; padding-top:1px; background-image:url('/../images/arrow.png'); background-repeat:no-repeat; background-position:0px 5px; }

table.searchinto { width:100%; }
table.searchintro td { background-color:#293C43; color:#ffffff; font-weight:bold; }