/*--------------------------------------------------------*/
/*	Copyright: OAQ										  */
/*	Author: Peter Stulzer, Nose Applied Intelligence AG   */
/*          Stefan Tan, Nose Applied Intelligence AG      */
/*--------------------------------------------------------*/
/*	general html reformating                              */
/*--------------------------------------------------------*/
body {
	margin: 0;
	padding: 0 0 0 18px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
td{	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;}
a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #211F99;
}
a:link { 
	color: #211F99;} 
a:visited {
	color: #211F99;}
a:hover {
	color: #666666;}
a.linkbig:link {
	color: #211F99;
	font-weight: bold;} 
a.linkbig:visited {
	color: #211F99;
	font-weight: bold;}
a.linkbig:hover {
	color: #666666;
	font-weight: bold;}
img {
	border: 0px;}
form {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
}
input, select {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #ffffff;
	height: 18px;
	vertical-align: middle;
}
input.submit {
	padding: 0;
	margin: 0;
	color: #211F99;
	cursor: pointer;
	border: 1px solid #211F99;
	height: 18px;
	line-height: 14px;
}
select {
	width: 300px;
}

/* invisible */
.invisible {
	position:absolute;
	left:-1000px;
	top:-1000px;
	visibility:hidden;
	width:0;
	height:0;
	line-height:0;
}

/*--------------------------------------------------------*/
/*	main structure styles                                 */
/*--------------------------------------------------------*/
#header {
	margin: 0;
	padding: 0;
	width: 750px;
	color: #666;
	/*float: left;*/
}
#container {
	margin: 0;
	padding: 0;
	width: 750px;
	/*float: left;
	clear: both;*/
}
#pagenav {
	margin: 0;
	padding: 20px 0 0 0;
	float: left;
	width: 200px;
	border-top: 1px solid #999;
}	
#maincontent {
	margin:  0;
	padding: 0;
	float: right;
	width: 520px;
}
#content {
	margin: 0;
	padding: 18px 0 0 0;
	float: left;
	width: 320px;
	border-top: 1px solid #999;
}
#content.fullpage{
	width: 520px;
}
#marginal {	
	margin: 0;
	padding: 18px 0 0 0;
	float: right;
	width: 160px;
	border-top: 1px solid #999;
}
#lageplan{
	clear: both;
}

/*--------------------------------------------------------*/
/*	header                                                */
/*--------------------------------------------------------*/
#header img {
	border: 0;
}
#header .logo{
	width: 300px;
}
#header .logo a{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
}
#header .logo a:link{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
}
#header .logo a:visited{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
}
#header .logo a:hover{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
}
#header .logo a:active{
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
}
#header .logotype {  
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	font-weight: bold;
	color: #646464;
	margin: 0;
	padding: 0 0 18px 0;
}
#header .search{
	text-align: right;
	padding: 20px 0 0 0;
	width: 300px;
	float: right;
	vertical-align: middle;
}
#header .search input{
	font-size: 11px;
	line-height: 15px;
	height: 15px;
}
#header .search input.searchtext{
	width: 108px;
	padding: 0 2px; 
}
#header .search input.searchsubmit{
	padding: 0 8px !important;
	padding: 0 2px;
	margin: 0;
	color: #211F99;
	border: 1px solid #211F99;
	cursor: pointer;
	height: 17px;
	line-height: 14px;
	width: auto;
}
#header .search input.searchsubmit:hover{
	/*color: #666;*/
}
#header .topnav{
	width: 750px;
	padding: 2px 0 22px 0;
	text-align: right;
	border-top: 1px solid #211F99;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000;
}
#header .topnav a{
	font-size: 11px;
}
#header .topnav ul{
	margin: 0;
	padding: 0;
}
#header .topnav ul li{
	margin: 0;
	padding: 0 0 0 6px;
	display: inline;
	list-style-type: none;
	list-style-position: inside;
}

/*--------------------------------------------------------*/
/* navigation                                             */
/*--------------------------------------------------------*/
div#pagenav a {
	font-size: 11px;
	text-decoration: none;
}
div#pagenav ul {
	margin: 0;
	padding: 0;
	color: #211F99;
	border-bottom: 1px solid #999;
}
div#pagenav ul ul{
	font-weight: normal;
	border-bottom: 0;
}
div#pagenav ul li {
	margin: 0;
	padding: 0;
	display: block;
	list-style: none;
	border-top: 1px solid #999;
}
div#pagenav ul li a {
	padding: 3px 3px 3px 18px;
  margin: 0;
	background-color: #EBEBEB;
	background-image: url(node_0_all.gif);
	background-repeat: no-repeat;
	color: #211F99;
	display: block;
	
}
div#pagenav ul ul li a {
	margin-left: 16px;
	background-color: #FFF;
	background-image: url(node_1_all.gif);
}
div#pagenav ul ul ul li a {
	margin-left: 32px;
}
div#pagenav ul ul ul ul li a {
	margin-left: 48px;
}

div#pagenav li.active a {
	font-weight: bold;
	background-position: 0 -482px;
}
div#pagenav li.active li a {
	font-weight: normal;
	background-position: 0 0px;
}
div#pagenav ul li.open a {
	background-image: url(down_all.gif);
}
div#pagenav ul li.closed a {
	background-image: url(right.gif);
}
div#pagenav ul li.leaf a {
	background-image: url(node_0_all.gif);
	text-decoration: none;
}
div#pagenav ul ul li.leaf a {
	background-image: url(node_1_all.gif);
}
div#pagenav ul li a:hover {
	color: #C00;
}


/*--------------------------------------------------------*/
/*  maincontent                                           */
/*--------------------------------------------------------*/
#content h1, #lageplan h1 {
	font-size: 16px;
	color: #ee1020;
	padding: 0 0 20px 0;
	margin: 0;
	font-weight: bold;
	line-height: 21px;
}
#content h2, #content h3, #lageplan h2, #lageplan h3 {
	font-size: 12px;
	color: #000;
	padding: 5px 0 2px 0;
	margin: 0;
	line-height: 18px;
	font-weight: bold;
}
#content p, #lageplan p {
	margin: 0;
	padding: 0;
	line-height: 18px;
}
#content p{
	margin-bottom: 18px;
}
#content p.toplink, #lageplan p.toplink {
	text-align: right;
}
#content p.toplink a, #lageplan p.toplink a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #211F99;
	text-decoration: none;
}
#content p.error {
    color: #ee1020;
    font-weight: bold;
}
#content a, #lageplan a {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #211F99;
}
#content a:hover{
	color: #666;
}
#content p a:hover{
	color: #666;
}

/* list */
#content ul{
	margin: 0 0 18px 16px;
	padding: 0;
}
#content ul li{
	margin: 0;
	padding: 0;
	line-height: 18px;
	list-style-position: outside;
	list-style-image: url(icon_list_iemac.gif);
	/* following is not read by ie mac, to fix the position of list icon*/
	/* \*/
	list-style-image: url(icon_list.gif);
	/* */
}
#content ol{
	margin: 0 0 18px 0;
	padding: 0;
}
#content ol li{
	margin: 0 0 0 22px;
	padding: 0;
	line-height: 18px;
	list-style-position: outside;
}

/* link list */
#content ul.links li {
	list-style-image: url(icon_list_link.gif);
}


/* image */
#content img {
	border: 0;
}
#content img.ungerahmt {
	border: 0px;
}


/* table */
#content table{
	width: 100%;
	margin: 0;
	padding: 0;
	border: 0;}
#content table td{
	line-height: 18px;
	vertical-align: top;
	margin: 0;
	padding: 2px 4px 2px 0;
	border: 0;}
#content table.person{}
#content table.person td.portrait{
	width: 104px;
	padding: 0;}
#content table.medienmitteilung{}
#content table.medienmitteilung td{}
#content table.pers_kontakt td{
	width: 50%;
	line-height: 15px;
	padding: 0 0 10px 0;
}
#content input {
  margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #ffffff;
	height: 18px;
	width: 180px;
}
#content textarea {
  margin: 0;
	padding: 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	border: 1px solid #999999;
	background-color: #ffffff;
	width: 180px;
}
#content input.submit {
	color: #211F99;
	cursor: pointer;
	border: 1px solid #211F99;
	height: 20px;
	line-height: 14px;
	padding:0 3px;
	width:auto;
}
#content input.cbox {
  width: 14px;
	margin: 4px 2px 0 0;
	padding: 0;
	height: 14px;
	border: 0px;
	vertical-align: text-bottom;
}
#content input.submit:hover{
	color: #F00;
	border-color: #F00;
}

/* input text */
#content input.text {	
}
#content input.tlarge {	
	width:360px;
}

/* block */
#content .block {
	margin:0 0 24px 0;
}

/* box */
#content .box {
	margin:0 0 24px 0;
	border-top:1px solid #AAAAAA;
	border-bottom:1px solid #AAAAAA;
}
#content .box h2 {
	padding:5px 5px 3px 5px;
	background-color:#BDBFC1;
}
#content .box h2 a {
	text-decoration:none;
	color:#000000;
}
#content .box_content {
	padding:10px 5px 2px 5px;
	border-top:1px solid #AAAAAA;
	background-color:#EBEBEB;
}
#content #box_news .box_content {
	padding-top:5px;
}

/* box elements */
#content .box p {
	margin-bottom:6px;
}
#content .box form {
	margin:0 0 12px 0;
}
#content .box ul {
	margin:0 0 12px 16px;
}


/*--------------------------------------------------------*/
/*  marginalen                                            */
/*--------------------------------------------------------*/
#marginal {
	font-size: 11px;}
#marginal a, a:link, a:visited, a:hover, a:active{
	font-size: 11px;
	text-decoration: underline;
}
#marginal a:hover{
	color: #666;
}
#marginal ul {
	padding: 4px 0 4px 0;
	margin: 0;
	border-bottom: 1px solid #CCC;
}
#marginal ul li{
	margin: 0;
	padding: 0 0 4px 0;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
}
#marginal h1{
	margin: 0;
	padding: 0;
	font-size: 11px;
	font-weight: bold;}
#marginal h2, h3{
	margin: 0;
	padding: 8px 0 0 0;
	font-size: 11px;
	font-weight: bold;}
#marginal p {
	margin: 0px;
	padding: 5px 0px 0px 0px;
}
#marginal p.adresse{
	line-height: 14px;
	margin-bottom: 4px;
}
#marginal p.version{
	margin: 0;
	line-height: 18px;
	border-top: 1px solid #CCC;
}

/*--------------------------------------------------------*/
/*  formular                                              */
/*--------------------------------------------------------*/
#content form{
	margin: 0;
	padding: 0;
}

#content input.rdbttn, #content input.chckbx{
	border: none;
	width: auto;
	margin:0 3px 0 10px;
	vertical-align: middle;
}
#content fieldset{
	margin: 0 0 30px 0;
	padding: 0;
	border-top: 1px solid #999;
	border-left: none;
	border-right: none;
	border-bottom: none;
}
#content fieldset fieldset{
	margin: 0;
	border-top: none;
	border-left: none;
	border-right: none;
	border-bottom: 1px solid #999;
	margin-bottom: 7px;
}
#content fieldset fieldset.noborder{
	border: none;
}
#content fieldset td{
	padding: 2px 4px;
}
#content fieldset td.indent{
	padding-left: 14px;
}
#content fieldset .indentLeft{
	padding-left: 15px;
}
#content fieldset input{
	margin: 0 0 10px 0 ;
	width: 180px;
}
#content .w30{	width: 30px;}
#content .w40{	width: 40px;}
#content .w50{	width: 50px;}
#content .w60{	width: 60px;}
#content .w70{	width: 70px;}
#content .w80{	width: 80px;}
#content .w90{	width: 90px;}
#content .w100{	width: 100px;}
#content .w120{	width: 120px;}
#content .w125{	width: 125px;}
#content .w130{	width: 130px;}
#content .w140{	width: 140px;}
#content .w150{	width: 150px;}
#content .w160{	width: 160px;}
#content .w200{	width: 200px;}
#content .w250{	width: 250px;}
#content .w300{	width: 300px;}
#content .w350{	width: 350px;}
#content .w400{	width: 400px;}
#content .w450{	width: 450px;}
#content .w510{	width: 510px;}
#content legend{
	color: #666;
	font-weight: bold;
	margin: 0 0 5px 0;
	padding: 0 5px 0 0;
}
#content label, #content span.label{
	margin: 0 0 10px 0;
}
#content label.free{
	width: auto;
	display: inline;
	float: none;
}
#content .comment, #content .comment a{
	font-size: 10px;
}
#content td.error {
    color: #ee1020;
    font-weight: bold;
}
#content input.chckbx, #content input.rdbttn {
	width:auto;
	height:auto;
}
/* STEMPEL DOWNLOAD VISUAL */
#content div#siegel_visual{
	width: 128px;
	margin-left: 25px;
	text-align: center;
}
#content div#siegel_visual_print{
	width: 100px;
	height: 100px;
	margin-left: 40px;
	background-image: url(oaq_sl_rgb_print_preview.gif);
	background-repeat: no-repeat;
}
/* GUETEZEICHEN DOWNLOAD VISUAL */
#content div#zeichen_visual{
	width: 128px;
	margin-left: 40px;
	/*text-align: center;*/
}
#content div#zeichen_visual_print{
	width: 128px;
	height: 128px;
	margin-left: 40px;
	background-image: url(oaq_gz_rgb_print_preview.gif);
	background-repeat: no-repeat;
}