/***************************************************
* CSS IMPRS
* (c) akea webdesign
* author:  Gina Steiner (steiner@akea.de),
* Last Modified: 19.06.2006, 31.08.2006
****************************************************/
@charset "iso-8859-1";

/* begin with generic selectors: can be overridden by classes deeper in the stylesheet */
.clear {
	clear: both;
	padding-bottom: 1px;	/* for Gecko-based browsers */
	margin-bottom: -1px;	/* for Gecko-based browsers */
}
.hide {
	display: none !important;
}
.inside {
	/*padding: 0 1em;*/
         padding: 0px;
         overflow: auto;
}
/* margin values for consistence across browser platforms */
dl, p, h3, h4, h5, h6 {
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 0;
	padding-bottom: 0;
}
ul, ol {
	margin-top: 20px;
	margin-bottom: 20px;
}

h1, h2 {
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 0;
	padding-bottom: 0;
}
h1 {
	font-size: 140%; /*180*/
}
h2 {
	font-size: 120%;
}
h3 {
	font-size: 120%;
}
h4 {
	font-size: 100%;
}
h5 {
	font-size: 80%;
}
h6 {
	font-size: 60%;
}

/* alter some HTML elements' default style */
a, a:link, a:visited, a:active {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
code {
	font-family: "Courier New", Courier, monospace;
}
label {
	cursor: pointer;
}
table {
	font-size: 100%;
}
td, th {
	vertical-align: top;
}

/* core layout: positioning and gutter space. colors and fonts should not come into play at this point */
body {
         margin: 0px 21px 0px 21px;
	font-size: 100.1%;	/* resolve some font size issues in some layouts for some browsers */
}
#pageWrapper {
	border-width: 0px 1px 0px 1px;
         border-style: dotted;
	min-width: 40em;	/* IE doens't understand this property.*/
	width: auto;
}
* html #pageWrapper {
	/* \*/
		word-wrap: break-word;
	/* invalid CSS but keeps IE from breaking horribly under narrow viewports */
}
#masthead {
	padding: 0;
	margin: 0;
	height: 96px;
        clear: both;
        overflow-y:hidden;
}
#logo {
	float: left;
         margin: 5px;
}
#masthead h1 {
	padding: 12px;
	margin: 0px;
}
#outerColumnContainer {
	/* reserves space for the left and right columns. you can use either
	 * padding, margins, or borders, depending on your needs. however you
	 * can use the border method to create a background color for both left
	 * and right columns
	 */
	border-left: solid 18em #fff;
	border-right: solid 18em #fff;
}
#innerColumnContainer {
	/*border: solid 1px #fff;
	border-width: 0 1px;
	margin: 0 -1px;*/		/* compensate for the borders because of 100% width declaration */
	width: 100%;
	z-index: 1;
}
#leftColumn, #middleColumn, #rightColumn, * html #SOWrap {
	overflow: visible;	/* fix for IE italics bug */
	position: relative;	/* fix some rendering issues */
}
#SOWrap {
	float: left;
	margin: 0 -1px 0 0;
	width: 100%;
	z-index: 3;
}
#middleColumn {
	float: right;
	margin: 0 0 0 -1px;
	width: 100%;
	z-index: 5;
}
#content {
	margin: 0px 10px 5px 10px;
	padding: 0px;
}
#middleColumn div.inside p{
	text-align: justify;
}
#leftColumn {
	float: left;
	margin: 0 1px 0 -18em;
	width: 18em;
	z-index: 4;
}
#rightColumn {
	float: right;
	width: 18em;
	margin: 0 -18em 0 1px;
	z-index: 2;
}
p.fontsize-set {
	text-align: center;
}
p.fontsize-set img {
	border-width: 0;
}


/* ---------------------------- COLORS ------------------------------- */
/* everything below this point is related to the page's "theme" and could be
 * placed in a separate stylesheet to allow for multiple color/font scemes on
 * the layout. you should probably leave a default theme within this stylesheet
 * just to be on the safe side.
 */
/*#masthead, , #footer, .vnav ul, .vnav ul li, .hnav, .hnav ul li a*/
#innerColumnContainer {
	border-color: #fff;
}
html, body {
	/* don't apply a font-size value to the html or body elements, set it in #pageWrapper */
	background-color: #fff;
	color: #000;
	font-family: verdana, arial, helvetica, sans-serif;
}
#pageWrapper
{
	font-size: 80%;	/* set your default font size here. */
}
#masthead {
	background-color: #fff;
	color: #7CA6A6;
}
#outerColumnContainer {
	border-left-color: #fff;	/* left column background color */
	border-right-color: #fff;	/* right column background color */
	background-color: #fff;		/* set the background color for the
					   middle column here */
}
#rightColumn .inside {
	/* if you apply a font size to just #rightColumn, then its width,
	 * which is specified in EMs, will also be affected. you don't want
	 * that. so apply font size changes to the .inside element which exists
	 * inside underneath all three columns
	 */
	font-size: 105%;
}
#leftColumn .inside #vnav {
	font-size: 105%;
}


/*colors of the footer stuff*/
#footer {
	background-color: #7CA6A6;
	color: #fff;
         font-size: 80%;
         height: 21px;
         line-height: 21px;
         /*float:right;*/
         clear: both;
}
#copy {
	position: relative;
         left: -15px;
	margin: 0;
         padding: 0;
	height: 21px;
         line-height: 21px;
	text-align: right;
         float: left;
}
#copy a {
	color: #fff;
	font-size: 10px;
}
#center {
	margin: 0;
	height: 21px;
         line-height: 21px;
	text-align: center;
}
#center a {
	color: #fff;
	font-size: 10px;
}
/* background stuff*/
#hintergrund div {
         position: absolute;
         width: 20px;
	background-color: #E6F2F2;
         margin: 0px;
         padding: 0px;
}
#rechts1 {
         height: 20px;
         right: 0px;
         top: 0px;
}
#rechts2 {
         height: 21px;
         right: 0px;
         top: 100px;
}
#links1 {
         height: 20px;
         left: 0px;
         top: 0px;
}
#links2 {
         height: 21px;
         left: 0px;
         top: 100px;
}

#rechts3 {
         position: relative;
         width: 20px;
	background-color: #E6F2F2;
         padding: 0;
         height: 21px;
         right: -22px;
         float: right;
}
#links3 {
         position: relative;
         width: 20px;
	background-color: #E6F2F2;
         height: 21px;
	left: -22px;
         float: left;
}
/* print stuff*/
#printcontainer {
	font-size: 80%;
}
#printheader {
	color: #7CA6A6;
	font-size: 140%;
}
#printimage {
	float: right;
}
#printcontent {

}