/*
Description: 	Reset CSS
Author: 		Felix Kreitner
Date:			20.08.2010
*/

/*
----------------------------
RESET
----------------------------
*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, 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, figure, footer, header, 
hgroup, menu, nav, section, menu,
time, mark, audio, video {
  margin:				0;
  padding:				0;
  border:				0;
  outline:				0;
  font-size:			100%;
  vertical-align:		baseline;
  background:			transparent;
}

html {
	line-height:		1;
}

body {
	background: 		#FFF;
	color:				#000;
	height:				100%;
	background-color:	transparent;
}

/* Remember to define focus styles! */
:focus {
	outline:			0;
}

*  { 
	-moz-outline:		0;
}

font,basefont {
	color:				inherit;
	font:				inherit;
	font-size:			12px;
}

a,img,a img,iframe,form,abbr,acronym,object,applet,table,a abbr,a acronym {
	border-width:		0;
	margin:				0;
}

th,b,strong,h1,h2,h3,h4,h5,h6,dt {
	font-size: 			100%;
	font-weight:		normal;
}

ul,ol,li,dir,menu {
	list-style:			none;
}

/* Bugfixing */
/* http://www.positioniseverything.net/explorer/ie-listbug.html */
ul, ol, dl {
	position:			relative;
}

ol {
	list-style:			decimal outside;
}

ul {
	list-style:			disc outside;
}

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after,
q:before, q:after {
	content:			'';
	content:			none;
}

blockquote, q {
	quotes:				none;
}

a {
	margin:				0;
	padding:			0;
	font-size:			100%;
	vertical-align:		baseline;
	background:			transparent;
}

/* tables still need cellspacing="0" in the markup */
table {
	border-collapse:	collapse;
	border-spacing:		0;
}

caption,tr,th,td {
	width:				auto;
	height:				auto;
	background-color:	transparent;
	vertical-align:		inherit;
	border:				none;	
    text-align:			left;
    font-weight:		normal;
}

fieldset, img {
	border: 			0;
}

img {
	text-align:			bottom;
	vertical-align:		bottom;
}

sub,sup {
	vertical-align:		baseline;
}

/*because legend doesn't inherit in IE */
legend {
	color: 				#000;
}

/*@purpose To enable resizing for IE */
/*@branch For IE6-Win, IE7-Win */
input, button, textarea, select {
 *font-size: 			100%;
}

center,*[align] {
	text-align:			inherit;
}

s,strike,u {
	text-decoration:	inherit;
}

marquee {
	overflow:			visible;
	-moz-binding:		none;
}

blink {
	text-decoration:	none;
}

hr {
	clear:				both;
	display:			block;
}

input, select {
	vertical-align:		middle;
}

article, aside, figure, footer, header, 
hgroup, nav, section {
	display:			block;
}

nav ul {
	list-style:			none;
}

mark {
	background-color:	#ff9;
	color:				#000;
	font-style:			italic;
	font-weight:		bold;
}

/*
----------------------------
DEFAULT SET
----------------------------
*/

html {
	-webkit-font-smoothing: 	antialiased;
	/* always force a scrollbar in non-IE */
	overflow-y: 				scroll;
}

b,strong,th,thead td,samp,dfn {
	font-weight:			bold;
}

sub { 
	vertical-align:			sub;
}

sup {
	vertical-align:			super;
}

small, sup, sub {
	font-size:				10px;
	line-height:			0;
}

big {
	font-size:				20px;
}

caption { 
	text-align:				center;
}

pre { 
  padding: 					15px; 
  /* www.pathf.com/blogs/2008/05/formatting-quoted-code-in-blog-posts-css21-white-space-pre-wrap/ */
  white-space: pre; /* CSS2 */
  white-space: pre-wrap; /* CSS 2.1 */
  white-space: pre-line; /* CSS 3 (and 2.1 as well, actually) */
  word-wrap: break-word; /* IE */
}

del {
	text-decoration:		line-through;
	color:					#666;
}

ins,dfn {
	border-bottom:			1px solid #666;
}

abbr,acronym {
	text-transform:			uppercase;
	font-size:				11px;
	letter-spacing:			1px;
}

abbr[title],acronym[title],dfn[title] {
	cursor:					help;
	border-bottom:			1px dotted black;
}

blockquote {
	color:					#666;
	padding-left:			20px;
}

blockquote cite, q cite {
	font-style:				normal;
}

cite,em,dfn {
	font-style:				italic;
}

code,kbd,samp,pre,tt,var {
	font-size:				12px;
	font-family:			mono-space,monospace;
}

hr {
	display:				block;
	height:					1px;
	border:					0;
	border-top:				1px solid #ccc;
	margin:					1em 0;
	padding:				0;
	width:					100%;

}

/* align checkboxes, radios, text inputs with their label
   by: Thierry Koblentz tjkdesign.com/ez-css/css/base.css  */
input[type="radio"] {
	vertical-align: 		text-bottom;
}

input[type="checkbox"] {
	vertical-align: 		bottom;
	*vertical-align:		baseline;
}

.ie6 input {
	vertical-align: 		text-bottom;
}

/* hand cursor on clickable input elements */
label, input[type=button], input[type=submit], button {
	cursor: 				pointer;
}

/* make buttons play nice in IE:    
   www.viget.com/inspire/styling-the-button-element-in-internet-explorer/ */
button {
	width: 					auto;
	overflow: 				visible;
}
 
/* bicubic resizing for non-native sized IMG: 
   code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */
.ie7 img {
	-ms-interpolation-mode: bicubic;
}

/*
----------------------------
HELPER CLASSES
----------------------------
*/

.left {
	float:					left;
}

.right {
	float:					right;
}

.align-left {
	text-align: 			left;
}

.align-right {
	text-align: 			right;
}

.align-center {
	text-align:				center;
}

.justify {
	text-align:				justify;
}

.clear {
	clear:					both;
}

.bold {
	font-weight:			bold;
}

.italic {
	font-style:				italic;
}

.underline {
	border-bottom:			1px solid;
}

.highlight {
	background:				#ffc;
}

img.centered {
	display: 				block;
	margin-left: 			auto;
	margin-right: 			auto;
}

img.alignleft {
	float:					left;
	margin:					0 15px 5px 0;
}

img.alignright  {
	float:					right;
	margin:					10px 0 10px 10px;
}

.marginleft  {
	margin-left:			20px;
}

.marginright  {
	margin-right:			20px;
}

.show-50  {
	-moz-opacity:			.50;
	filter:					alpha(opacity=50);
	opacity:				.50;
}

.clearfix:after  {
	content:				".";
	display:				block;
	height:					0;
	clear:					both;
	visibility:				hidden;
	line-height:			0;
}

.clearfix  {
	display:				inline-block;
}

* html .clearfix  {
	height:					1%;
}

html[xmlns] .clearfix  {
	display:				block;
}

.clearfix  {
	display:				block;
}

/* for image replacement */
.ir {
	display:				block;
	text-indent:			-999em;
	overflow:				hidden;
	background-repeat: 		no-repeat;
}

/* Hide for both screenreaders and browsers
   css-discuss.incutio.com/wiki/Screenreader_Visibility */
.hidden {
	display:				none;
	visibility:				hidden;
} 

/* Hide only visually, but have it available for screenreaders 
   www.webaim.org/techniques/css/invisiblecontent/ 
   Solution from: j.mp/visuallyhidden - Thanks Jonathan Neal! */
.visuallyhidden {
	position:				absolute !important;    
	clip: 					rect(1px 1px 1px 1px); /* IE6, IE7 */
	clip: 					rect(1px, 1px, 1px, 1px);
}

/* Hide visually and from screenreaders, but maintain layout */
.invisible {
	visibility: 			hidden;
}

.AlexaSiteStatsWidget {
	display:				none;
}

.rounded {
	behavior:				url('../js/border-radius.htc');
}

.click {
	display:				block;
	cursor:					pointer;
}

/*
----------------------------
CUSTOM SETTINGS
----------------------------
*/

html, body, table, textarea, input {
	font-size:			13px;
	line-height:		17px;
	font-family:		Arial, Helvetica, sans-serif;
}

body, select, input, textarea {
	color:				#454545;
}

body {
	background-color:		#c2c6cb;
	background-image: 		url(../images/template/background.jpg);
	background-repeat: 		repeat-y;
	background-position: 	center top;
}

p {
	margin:				12px 0 12px 0;
}

/* These selection declarations have to be separate.
   No text-shadow: twitter.com/miketaylr/status/12228805301 
   Also: hot pink. */
::-moz-selection {
	background: 		#022852;
	color:				#fff;
	text-shadow:		none;
}

::selection {
	background:			#022852;
	color:				#fff;
	text-shadow:		none;
}

/*
----------------------------
LINKS
----------------------------
*/

a:link, a:visited {
	color:				#022a55;
	text-decoration:	underline;
}

a:hover,code,pre {
	color:				#022a55;
}

a:active,.a:focus {
	color:				#022a55;
}

a:hover, a:active {
	outline: 			none;
}

/*  j.mp/webkit-tap-highlight-color */
a:link {
	-webkit-tap-highlight-color:	#f0f2f4;
} 

a.normal {
	color:				#454545 !important;
	text-decoration:	none !important;
}

/*
----------------------------
HEADLINES
----------------------------
*/

h1,h2,h3,h4,h5,h6 {
	font-weight:			normal;
	text-rendering: 		optimizeLegibility;
	margin:					12px 0 12px 0;
}

h1 {
	font-size:				18px;
	line-height:			18px;
	color:					#022852;
}

h2 {
	font-size:				14px;
	line-height:			14px;
	color:					#7e8388;

}

h3 {
	font-size:				14px;
	line-height:			14px;
	color:					#022852;
}

h4 {
	padding:				4px 0 5px 32px;
	font-size:				14px;
	line-height:			14px;
	color:					#383b3f;
	background-image: 		url(../images/template/background-h4.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
	background-color:		#dcdfe1;;
}

h5 {
	margin-top:				25px;
	font-size:				18px;
	line-height:			22px;
	color:					#f50024;
}

h6 {
	font-size:				14px;
	line-height:			18px;
	text-transform:			uppercase;
}

/*
h1 + h2 {
	margin-top:				-12px;
}
*/

/*
----------------------------
TABLE SET
----------------------------
*/

table {
	border-top:				1px solid #d4d4d4;
	border-left:			1px solid #d4d4d4;
}

th, td {
	padding:				6px 10px;
	vertical-align:			top;
	border-bottom:			1px solid #d4d4d4;
	border-right:			1px solid #d4d4d4;
}

td, td img { 
	vertical-align:			top;
} 

th {
	padding:				4px 10px;
	font-size:				13px;
}

/*
----------------------------
FORM
----------------------------
*/


/*
----------------------------
CONTENT SET
----------------------------
*/

#content ul,
aside ul {
	margin:					12px 0 12px 0;
	padding:				0 0 4px 0;
	margin-bottom:			1em;
	background-image:		url(../images/template/li-line.png);
	background-repeat: 		no-repeat;
	background-position: 	left bottom;
}

#content ul li,
aside ul li {
	padding:				5px 0 0 18px;
	list-style:				none;
	background-image:		url(../images/template/li-ico-line.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

aside ul li {
	padding-left:			22px !important;
	background-image:		url(../images/template/li-ico-line-aside.png);
	background-position: 	left top;
	color:					#022852;
}

aside ul li:first-child {
	background-image:		url(../images/template/li-line-aside.png) !important;
}

#content ul ul,
aside ul ul {
	margin:					0;
}

#content ol li,
#content ul li,
aside ul li,
aside ol li {
	margin-bottom:			3px;
}

#content ol,
aside ol {
	margin:					12px 0 12px 26px;
	padding-left:			0px;
}

#content ol ol,
aside ol ol {
	margin:					0 0 0 26px;
}

#content ol li,
aside ol li {
	list-style:				decimal;
	background-image:		none;
	padding-left:			0px;
}


/*
----------------------------
BASIC FRAME
----------------------------
*/

section#container {
	position:				relative;
	background-image: 		url(../images/template/background-container-large.jpg);
	background-repeat: 		repeat-x;
	background-position: 	center top;
	min-height:				405px;
	height:					auto !important;
	height:					405px;
}

section#container.smallbg {
	background-image: 		url(../images/template/background-container-small.jpg);
}

.body {
	position:				relative;
	margin:					0 auto;
	width:					980px;
}

/*
----------------------------
HEADER
----------------------------
*/

header {
	position:				relative;
	height:					110px;
	z-index:				2;
}

header a.logo {
	position:				relative;
	display:				block;
	margin:					0;
	padding:				0;
	height:					110px;
	width:					155px;
	text-indent:			-9999px;
	background-image: 		url(../images/template/logo-naepflin.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

/*
----------------------------
SECONDARY NAV
----------------------------
*/
nav#secondary {
	padding:				15px 0 2px 0;
	height:					66px;
	text-align:				right;
}

nav#secondary ul {
	float:					right;
}

nav#secondary ul li {
	margin-left:			15px;
}

nav#secondary ul li,
nav#secondary ul li a {
	float:					left;
}

nav#secondary ul li a {
	color: 					#9ab2cb;
	text-decoration:		none;
	font-size:				11px;
}

/*
----------------------------
PRIMARY NAV
----------------------------
*/

nav#primary {
	padding:				0 0 0 0;
}

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
	list-style: 			none;
	margin: 				0;
	padding: 				0;
}

ul.dropdown {
	position:				relative;
	z-index: 				597;
	float: 					left;
}

ul.dropdown li {
	float: 					left;
	line-height: 			1.3em;
	vertical-align: 		middle;
	zoom: 					1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
	position: 				relative;
	z-index: 				599;
	cursor: 				default;
}

ul.dropdown ul {
	visibility: 			hidden;
	position: 				absolute;
	top: 					100%;
	left: 					0;
	z-index: 				598;
	width: 					100%;
}

ul.dropdown ul li {
	float: 					none;
}

ul.dropdown ul ul {
	top: 					1px;
	left: 					99%;
}

ul.dropdown li:hover > ul {
	visibility: 			visible;
}

ul.dropdown li {
	padding: 				7px 0;
	color: 					#fff;
	line-height: 			normal;
}

	ul.dropdown li.hover,
	ul.dropdown li:hover {
	 
	}

ul.dropdown a:link,
ul.dropdown a:visited {
	color: 					#fff;
	text-decoration: 		none;
	font-weight:			bold;
}

ul.dropdown a:hover {
	text-decoration:		none;
	color:					#022852;
	background-image: 		url(../images/template/nav/li1-bg-over.jpg);
	background-repeat:		repeat-x;
	background-position: 	left top;
}

ul.dropdown a:active {
	color: 					#fff;
}


/* ----- END LEVEL */


	/* ----- NON-FIRST LEVEL */

ul.dropdown ul {
	width: 					170px;
	background-color: 		#FFF;
	color: 					#000;
	font-size: 				11px;
	text-transform: 		none;
	filter: 				alpha(opacity=90);
	-moz-opacity: 			.9;
	KhtmlOpacity: 			.9;
	opacity: 				.9;
}

		ul.dropdown ul li {
		 background-color: transparent;
		 color: #383b3f;
		 filter: none;
		}

		ul.dropdown ul li.hover,
		ul.dropdown ul li:hover {
		 background-color: transparent;
		}

		ul.dropdown ul a:link,
		ul.dropdown ul a:visited { color: #383b3f;	font-weight:			normal; }
		ul.dropdown ul a:hover { color: #FFF; text-decoration: none; background-image: none !important; }
		ul.dropdown ul a:active { color: #383b3f; }


/* ----- END LEVEL */



/*------------------------------------------------------------------------------------------------------/
 * @section	Support Class 'dir'
 * @level sep	ul, .class
 */


/* ----- ALL LEVELS (incl. first) */

ul.dropdown *.dir {
 padding-right: 12px;
 background-image: none;
 background-position: 100% 50%;
 background-repeat: no-repeat;
}

/* ----- END LEVEL */


/* Components override */




ul.dropdown li a {
 display: block;
 padding: 6px 14px 5px 14px;
}


/* ------------- Override default */

	ul.dropdown li {
	 padding: 0;
	}


/* ------------- Reinitiate default: post-override activities  */

	ul.dropdown li.dir {
	 padding: 7px 20px 7px 14px;
	}

	ul.dropdown ul li.dir {
	 padding-right: 15px;
	}


/* ------------- Custom */

	ul.dropdown li {

	}

	ul.dropdown ul a {
	 padding: 4px 5px 4px 14px;
	 width: 151px; /* Especially for IE */
	}

	ul.dropdown ul a:hover {
	 background-color: #032e5c;
	}

	ul.dropdown a.open {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul a.open {
	 background-color: #76b900;
	 color: #fff;
	}


	/* CSS 2.1 */

	ul.dropdown li:hover > a.dir {
	 background-color: #2e2e2e;
	 color: #76b900;
	}

	ul.dropdown ul li:hover > a.dir {
	 background-color: #76b900;
	 color: #fff;
	}


/*
----------------------------
MAIN TEASER
----------------------------
*/

section#teaser {
	position:				relative;
}

/*
----------------------------
MAIN BREADCRUMB
----------------------------
*/

section#breadcrumb {
	padding:				16px 0 0 30px;
}

.smallbg section#breadcrumb {
	position:				absolute;
	left:					0;
	margin-top:				-55px;
	padding-top:			0;
	z-index:				25;
}

section#breadcrumb ul {
	float:					left;
}

section#breadcrumb ul,
section#breadcrumb ul li {
	margin: 				0;
	padding: 				0;
	list-style: 			none !important;
	border:					0;
}

section#breadcrumb ul li,
section#breadcrumb ul li a {
	float:					left;
	color:					#383b3f;
	text-decoration: 		none;
	font-size:				12px;
}

section#breadcrumb ul li {
	padding: 				0 10px 0 15px;
	background-image: 		url(../images/template/breadcrumb-icon.png);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
}

section#breadcrumb ul li a {
	padding:				0 0 0 0;
}

section#breadcrumb ul li.first {
	padding-left:			0;
	background-image: 		none !important;
}

section#breadcrumb ul li a:hover,
section#breadcrumb ul li.last,
section#breadcrumb ul li.last a {
	color:					#383b3f;
}

/*
----------------------------
MAIN QUICKNAV
----------------------------
*/

section#quicknav {
	margin:					5px 0 0 0;
	height:					124px;
	background-image: 		url(../images/template/background-quicknav.png);
	background-repeat: 		repeat-x;
	background-position: 	left top;
	-webkit-border-radius: 	3px;
	-khtml-border-radius: 	3px;	
	-moz-border-radius: 	3px;
	border-radius: 			3px;
}

section#quicknav div.btn {
	color:					#a0a1a4;
	background-image: 		url(../images/template/quicknav-seperator.png);
	background-repeat: 		no-repeat;
	background-position: 	right top;
}

section#quicknav div.btn .box {
	padding:				18px 24px 0 24px;
	width:					148px;
	height:					106px;
}

section#quicknav div.btn:hover .box {
	background-image: 		url(../images/template/quicknav-hover.jpg);
	background-repeat: 		no-repeat;
	background-position:	left top;
}

section#quicknav div.btn:hover .box.q1 {
	background-position:	left top;
}

section#quicknav div.btn:hover .box.q2 {
	background-position:	-196px top;
}

section#quicknav div.btn:hover .box.q3 {
	background-position:	-392px top;
}

section#quicknav div.btn:hover .box.q4 {
	background-position:	-588px top;
}

section#quicknav div.btn:hover .box.q5 {
	background-position:	-784px top;
}

section#quicknav p {
	margin-top:				4px;
	padding:				0 0 0 20px;
	line-height:			1em;
}

section#quicknav a {
	display:				block;
	float:					right;
	height:					18px;
	width:					47px;
	text-indent:			-9999px;
	background-image: 		url(../images/template/quicknav-more.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

section#quicknav div.btn.last {
	background-image: 		none !important;
}

section#quicknav div.hl {
	padding:				1px 0 0 20px;
	color:					#FFF;
	text-transform:			uppercase;
	font-weight:			bold;
	background-image: 		url(../images/template/quicknav-ico.png);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

/*
----------------------------
MAIN
----------------------------
*/

section#main {
	padding-bottom:			30px;
	background-repeat: 		no-repeat;
	background-position:	right 390px;
}

section#main.cols3 {
	background-image: 		url(../images/template/crossbar-background.png);
	background-position: 	380px 450px !important;
}

/*
----------------------------
MAIN CONTENT
----------------------------
*/

section#content {
	float:					left;
	padding:				20px 0 0 30px;
	width:					525px;
}

section#content.fullwidth {
	width:					950px !important;
}

section#main.cols3 section#content {
	padding-right:			20px;
	width:					343px;
}

/*
--------------------------------------------------------
TABS
--------------------------------------------------------
*/

section#content #tabs {
	display:				block;
	padding:				0 0 0 0;
}


section#content #tabs .ui-tabs {
	position: 				relative;
	zoom: 					1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

section#content #tabs .ui-tabs .ui-tabs-nav {
	background-color:		#c2c6cb;
	margin: 				0 !important;
	padding: 				0 !important;
	background-image:		none !important;
}

section#content #tabs .ui-tabs .ui-tabs-nav li {
	position: 				relative;
	top: 					1px;
	margin: 				0 !important;
	padding: 				0 !important;
	list-style: 			none;
	float: 					left;
	border-bottom: 			0 !important;
	white-space: 			nowrap;
	background-image:		url(../images/template/content-tabs.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top !important;
}

section#content #tabs .ui-tabs .ui-tabs-nav li a {
	display:				block;
	float: 					left;
	height:					20px;
	width:					110px;
	padding:				3px 0 0 10px;
	text-decoration: 		none;
	color:					#022852;
	font-size:				12px;
	font-weight:			bold;
}

section#content #tabs .ui-tabs .ui-tabs-nav li a span {
	display:				block;
	float: 					left;
	padding:				0 10px 0 0;
	height:					13px;
	background-image:		url(../images/template/content-tab-ico.png);
	background-repeat: 		no-repeat;
	background-position: 	right 5px;
}

section#content #tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 			0;
	padding-bottom: 		1px;
	background-repeat: 		no-repeat !important;
	background-position: 	left bottom !important;
}

section#content #tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
section#content #tabs .ui-tabs .ui-tabs-nav li.ui-state-disabled a,
section#content #tabs .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: 				text;
	background-position: 	right bottom !important;
	color:					#FFF;
}

section#content #tabs .ui-tabs .ui-tabs-nav li.ui-tabs-selected a span {
	background-position: 	right -16px;
}

section#content #tabs .ui-tabs .ui-tabs-nav li a,
section#content #tabs .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: 				pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

section#content #tabs .ui-tabs .ui-tabs-panel {
	display: 				block;
	padding:				0 0 0 10px;
}

section#content #tabs .ui-tabs .ui-tabs-hide {
	display: 				none !important;
}

/*
--------------------------------------------------------
TAB PANEL
--------------------------------------------------------
*/

section#content #tabs .ui-tabs {
	display: 				block;
	padding:				15px 0 15px 0;
}

































/*
--------------------------------------------------------
NEWS TABS
--------------------------------------------------------
*/

section#content #newstabs {
	display:				block;
	padding:				0 0 0 0;
	background-image: 		url(../images/template/news-bgtabline.gif);
	background-repeat: 		repeat-y;
	background-position: 	left top;
}


section#content #newstabs.ui-tabs {
	position: 				relative;
	zoom: 					1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

section#content #newstabs.ui-tabs .ui-tabs-nav {
	margin: 				0 !important;
	padding: 				0 !important;
	background-image:		none !important;
}

section#content #newstabs.ui-tabs .ui-tabs-nav li {
	position: 				relative;
	top: 					1px;
	margin: 				0 !important;
	padding: 				0 !important;
	list-style: 			none;
	border-bottom: 			0 !important;
	white-space: 			nowrap;
	background-image:		url(../images/template/content-newstabs.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top !important;
}

section#content #newstabs.ui-tabs .ui-tabs-nav li a {
	display:				block;
	height:					20px;
	width:					145px;
	padding:				3px 0 0 10px;
	text-decoration: 		none;
	color:					#022852;
	font-size:				12px;
	font-weight:			bold;
}

section#content #newstabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 			0;
	padding-bottom: 		1px;
	background-repeat: 		no-repeat !important;
	background-position: 	left bottom !important;
}

section#content #newstabs.ui-tabs .ui-tabs-nav li.ui-tabs-selected a,
section#content #newstabs.ui-tabs .ui-tabs-nav li.ui-state-disabled a,
section#content #newstabs.ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: 				text;
	background-position: 	right bottom !important;
	color:					#FFF;
}

section#content #newstabs.ui-tabs .ui-tabs-nav li a,
section#content #newstabs.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: 				pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

section#content #newstabs.ui-tabs {
	display: 				block;
	padding:				0 0 15px 0;
}

section#content #newstabs.ui-tabs .ui-tabs-hide {
	display: 				none !important;
}

/*
--------------------------------------------------------
TAB PANEL
--------------------------------------------------------
*/

section#content #newstabs.ui-tabs .ui-tabs-panel {
	display: 				block;
	width:					755px;
	padding:				0 0 0 30px;
}

section#content #newstabs .entry {
	padding:				15px 0 15px 0;
	background-image: 		url(../images/template/news-line.gif);
	background-repeat: 		repeat-x;
	background-position: 	left bottom;	
}

section#content #newstabs .entry.first {
	padding-top:			0 !important;
}

section#content #newstabs.ui-tabs .newsbody {
	width:					520px;
}

section#content #newstabs header .h2 {
	float:					left;
	width:					420px;
	font-size:				12px;
	line-height:			12px;
	color:					#022852;
	font-weight:			bold;
}

section#content #newstabs header {
	height:					auto !important;

}

section#content #newstabs header .releasedate {
	float:					right;
}

section#content #newstabs header .monthlong {
	padding:				2px 3px 2px 0;
	font-size:				19px;
	color:					#8b8c8d;
	font-weight:			bold;
	text-transform:			uppercase;
	border-right:			1px solid #8b8c8d;
}

section#content #newstabs header div.left {
	padding:				0 15px 0 3px;
}

section#content #newstabs header a {
	display:				block;
	padding:				2px 0 0 0;
	width:					25px;
	height:					20px;
	background-image: 		url(../images/template/news-link.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left 2px;
}

section#content #newstabs header .month,
section#content #newstabs header .day {
	display:				block;
	font-size:				11px;
	line-height:			11px;
	color:					#8b8c8d;
	font-weight:			bold;
}

section#content #newstabs.ui-tabs .img {
	width:					210px;
}




/* Contact
------------------------------------------------------*/
#contactFormArea form {
	margin:					0; 
	padding:				0;
}

#contactFormArea fieldset {
	border:					0;
	margin:					0;
	padding:				0; 
}

#contactFormArea label {
	width:					80px;
	font-size:				12px;
	color:					#39383e;
	padding-right:			15px;
	margin-top:				6px;
	float:					left; 
}

#contactFormArea label.radiovalue {
	width:					auto !important;
	margin:					2px 0 0 10px !important;
}

#contactFormArea h2 {
	color:					#39383e;
	font-weight:			bold;
	margin-bottom:			20px;
}

.textfield{
	background-color:		#c2c6cb;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	behavior:				url(border-radius.htc);
	border:					1px solid #e5e7ea;
	font-size:				12px; 
	padding:				7px 5px; 
	margin:					0px 0px 16px 0px; 
	color:					#39383e;
	display:				block;
	width:					340px;
}
.textarea{
	background-color:		#c2c6cb;
	-moz-border-radius:		6px;
	-webkit-border-radius:	6px;
	overflow:				hidden;
	border:					1px solid #e5e7ea;
	font-size:				12px; 
	padding:				7px 5px; 
	margin:					0px 0px 12px 0px; 
	color:					#39383e;
	display:				block;
	width:					340px
}
#buttonsend {
	display:				block;
	margin:					15px 30px 0 0;
}

.require{
	float:					right;
	display:				inline;
	color:					#f00;
	font-weight:			bold;
	margin-right:			8px;
}

.lftside,
.rghside {
	width:					460px;
}

.rghside {
	margin-left:			15px;	
}

.coseperator {
	margin:					25px 0 25px 0;
	height:					10px;
	background-image: 		url(../images/template/content-seperator.gif);
	background-repeat: 		no-repeat;
	background-position: 	left top;		
}





/*
----------------------------
MAIN CROSSBAR
----------------------------
*/

section#crossbar {
	float:					left;
	padding:				20px 0 0 0;
	width:					193px;
}

section#crossbar a.products {
	display:				block;
	width:					193px;
	height:					79px;
	margin-bottom:			4px;		
	text-indent:			-9999px;
	background-image: 		url(../images/crossbar-links.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

section#crossbar a.crossmetal {
	background-position: 	left top;
}

section#crossbar a.crossmetal:hover {
	background-position: 	left -245px;
}

section#crossbar a.crosswood {
	background-position: 	left -83px;
}

section#crossbar a.crosswood:hover {
	background-position: 	left -328px;
}

section#crossbar a.crossspecial {
	background-position: 	left -166px;
}

section#crossbar a.crossspecial:hover {
	background-position: 	left -411px;
}

/*
--------------------------------------------------------
NEWS
--------------------------------------------------------
*/

.infobar {
	height:					24px;
	background-color:		#c2c6cb;
}

/*
----------------------------
MAIN ASIDE
----------------------------
*/

aside {
	float:					right;
	padding:				20px 34px 0 0;
	width:					316px;
	padding-right:			34px;
}

/*
--------------------------------------------------------
TABS
--------------------------------------------------------
*/

aside .blockbox{
	display:				block;
	margin-bottom:			30px;
}

aside #tabs {
	display:				block;
	padding:				0 0 0 0;
}


aside .ui-tabs {
	position: 				relative;
	zoom: 					1;
} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */

aside .ui-tabs .ui-tabs-nav {
	margin: 				0 !important;
	padding: 				0 !important;
	background-image:		none !important;
}

aside .ui-tabs .ui-tabs-nav li {
	position: 				relative;
	top: 					1px;
	margin: 				0 !important;
	padding: 				0 !important;
	list-style: 			none;
	float: 					left;
	border-bottom: 			0 !important;
	white-space: 			nowrap;
	background-image:		url(../images/template/aside-tabs.png) !important;
	background-repeat: 		no-repeat;
	background-position: 	left top !important;
}

aside .ui-tabs .ui-tabs-nav li a {
	display:				block;
	float: 					left;
	height:					26px;
	width:					126px;
	padding:				5px 0 0 31px;
	text-decoration: 		none;
	color:					#929aa0;
	font-weight:			bold;
}

aside .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 			0;
	padding-bottom: 		1px;
	background-repeat: 		no-repeat !important;
	background-position: 	left bottom !important;
}

aside .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: 				text;
	background-position: 	right bottom !important;
	color:					#FFF;
}

aside .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	cursor: 				pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

aside .ui-tabs .ui-tabs-panel {
	display: 				block;
	padding:				0 0 0 0;
}

aside .ui-tabs .ui-tabs-hide {
	display: 				none !important;
}

/*
--------------------------------------------------------
TAB PANEL NEWS
--------------------------------------------------------
*/

aside .entry {
	display: 				block;
	padding:				15px 0 15px 0;
	background-image: 		url(../images/template/aside/entry-footer.png);
	background-repeat: 		repeat-x;
	background-position: 	bottom;
}

aside .entry .img {
	width:					122px;
}

aside .entry .topic {
	width:					194px;
}

aside .entry .h1 {
	color:					#022852;
}

/*
--------------------------------------------------------
ADDITONAL
--------------------------------------------------------
*/

aside .additional {
	background-image: 		url(../images/template/properties-background.png);
	background-repeat: 		repeat-x;
	background-position: 	left 14px;	
}

aside .header div {
	float:					left;
	background-repeat: 		no-repeat;
	background-position: 	left top;
}

aside .header div span {
	display:				block;
	height:					26px;
	padding:				5px 15px 0 31px;
	background-repeat: 		no-repeat;
	background-position: 	right top;
	color:					#FFF;
	font-weight:			bold;
}

aside .header.red div {
	background-image: 		url(../images/template/header-bg-red.png);
}

aside .header.red div span {
	background-image: 		url(../images/template/header-bg-end-red.png);
}

aside .header.blue div {
	background-image: 		url(../images/template/header-bg-blue.png);
}

aside .header.blue div span {
	background-image: 		url(../images/template/header-bg-end-blue.png);
}

/*
----------------------------
FOOTER
----------------------------
*/
footer {
	display:				block;
	margin:					0;
	padding:				24px 0 0 0;
	height:					44px;
	font-size:				12px;
	text-align:				center;
	background-image: 		url(../images/template/background-footer.jpg);
	background-repeat: 		no-repeat;
	background-position: 	left top;
}































/* 
 * print styles
 * inlined to avoid required HTTP connection www.phpied.com/delay-loading-your-print-css/ 
 */
@media print {
  * { background: transparent !important; color: #444 !important; text-shadow: none; }

  a, a:visited { color: #444 !important; text-decoration: underline; }

  a:after { content: " (" attr(href) ")"; } 

  abbr:after { content: " (" attr(title) ")"; }
  
  .ir a:after { content: ""; }  /* Don't show links for images */
  
  pre, blockquote { border: 1px solid #999; page-break-inside: avoid; }
  
  img { page-break-inside: avoid; }

  @page { margin: 0.5cm; }

  p, h2, h3 { orphans: 3; widows: 3; }

  h2, h3{ page-break-after: avoid; }
}



/*
 * Media queries for responsive design
 */

@media all and (orientation:portrait) { 
  /* Style adjustments for portrait mode goes here */
  
}

@media all and (orientation:landscape) { 
  /* Style adjustments for landscape mode goes here */
  
}

/* Grade-A Mobile Browsers (Opera Mobile, iPhone Safari, Android Chrome)  
   Consider this: www.cloudfour.com/css-media-query-for-mobile-is-fools-gold/ */
@media screen and (max-device-width: 480px) {
  
  
  /* Prevent iOS, WinMobile from adjusting font size */
  html { -webkit-text-size-adjust:none; -ms-text-size-adjust:none; } 
}