@charset "UTF-8"; /* Has to stand in the first line because of a bug in Safari <= 5 */

/*
----------------------------------------------------------------------------------------------------
 ____     ____    ______     
/\  _`\  /\  _`\ /\  _  \    
\ \ \L\ \\ \ \/\ \ \ \L\ \   
 \ \  _ <'\ \ \ \ \ \  __ \  
  \ \ \L\ \\ \ \_\ \ \ \/\ \ 
   \ \____/ \ \____/\ \_\ \_\
    \/___/   \/___/  \/_/\/_/
----------------------------------------------------------------------------------------------------
*/

/* --------- Global Reset ---------- */
/* --------------------------------- */
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, a, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0px;
	padding:0px;
	border:0px none;
	outline:0px none;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* ------ General Definitions ------ */
/* ----------------------------------*/
body {
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	font-size:11px;
	font-family:arial, verdana, helvetica, sans-serif;
	color:#060606;
	background-color:#ffffff;
}

/* -------- Global Settings -------- */
/* ----------------------------------*/
#mainWrapper {
	position:relative; /* fix for IE8 */
	z-index:1; /* fix for IE8 */
	width:758px;
	margin:15px auto 20px; /* Auto centers the whole site */
	overflow:auto; /* To display the border abound the whole contents */
	border:1px solid #010101;
	border-radius:15px; /* Rounded corners W3C CSS3 standard */
	-moz-border-radius:15px; /* For Firefox 3.6 and earlier */
	-webkit-border-radius:15px; /* For older webkit browsers (Safari & Chrome) */
}
#headerWrapper {
	width:758px;
	height:169px;
}
#headerHome { display:none; } /* Hide the header before fading it in via jQuery to prevent flickering before JavaScript kicks in */
#headerHome h1 a, #headerFollow h1 a {
	display:block;
	width:758px;
	height:169px;
	text-indent:-5000px; /* Invisible text headling for search engines */
	background:url('../../Global_Images/header.jpg') no-repeat center;
	border-radius:15px 15px 0px 0px; /* Again, specific for this element itself to counter the image fading of jQuery (pointed corners would show up) */
	-moz-border-radius:15px 15px 0px 0px;
	-webkit-border-radius:15px 15px 0px 0px;
}

/* ------ Main Navigation Bar ------ */
/* ----------------------------------*/
#mainNavigationBar {
	width:758px;
	height:18px;
	margin-bottom:10px;
	background-color:#333333;
}
#mainNavigationList {
	padding-left:7px;
	list-style:none inside none; /* To hide the list-item marker */
}
#mainNavigationList li { display:inline; }
#mainNavigationList li a {
	display:block;
	float:left;
	padding-left:5px;
	padding-top:3px;
	padding-bottom:2px;
	font-size:10px;
	color:#ffffff;
	text-decoration:none;
}
#mainNavigationList li a:hover { text-decoration:underline; }
#mainNavigationList li a.active { color:#039acf; }
#mainNavigationList li a.active:hover { color:#aa301b !important; } /* To counter the element style set by jQuery */
#skinSwitch {
	float:right;
	margin-right:7px;
	height:18px;
}
#skinSwitch span#skinSwitchLabel {
	float:left;
	margin-right:5px;
	padding-top:4px;
	font-size:10px;
	color:#ffffff;
}
#skinSwitch a {
	display:block;
	float:left;
	width:18px;
	padding-top:1px;
}
#skinSwitch a.lightSkinSwitch { cursor:default; }
#skinSwitch a.darkSkinSwitch { cursor:pointer; }

/* -------- Content Values --------- */
/* ----------------------------------*/
#contentWrapper {
	width:748px;
	padding-bottom:13px;
	padding-left:10px;
}
#newsTeaser {
	float:left;
	width:149px;
	background-color:#f0ebe7;
}
#newsTeaser h4 {
	margin-bottom:8px;
	padding:8px;
	font-size:18px;
	font-weight:normal;
	color:#ffffff;
	background-color:#c8c6ba;
}
#newsTeaser p { padding:0px 10px 20px 5px; }
#newsTeaser p.last { padding-bottom:32px; }
#mainContent {
	float:right;
	width:574px;
	padding-top:0px;
	padding-right:15px;
	padding-bottom:10px;
	padding-left:10px;
}
#mainContent  #introduction  { margin-bottom:20px; }
#mainContent  #introduction h2 {
	margin-bottom:20px;
	font-family:'ContraRegular',arial, verdana, helvetica, sans-serif;
	font-size:22px;
	font-weight:normal;
	color:#039acf;
}
#mainContent  #introduction p.highlight {
	margin-top:58px;
	font-size:14px;
	color:#131313;
	text-align:left;
}

/* The class variations of "articleRow" regulate the appearance of the article rows (image left, right or no at all)
so that we only need to change this one class and can use the sub classes "articleImage" and "articleText in all three cases. */
#mainContent .articleRowImageLeft h3, #mainContent .articleRowImageRight h3, .articleRowNoImage h3 {
	padding-bottom:20px;
	font-size:16px;
	font-weight:lighter;
	color:#039acf;
}
#mainContent .articleRowImageLeft .articleImage {
	float:left;
	width:180px;
	height:113px;
}
#mainContent .articleRowImageRight .articleImage {
	float:right;
	width:180px;
	height:113px;
}
#mainContent .articleImage img { display:none; }
#mainContent .articleRowImageLeft .articleText {
	float:right;
	width:394px;
}
#mainContent .articleRowImageRight .articleText {
	float:left;
	width:394px;
}
#mainContent .articleText p { margin-bottom:10px; }
#mainContent .articleText p.linksParagraph { padding-top:25px; }
#mainContent .articleText a {
	display:block;
	width:220px;
	margin-bottom:10px;
	color:#0f9cc4;
	text-decoration:none;
}
#mainContent .articleText a:hover {
	color:#0d88ac;
	text-decoration:underline;
}
#mainContent .articleRowImageLeft .articleText p { padding-left:5px; }
#mainContent .articleRowImageRight .articleText p { padding-right:5px; }
#mainContent .articleImage, #mainContent .articleText { padding-bottom:20px; }

/* --------- contactTable ---------- */
/* ----------------------------------*/
#mainContent #contactTable, #mainContent #contactTable tr, #mainContent #contactTable td { border:1px solid #98bf21; }
#mainContent #contactTable {
	text-align:left;
	border-collapse:collapse;
}
#mainContent #contactTable th {
	font-weight:normal;
	text-align:center;
	color:#ffffff;
	background-color:#a7c942;
}
#mainContent #contactTable th, #mainContent #contactTable td { padding:3px 7px 2px; }
#mainContent #contactTable tr.alt td {
	color:#000000;
	background-color:#eaf2d3;
}
#hiddenIFrame {
	position:absolute;
	visibility:hidden;
	top:-5000px;
	width:0px;
	height:0px;
}
.boldText { font-weight:bold; }
.clearfloat {
	clear:both;
	height:0px;
	font-size:0px;
	line-height:0px;
}