/* ************************************************************************************************
 * MAIN STYLE DEFINITIONS
 * ************************************************************************************************
 * LVL - 13DEC09 - Refactor/cleanup of styles for frontpage and Admin. 
 * ************************************************************************************************
 * Styles used for the site - can be overwritten in divs.
 * ************************************************************************************************/
 
div.main
{
	width: 980px;
	text-align: left;
	font-family: verdana;
	vertical-align: top;
}
body
{
	text-align: center;
	font-size: 11px;
	font-weight: normal;
	color: #2e2e2e;
}
h1
{
	font-size: 18px;
	color: #2e2e2e;
	margin-top: 0px;
	margin-bottom: 10px;
}
h2
{
	font-size: 14px;
	color: #2e2e2e;
	margin-top: 0px;
	margin-bottom: 6px;
}
h3
{
	font-size: 12px;
	color: #2e2e2e;
}
h4
{
	font-size: 11px;
	font-style:italic;
	color:#2e2e2e;
}
h5
{
	font-size: 10px;
	font-style:italic;
	color:#2e2e2e;
}
p, td
{
	font-family:Verdana;
	font-size: 11px;
	font-weight:normal;
}
input.normal
{
	border-color: #000000;
	border-style: Solid;
	border-width: 1px;
	padding-left:5px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top:0px; 
	height: 17px;
}
input.normal_150
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C2B2B;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	width: 150px;
}
textarea.normal
{
	border-color: #000000;
	border-style: Solid;
	border-width: 1px;
	padding-left:5px;
	padding-bottom: 0px;
	padding-right: 5px;
	padding-top:0px; 
	height: 17px;
}
asp.TextBox
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #2C2B2B;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
	width: 135px;
}



/* ************************************************************************************************
 * TOPBAR
 * ************************************************************************************************
 * LVL - 27JUN08 - Created initial top bar for admin module
 * LVL - 13DEC09 - Refactor/cleanup of styles for frontpage and Admin. 
 * ************************************************************************************************
 * Topbar is a horizontal section (across the page) where logo (and potentially links/search are
 * placed. In the Admin module only a clean logo is displayed (left) and the links and google-
 * search (right).
 * ************************************************************************************************/

div.topbar 
{
	height: 129px;
	vertical-align: top;
	float: left;
}
	div.topbar div.left
	{
		width: 460px;
		float: left;
	}
	div.topbar div.right
	{
		font-size: 11px;
		padding-left: 160px;
		padding-top: 76px;
		float: left;
	}
	div.topbar a
	{
		padding-right: 15px;
		color: #b71d1d;
		text-decoration: none;
	}
	div.topbar a:hover 
	{
		color: #d36300;
	}



/* ************************************************************************************************
 * TOPMENU - BUTTONS
 * ************************************************************************************************
 * LVL - 27JUN08 - Created initial top menu for admin module
 * LVL - 13DEC09 - Refactor/cleanup of styles for frontpage and Admin. 
 * ************************************************************************************************
 * Topmenu is a horizontal section (across the page) providing the main navigation on the site.
 * The topmenu is created by a left element, buttons, a spacer and finally a right element. But-
 * ton names are defined in the UserControl "TopmenuAdmin.ascx.cs" (main site menu to be maintained
 * through "web.config").
 * ************************************************************************************************/

div.topmenu
{
	margin-left: 10px;
	float: left;
}
	div.topmenu div.left
	{
		width: 1px;
		height:32px;
		background-image: url('Gfx/Elements/topmenubar_left.gif');
		float:left;
	}
	div.topmenu div.button
	{
		height: 32px;
		background-image: url('Gfx/Elements/topmenubar_mid_focus_off.gif');
		cursor: pointer;
		float:left;
	}
	div.topmenu div.button:hover, div.topmenu div.selectedbutton
	{
		height: 32px;
		background-image: url('Gfx/Elements/topmenubar_mid_focus_hover.gif');
		float:left;
	}
	div.topmenu div.divider
	{
		width: 1px;
		height: 32px;
		background-image: url('Gfx/Elements/topmenubar_divider.gif');
		float:left;
	}
	div.topmenu div.spacer
	{
		width: 311px;
		height: 32px;
		background-image: url('Gfx/Elements/topmenubar_mid_focus_off.gif');
		float:left;
	}
	div.topmenu div.right
	{
		width: 3px;
		height: 32px;
		background-image: url('Gfx/Elements/topmenubar_right.gif');
		float:left;
	}
	div.topmenu div.button a, div.topmenu div.selectedbutton a
	{
		top: 7px;
		position: relative;
		padding-left: 20px;
		padding-top: 14px;
		padding-right:20px;
		padding-bottom: 20px;
		font-weight: bold;
		font-size: 12px;	
		font-weight: bold;
		color: #ffffff;
		text-decoration: none;
	}



/* ************************************************************************************************
 * CONTENT
 * ************************************************************************************************
 * LVL - 27JUN08 - Initial version of contentrowadmin
 * LVL - 13DEC09 - Refactor/cleanup of styles for frontpage and Admin. 
 * ************************************************************************************************
 * 
 * ************************************************************************************************/

div.content
{
	margin-left: 10px;
	margin-top: 20px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #e0e0e0;
	background-image: url('Gfx/Elements/content_fadercolor.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	min-height:403px;	
}
	div.content a
	{ 
		color:#b71d1d;
		text-decoration: none; 
	}
	div.content a:hover
	{
		color:#d36300; 
	}
	div.content a:visited
	{ 
		color:#b71d1d; 
	}
div.contentSpacer_5
{
	width: 5px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentSpacer_10
{
	width: 10px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentSpacer_25
{
	width: 25px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentSpacer_33
{
	width: 33px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentSpacer_186
{
	width: 186px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_215
{
	width: 215px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_305
{
	width: 305px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_320
{
	width: 320px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_395
{
	width: 395px;
	padding-top: 25px;
	padding-bottom: 33px;
	vertical-align: top;
	float: left;
}
div.contentText_460
{
	width: 460px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_470
{
	width: 470px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_500
{
	width: 500px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_545
{
	width: 545px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_715
{
	width: 715px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_800
{
	width: 800px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
div.contentText_900
{
	width: 900px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
}
/* Content divs for left navigation ***************************************************************/
div.contentNavigation
{
	margin-left: 10px;
	margin-top: 20px;
	overflow: auto;
	border-style: solid;
	border-width: 1px;
	border-color: #e0e0e0;
	background-image: url('Gfx/Elements/content_fadercolor.gif');
	background-position: bottom;
	background-repeat: repeat-x;
	float: left;
	min-height:403px;	
}
div.contentNavigation_171
{
	width: 171px;
	padding-top: 25px;
	padding-bottom: 3px;
	float: left;
}
/* Content divs and styles for teasers (news + 152x400px) *****************************************/
div.contentTeasers
{
	width  : 152px;
	padding-top: 20px;
	padding-bottom: 3px;
	margin-left: 10px;
	overflow: auto;
	float: left;
	min-height:403px;	
}
	div.contentTeasers h1
	{
		font-weight: bold;
		font-size:18px;
		color: #2e2e2e;
	}
	div.contentTeasers h2
	{
		font-weight: bold;
		font-size:14px;
		color: #2e2e2e;
	}
	div.contentTeasers a
	{
		font-family: Arial;
		font-size: 11px;
		color: #b61d1d;
		text-decoration: none;
	}
	div.contentTeasers a:hover
	{
		color: #d36300;
	}
	div.contentTeasers div.archive
	{
		padding-bottom: 13px;
		float: left;
	}
		div.contentTeasers div.archive a
		{
			font-family: Arial;
			font-size: 11px;
			color: #2e2e2e;
			text-decoration: none;    
		}
		div.contentTeasers div.archive a:hover
		{
			color: #d36300;
		}
	div.contentTeasers div.spacer_5
	{
		width: 150px;
		height: 5px;
	}
	div.contentTeasers div.spacer_10
	{
		width: 150px;
		height: 10px;
	}
div.contentDoubleTeasers
{
	width  : 302px;
	padding-top: 20px;
	padding-bottom: 33px;
	margin-left: 10px;
	overflow: auto;
	float: left;
	min-height:403px;	
}

/* Content divs for frontpage *********************************************************************/
div.contentBottomBanner
{
	width  : 791px;
	margin-left: 10px;
	float: left;
}
div.contentFrontpagePicture_395
{
	width: 395px;
	margin-top: 20px;
	float: left;
}
div.contentFrontpageText_320
{
	width: 320px;
	padding-top: 25px;
	padding-bottom: 33px;
	float: left;
	/*height: 368px;*/
}
	div.contentFrontpageText_320 a
	{ 
		color:#292c28;
		text-decoration: none; 
	}
	div.contentFrontpageText_320 a:hover
	{
		color:#292c28; 
	}
	div.contentFrontpageText_320 a:visited
	{ 
		color:#292c28; 
	}


/* ************************************************************************************************
 * FOOTER
 * ************************************************************************************************
 * LVL - 13JUL08 - Initial version of footer
 * LVL - 13DEC09 - Refactor/cleanup of styles for frontpage and Admin. 
 * ************************************************************************************************
 * Footer to be displayed on all pages to mark bottom of page.
 * ************************************************************************************************/

div.footer
{
	margin-left: 10px;
	margin-top:10px;
	float: left;
}
	div.footer div.left
	{
		width: 2px;
		height: 18px;
		background-image: url('Gfx/Elements/bottombar_left.gif');
		float:left;
	}
	div.footer div.spacer
	{
		width: 22px;
		height: 18px;
		background-image: url('Gfx/Elements/bottombar_mid.gif');
		float:left;
	}
	div.footer div.middle
	{
		width: 934px;
		height: 18px;
		background-image: url('Gfx/Elements/bottombar_mid.gif');
		float:left;
		color: White;
	}
	div.footer div.right
	{
		width: 3px;
		height: 18px;
		background-image: url('Gfx/Elements/bottombar_right.gif');
		float:left;
	}