@charset "UTF-8";

/** 
 * GLOBAL RESET
 * 
 * v1.0 | 20080212
 */


/* Global reset of paddings and margins for all HTML elements */
*{
	margin:0; padding:0;
}

/* Global reset of paddings and margins for all HTML elements */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 16px;
	vertical-align: baseline;
	background: transparent;
}
body{
	/*line-height: 1;*/
	line-height:19px;
}
ol, ul{
	list-style: none;
}
blockquote, q{
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after{
	content: '';
	content: none;
}

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

/* remember to highlight inserts somehow! */
ins{
	text-decoration: none;
}
del{
	text-decoration: line-through;
}

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

/**
 * CSS
 */

/**
 * MORE USED
 */

.bold{
	font-weight:bold;
}

#bottom_bar .bold{
	color: #ff8924;
}

#bottom_bar p{
	margin:0;
}

/* Correction:margin/padding reset caused too small select boxes. */
option{
	padding-left:0.4em; /* LTR */
} 
select{
	padding:1px;
}

/* Global fix of the Italics bugs in IE 5.x and IE 6 */
* html body *{
	overflow:visible;
}
* html iframe, * html frame{
	overflow:auto;
}
* html frameset{
	overflow:hidden;
}

body{
	/* Fix for rounding errors when scaling font sizes in older versions of Opera browser */
	font-size:100.01%;

	/* (en) Standard values for colors and text alignment */
	/* Vorgabe der Standardfarben und Textausrichtung */
	background:#fff;
	color:#000;
	text-align:left; /* LTR */
}

/* Avoid visible outlines on DIV containers in Webkit browsers */
div{
	outline:0 none;
}

/* Clear borders for <fieldset> and <img> elements */
fieldset, img{
	border:0 solid;
}

/* new standard values for lists, blockquote and cite */
ul, ol, dl{
	margin:0 0 1em 1em; /* LTR */
}
li{
	line-height:1.5em;
	margin-left:0.8em; /* LTR */
}
dt{
	font-weight:bold;
}
dd{
	margin:0 0 1em 0.8em; /* LTR */
}
blockquote{
	margin:0 0 1em 0.8em; /* LTR */
}
blockquote:before, blockquote:after, q:before, q:after{
	content:"";
}

/**
 * Clearing methods
 */

/* clearfix method for clearing floats */
.clearfix:after{
	clear:both;
	content:".";
	display:block;
	font-size:0;
	height:0;
	visibility:hidden;
}

/**
 * Essential for Safari browser !!
 */
.clearfix{
	display:block;
}

/* Alternative solution to contain floats */
.floatbox{
	overflow:hidden;
}

/* IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */
#ie_clearing{
	display:none;
}

/**
 * Hidden elements
 *
 * skip links and hidden content
 */

/* classes for invisible elements in the base layout */
.skip, .hideme, .print{
	position:absolute;
	top:-32768px;
	left:-32768px; /* LTR */
}

/* make skip links visible when using tab navigation */
.skip:focus, .skip:active{
	position:static;
	top:0;
	left:0;
}

/* skiplinks:technical setup */
#skiplinks{ 
	position:absolute;
	top:0px; 
	left:-32768px; 
	z-index:1000; 
	width:100%;
	margin:0; 
	padding:0; 
	list-style-type:none; 
}

#skiplinks a.skip:focus,
#skiplinks a.skip:active{
	left:32768px; 
	outline:0 none;
	position:absolute; 
	width:100%;
}
}

@media screen, projection
{

/**
 * Base layout
 *
 * |-------------------------------|
 * | #header                       |
 * |-------------------------------|
 * | #col1  | #col3        | #col2 |
 * | 200 px | flexible     | 200px |
 * |-------------------------------|
 * | #footer                       |
 * |-------------------------------|
 */

#header{
	position:relative;
}

/* Text Alignment for #topnav content */
#topnav{
	text-align:right; /* LTR */
}

/* Absolute positioning only within #header */
#header #topnav{
	position:absolute;
	top:10px;
	right:10px; /* LTR */
}

/* Backup for correct positioning */
#header, #nav, #main, #footer{
	clear:both;
}

#col1{
	float:left;
	width:200px;
}
#col2{
	float:right;
	width:200px;
}
#col3{
	width:auto;
	margin:0 200px;
}

/* Preparation for absolute positioning within content columns */
#col1-content, #col2-content, #col3-content{
	position:relative;
}

/**
 * Subtemplates
 */
.subcolumns{
	width:100%; overflow:hidden;
}

/* Alternative class for optional support of old Mozilla/Netscape browers */
.subcolumns_oldgecko{
	width:100%;
	float:left;
}

.c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l{
	float:left;
}
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r{
	float:right; margin-left:-5px;
}

.c20l, .c20r{
	width:20%;
}
.c40l, .c40r{
	width:40%;
}
.c60l, .c60r{
	width:60%;
}
.c80l, .c80r{
	width:80%;
}
.c25l, .c25r{
	width:25%;
}
.c33l, .c33r{
	width:33.333%;
}
.c50l, .c50r{
	width:50%;
}
.c66l, .c66r{
	width:66.666%;
}
.c75l, .c75r{
	width:75%;
}
.c38l, .c38r{
	width:38.2%;
}
.c62l, .c62r{
	width:61.8%;
}

.subc{
	padding:0 0.5em;
}
.subcl{
	padding:0 1em 0 0; }
.subcr{
	padding:0 0 0 1em; }

.equalize, .equalize .subcolumns{
	overflow:visible;
	display:table;
	table-layout:fixed;
}

.equalize > div{
	display:table-cell;
	float:none; 
	margin:0; 
	overflow:hidden;
	vertical-align:top;
}

/**
 * Float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE
 */

.subcolumns > div,
.floatbox{ 
	overflow:visible; 
	display:table;
} 

/* make .print class visible */
.print{ 
	position:static; 
	left:0;
}

/* Generic class to hide elements for print */
.noprint{
	display:none !important;
}


/* Backup for correct positioning */
.topnav,
#bottom_bar{
	clear:both;
}