/* ---------------- initialisierung ---------------- */
html, body, ul, ol, li, p, h1, h2, h3, h4 ,h5, h6, form, fieldset {margin: 0; padding: 0; border: 0;}

/* hide from IE mac \*/
html {min-height: 100%; margin-bottom: 1px;}
/* end hiding from IE mac */

body {
	background-color: #002C59;
	font: 62.5%/75% Verdana, Arial, Helvetica, sans-serif; /* ab jetzt ist 1 em = 10px */
	color: #000;
	text-align: center; /*  hack fuer zentrierung */
	}
	
#container {
	width: 950px;
	color: #000;
	background-color: #FFFDE3;
	font-size: 1.1em;
	line-height: 1.5em;
	margin-left: auto; /* 3 zeilen hack fuer zentrierung */
	margin-right: auto;
	text-align: left;
	}
	
img {font: 80%/100% Verdana, Arial, Helvetica, sans-serif;} /* fuer browser ohne bilddarstellung */
a img {color: #000;}
	
/* fuer foto-pop-ups */
/*
#popupbody {background-color: #FFFDE3;}
#popupcontainer {width: 400px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 30px;}
#popupcontainerup {width: 300px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 30px;}
#popupbody strong {font-weight: bold; color: #A6A686;}
#popupbody .small {font-size: 9px;}
#caption {margin: 20px 0; text-align: left;}
*/


/* allgemeine typo--------------------------------------------------*/
p {margin-bottom: 10px;}

a:link, a:visited {color: #F96; text-decoration: none;}
a:hover {color: #F96; text-decoration: underline;}

h1, h2, h3 {font-family: Verdana, Arial, Helvetica, sans-serif; color: #A6A686;}
h1 {font-size: 1.8181em; line-height: 1.2; margin-bottom: 10px; font-weight: normal;}
h2 {font-size: 1.1em; margin-bottom: 5px; margin-top: 20px;}
h2.kontakt {display: block; margin-top: 40px; margin-bottom: 10px;}
h3 {font-size: 1em;}

span.caption {font-size: 0.8181em; line-height: 1.1; margin-top: 5px; display: block;}


	
/* header und navi--------------------------------------------------*/
#header {width: 950px; height: 200px; background: url(../images/basics/q110-header-950.jpg) no-repeat;}
	
#nav {width: 580px; height: 50px; position: relative; left: 310px; top: 110px;}

#mainnav {width: 570px; height: 20px; font-size: 1.0909em;}
#mainnav a, #mainnav a:hover, #mainnav a:visited {color: #FFFDE3; text-decoration: none; font-weight: bold;}
#mainnav .active {font-weight: bold; color: #F96;}

#subnav {width: 530px; margin-top: 10px; color: #F96;}
#subnav a {text-decoration: none; font-weight: normal;}
#subnav a:hover {text-decoration: underline;}
#subnav .active {color: #F96; font-weight: bold;}
#subnav .subnavi {color: #F96; font-weight: normal;}
#subnav .navspace {padding-right: 2px; padding-left: 2px;}

	

/* inhalt --------------------------------------------------*/
#content {width: 840px; margin-top: 20px; margin-left: 60px;}
.imgleft {float: left; margin-right: 20px;}
.spacer {clear: both; margin-top: 20px;}

#mainbig {width: 720px; display: block; margin-left: 50px;} /* veraltet fuer flash-plaene */
#mainwide {width: 590px; margin-left: 225px;} /* fuer inhalte, die breiter sind und entsprechend weiter nach rechts laufen, etwas nach links gerueckt, daher muessen heads wieder zurueckgerueckt werden */
#mainwide h1 {margin-left: 25px;}
#mainwide #footer {margin-left: 25px;}

#main {width: 500px; margin-left: 250px;}
#main p {display: block; width: 470px; margin-top: 0px;}
#main strong {font-weight: bold; color: #A6A686;}

#main img {/*display: inline; margin-top: 10px;*/}
#main .imgspacer {margin: 0 20px;}
#main .imgspaceright {margin-right: 20px;}

#main object {display: inline;}

#main ul {display: block; width: 400px; margin-left: 0px;}
#main li {list-style-position: outside; list-style-image: url(../images/basics/bullet.gif); list-style-type: square; margin-bottom: 10px;}

#main .vertspace {margin: 5px 0px;} /* abstand oben und unten */

.totop {display: block; font-size: 0.8181em; margin-top: 20px;}/* link zum anfang der seite */


/* sitemap-formatierung --------------------------------------------------*/
#mainleft {float: left; display: block; width: 160px;}
#mainright {margin-left: 180px; display: block; width: 250px;}


/* pressematerial-formatierung  --------------------------------------------------*/
#pressematerial {width: 460px;}
#pressematerial strong {display: block; margin-top: -3px; margin-bottom: -15px;}

#pressematerial .row {}
#pressematerial .row .left {float: left; width: 100px; text-align: left;}
#pressematerial .row .left img {margin-top: 0px;}
#pressematerial .row .right {float: right; width: 350px; text-align: left;}

#pressematerial .spacer {clear: right;}
	

/* margin --------------------------------------------------*/
#margin, #margin2, #margin3 {float: left; width: 200px; text-align: right; color: #A6A686;}
#margin em, #margin2 em, #margin3 em {font-style: normal;}
#margin img, #margin2 img, #margin3 img {display: inline; margin-top: 3px;}
#margin {margin-top: 35px;} /* margin bei 1zeiligen heads */
#margin2 {margin-top: 55px;} /* margin bei 2zeiligen heads */
#margin3 {margin-top: 90px;} /* margin bei 3zeiligen heads */

/* marginnav --------------------------------------------------*/
ul.marginnav {list-style-type: none; margin-top: 0px;}
ul.marginnav li.active {font-weight: bold; color: #F96;}


/* footer  --------------------------------------------------*/
#footer {clear: both; height: 50px; margin-top: 40px; font-size: 0.9em;}
#footer .mainbig {margin-left: 250px; font-size: 1em;}
#footer a {color: #000; text-decoration: none;}
#footer a:hover {color: #000; text-decoration: underline;}


/* tabellen  --------------------------------------------------*/
.tab {border-collapse: separate; border-spacing: 5px; text-align: center;}
.tab td, .tab th {padding: 0px 5px;}
.tab td.small, span.small {font-size: 0.8181em;}
.tabhead, .tabheadtop {color: #FFF; background-color: #A6A686; vertical-align: middle; font-weight: bold;}
.tabhead {height: 20px;}
.tabheadtop {height: 35px;}

.tabcontent, .tabcontenta, .tabcontentb, .tabcontentc {height: 20px; vertical-align: middle;}
.tabcontent {background-color: #FFF;}
.tabcontenta {background-color: #FC9;}
.tabcontentb {background-color: #FFC;}
.tabcontentc {background-color: #FFE2E8;}
	

/* diverses  --------------------------------------------------*/
.space {margin-top: 10px;}
.border {border: 1px solid #999;}


/* formular  --------------------------------------------------*/
input {border: 1px solid #A6A686; background-color: #FFE; color: #000;}
textarea {background-color: #FFE; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1em;}

.formtextfielda {width: 400px;}
.formcheckbox {background-color: #002C59; border: none;}
.formbutton {font-size: 10px; background-color: #F96; width: 90px;}


/* homepage  --------------------------------------------------*/
#homeheader {display: block; width: 950px; height: 120px; background-color: #D90036; text-align: center;}
#homeheader img {margin-top: 20px;}

#homenav {width: 950px; height: 30px; background-color: #B4002D; text-align: center;  font-size: 1.0909em; padding-top: 12px;}

#homemainnav {width: 860px; height: 20px; display: inline;}
#homemainnav a, #mainnav a:hover, #mainnav a:visited {color: #FFFDE3; text-decoration: none; font-weight: bold;}
#homemainnav .active {font-weight: bold; color: #F96;}

#homecontent {width: 890px; margin-top: 50px; margin-left: 30px;}

#leftcolumn {width: 220px; float: left;}
#centercolumn {width: 360px; float: left; margin-left: 45px;}
#rightcolumn {width: 220px; float: right;}

#leftcolumn h2, #rightcolumn h2 {background-color: #A6A686; color: #FFF; width: 210px; font-size: 1.0909em; padding: 2px 5px; margin-top: 0px; margin-bottom: 5px;}
.teaser {padding: 5px 5px 10px 5px; border-bottom: 1px solid #A6A686;}
.teaser h3 {font-size: 1em; line-height: 1.1em; margin-bottom: 3px;}
.teaser p {font-size: 0.909em; line-height: 1.3em; margin-bottom: 0px;}
.teaser img {float: left; margin-top: 3px; padding-right: 5px;}


#homefooter {clear: both; margin-left: 265px; height: 50px; margin-top: 40px; font-size: 0.8181em;}
#homefooter a {color: #000; text-decoration: none;}
#homefooter a:hover {color: #000; text-decoration: underline;}


/* veraltet */
#news {float: left; width: 255px; text-align: left; color: #A6A686; margin-left: 20px; margin-top: 20px;}
#news .newsrow {clear: both; margin-top: 0;}
#news .newsrow .newsleft {float: left; width: 95px; text-align: left; margin-top: 0px; margin-bottom: 30px;}
#news .newsrow .newsleft img {margin-top: 5px; display: inline;}
#news .newsrow .newsright {float: right; width: 160px; text-align: left; margin-top: 0px; margin-bottom: 30px;}
#news .spacer {clear: left;}

#intro {width: 360px; margin-left: 330px; margin-top: 20px;}
#intro img {display: inline; margin-top: 20px;}


/* ---------------- skip navigation ------------------- */
#skipnav {position: absolute; z-index: 2; width: 10em; overflow: hidden; top: -100px; left: -1000px;}
#skip a, #skip2 a {}
#skip1 a:focus, #skip2 a:focus, #skip1 a:active, #skip2 a:active {z-index: 99; text-decoration: underline; color: #000; background: #fff;}