/* [Gallus] - [Online Consulting AG] - [format.css] */

/************************************************
*			Fixes, Workarounds, etc.			*
************************************************/
* {
	margin: 0;
	padding: 0;
	}

/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}  /* IE 7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************
*				Grundlayout						*
************************************************/
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
body {
	text-align: center;
	font-size: 0.75em;
	line-height: 1.5em;
	margin: auto;
	height: 100%; 
	}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width:888px;
	}
#header {
	margin-top: 21px; 
	height: 80px;
	width: 888px;
	font-size: 0.93em;
	position: relative;   
	}
#header img {
	float: left; 
	}
#main {
	width:888px;
	}
#left {
	float: left;
	width: 149px;
	margin-right: 45px;
	height: 300px;   
	}
#headerbild {
	float: left;
	width: 694px;
	height: 139px;
	margin-bottom: 26px;  
	}
#content {
	float: left;
	min-height: 300px;
	height: auto !important;
	width: 438px; 
	margin-right: 45px; 
	color: #6d6e71; 
	}
#right {
	float: left;
	width: 211px;
	color: #6d6e71;  
	}
#footer {
	width: auto; 
	margin: 20px 0 20px 0px; 
	color: #6d6e71; 
	}
/************************************************
*				Style-Elemente					*
************************************************/
img {border: none;}
hr {
	clear: both;
	color: #ccc;
	height: 1px;
	margin: 5px 0;
	border: none; 
	background-color: #ccc;
	}
a, a:link, a:visited {
	text-decoration: none;
	}
a:focus {color: #000;}
address {font-style: normal;
	}

/************************************************
*					Suche						*
************************************************/
#suchresultate {
	margin: 0 0 30px 0; 
	}
#suchresultate label {
	position: absolute;
	left: -999px;
	}
#suchresultate .searchfield {
	padding: 2px 2px 2px 4px;
	border: 1px solid #ccc;
	width: 320px; 
	}
#suchresultate .searchfield:hover, 
#suchresultate .searchfield:active, 
#suchresultate .searchfield:focus {
	background: #e5e5e5;
	}
#suchresultate .submit {
	margin: 0 0 0 10px;
	clear: none; 
	}
	
/* Suchresultate */
#suchresultate input  {
	float: left;
	margin-bottom: 5px; 
	}
.head,
.headdoc {
	background: #e7e7e7;
	padding: 3px 2px 3px 5px;
	margin: 0 0 10px 0;  
	}
.paging {
	clear: both; 
	font-weight: bold;
	margin-bottom: 10px;
	}
#suchresultate h2 {
	font-size: 1em;
	margin: 3px 0 3px 0;
	}
	
/************************************************
*					Navigation					*
************************************************/
/* Stufe 1 */
#hnav {
	display: block;
	width: 100%;
	height: 139px; 
	background: url('../1/images/bg_hnav.gif') 0px 0px no-repeat;  	
	}
#hnav li {
	border-top: solid 1px #0063be; 
	line-height: 22px;
	}
#hnav li a, 
#hnav li a:link, 
#hnav li a:visited { 
	color: #6d6e71; 
	}
#hnav li a:hover, 
#hnav li a:active, 
#hnav li a:focus{
	color: #0063be; 
	}
#hnav li a.active, 
#hnav li a.active:link, 
#hnav li a.active:visited {
	font-weight: bold; 
	color: #0063be; 
	}
	
/* Sekundaere Navigation */
/* Stufe 1 */
#snav {
	display: block;
	width: 100%; 
	line-height: 21px; 
	margin-top: 26px;  
	}
#snav li a, 
#snav li a:link, 
#snav li a:visited {
	color: #6d6e71; 
	}
#snav li a:hover, 
#snav li a:active, 
#snav li a:focus  {
	text-decoration: none;
	color: #0063be; 
	}
#snav li a.active, 
#snav li a.active:link, 
#snav li a.active:visited {
	font-weight: bold; 
	color: #0063be; 
	}
	
/* Stufe 2 */
#snav ul {
	margin-bottom: 10px; 	}
#snav ul li {
	padding-left: 10px; 	}
#snav ul li a, 
#snav ul li a:link, 
#snav ul li a:visited {
	color: #6d6e71;
	font-weight: normal; 
	}
#snav ul li a:hover, 
#snav ul li a:active, 
#snav ul li a:focus {
	text-decoration: none;
	color: #0063be; 
		}
#snav ul li a.active, 
#snav ul li a.active:link, 
#snav ul li a.active:visited  {
	font-weight: bold; 
	color: #0063be; }
	
/* generische Navigation */
#gnav {
	float: left; 
	margin: 20px 0 0 38px;  
	}
#gnav li {
	display: inline; 
	float: left; 
	color: #6d6e71;
	background: url('../1/images/gennav_separator.gif') left 5px no-repeat; 
	padding: 0 6px 0 7px;  
	}
	
#gnav li:first-child {
	background: none;  
	}

#gnav li a, 
#gnav li a:link, 
#gnav li a:visited {
	color: #6d6e71; 
	}
#gnav li a:hover, 
#gnav li a:active, 
#gnav li a:focus {
	color: #0063be;
	}
	
/* RSS-Icon */
a.rss {
	float: left; 
	margin: 23px 0 0 7px;   
	}
	
/* Language */
#language {
	float: left; 
	margin: 19px 0 0 45px;   
	}
#language li {
	display: inline; 
	float: left; 
	color: #6d6e71;
	background: url('../1/images/gennav_separator.gif') 0 5px no-repeat; 
	padding: 0 7px 0 8px;   
	}
#language li:first-child {
	background: none;  
	}
#language li a, 
#language li a:link, 
#language li a:visited {
	color: #6d6e71; 
	}
#language li a:hover, 
#language li a:active, 
#language li a:focus {
	color: #0063be;
	}
	
/* Breadcrumb */
#breadcrumb {
	position: absolute;
	top: 38px; left: 184px;  
	}
#breadcrumb li {
	display: inline; 
	float: left; 
	color: #0063be;
	background: url('../1/images/breadcrumb_separator.gif') 0 7px no-repeat; 
	padding: 0 5px 0 10px;  
	}
#breadcrumb li:first-child {
	background: none;  
	}
#breadcrumb li a, 
#breadcrumb li a:link, 
#breadcrumb li a:visited {
	color: #0063be; 
	}
#breadcrumb li a:hover, 
#breadcrumb li a:active, 
#breadcrumb li a:focus {
	}


/************************************************
*			Content-Absatzformate				*
************************************************/
/* Ueberschriften */
h1 {
	font-size: 1.32em;
	color: #0063be;
	margin-bottom: 10px;
	font-weight: normal;   
	}
h2 { 
	font-size: 1em;
	margin-top: 5px;
	font-weight: bold; 
	}

#content a,
#content a:link,
#content a:visited,
#content a:hover,
#content a:active,
#content a:focus {
	text-decoration: underline;
	color: #0063be;   }

	
/* Paragraph */
p {
	line-height: 1.63em;
	padding: 0 0 5px 0;
	}
	
/* Listen */
#content ul {
	list-style-type: none;
	margin: 5px 0 10px 0;
	}
#content ul li {
	padding: 0 0 0 12px;
	background: url('../1/images/list-item.gif') 0px 8px no-repeat;
	
	}
#content ol {
	list-style-type: decimal;
	margin: 5px 0 5px 13px;
	}
#content ol li {
	padding: 2px 0 2px 0;
	margin-left: 10px;
	}
		
/* Tabellen */
table {
	}
table td,
table th {
	text-align: left;
	padding-right: 10px;
	}
table th {
	font-weight: bold;
	}
table td {
	}
	
/* Rechte Spalte */
	
#right a,
#right a:link,
#right a:visited,
#right a:hover,
#right a:active,
#right a:focus {
	text-decoration: underline;
	color: #0063be;     }

	
#right ul {
	list-style-type: none;
	margin: 5px 0 10px 0;
	}
#right ul li {
	padding: 0 0 0 12px;
	background: url('../1/images/list-item-right.gif') 0px 5px no-repeat;
	font-size:  0.93em;
	line-height: 1.35em; 
	}
#right ul li a,
#right ul li a:link,
#right ul li a:visited {
	color: #6d6e71;
	text-decoration: none;  
	}
#right ul li:hover {
	background: url('../1/images/list-item-rightb.gif') 0px 5px no-repeat;
	color: #0063be; 
	}
#right ul li a:hover {
	color: #0063be; 
	}
#right ol {
	list-style-type: decimal;
	margin: 5px 0 5px 12px;
	font-size: 0.93em; 
	}
#right ol li {
	padding: 0;
	margin-left: 10px;
	}
	
/*	 Wic's Qick n' Dirty Lösung Kontext-Kontakte */
#right .artikel span {
	font-size: 0.93em;
	line-height: 1.35em; 
	}
	
	
/************************************************
*					Formular					*
************************************************/
.formular {
	}
label {
	float: left;
	width: 140px;
	}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 1em;
	}
textarea {
	height: 100px;
	}
label, input.txtfield, textarea {
	margin-bottom: 4px;
	}
input.txtfield, textarea, select {
	padding: 2px 2px 2px 4px;
	border: 1px solid #ccc;
	width:280px; 
	}
select {
	padding: 0; 
	}
input.plz { width:50px; }
input.ort { width:222px; }

input.txtfield:hover, input.txtfield:active, input.txtfield:focus,
textarea:hover, textarea:active, textarea:focus,
select:hover, select:active, select:focus {
	border: 1px solid #ccc;
	background: #e5e5e5;
	}
input.submit {
	clear: both;
	margin-left: 140px;
	}
p.pflicht {
	margin-left: 140px;
	}
input.detail {
	width:150px;
	margin-left: 24px;  
	}
	

	
/* Captcha's */
p.captcha {
	font-size: 0.93em;
	color: Red; 
	margin: 0 0 10px 0 !important; 
	}
div.captcha {
	margin: 10px 0 10px 140px;
	}
div.captcha input {
	margin: 0 0 5px 0;
	padding: 2px 2px 2px 4px;
	border: 1px solid #ccc;
	width:280px; 
	}
div.captcha input:hover, 
div.captcha input:active, 
div.captcha input:focus {
	background: #e5e5e5;
	}
div.captcha p {
	line-height: 1.2em;
	margin: 5px 0px;
	clear: left;  
	}
	
	
/* Checkboxlist */
div.checkboxlist label {
	width:400px; 
	}
div.checkboxlist input {
	margin-right: 10px; 
	}	
	
/* Radiobuttonlist Newsletter */	
div.radiobuttonlist input {
	margin: 2px 7px 0 0; 
	width: auto;
	}
	
input.submit-nl {
	margin-left: 0;
	}


/* Bestellformular */	
.formular h2 {
	margin: 20px 0 10px 0; 
	}

table.bestellformular {
	margin: 30px 0 10px 0; 
	}
	
table.bestellformular td,
table.bestellformular th {
	padding: 1px; 
	}

table.bestellformular input {
	
	padding: 2px 2px 2px 4px;
	border: 1px solid #ccc;
	}
	
input.land { width:80px; }
input.ort2 { width:134px; }
input.telefon { width:136px; }	
	
table.bestellformular input.menge {
	width:40px;
	}

	
/************************************************
*					Footer						*
************************************************/
#footer p {
	float:left;
	}
#footer a.print, 
#footer a.print:link,
#footer a.print:visited,
#footer a.print:hover,
#footer a.print:focus {
	background: url('../1/images/icon_print.gif') no-repeat 0 2px;
	width: 14px; height: 14px;
	width: auto;
	float: right; 
	}	
#footer a.print span {
	padding: 0 0 0 22px;
	color: #6d6e71;	
	}


/************************************************
*					Module						*
************************************************/

/* Sitemap */
ul#sitemap li  {
	background: none; 
	padding: 0; 
	}
ul#sitemap ul  {
	padding: 0 0 0 15px;
	}


/* News */
.news-liste {
	margin-bottom: 10px;
	width: 100%;
	padding-bottom: 10px; 	
	border-bottom: solid 1px #ccc;
	}
.news-liste .bild 	{
	float:left;
	margin: 5px 10px 0 0;
	padding-bottom:20px;
	width:120px;
	}
.news-liste .bild img	{
	max-width:120px;
	}	
.news-detail {
	}

	
/* Dokumente */
.download-liste {
	border-bottom: solid 1px #ccc;
	padding-top: 5px; 
	margin-bottom: 10px;
	}
.download-liste h2 {
	float: left;   
	}
.download-liste p.title {
	float: left;
	}
.download-liste span {
	float: right; 
	text-transform: uppercase; 
	}
.download-liste span img {
	margin-right: 8px; 
	}

	
.download-detail {
	}

	
/* Kalender */
.calendar {
	width: 140px;
	border: 0px solid white !important;
	}
.calendar a, .calendar a:link, .calendar a:visited {
	display: block;
	padding: 3px 0;
	text-align: center;
	}
.calendar a:hover, .calendar a:active, .calendar a:focus {
	}
.calendar .calendar {
	margin: 5px 0;
	width: 140px !important;
	}
.calendar .calendar td {
	font-weight: bold !important;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	}
.calendar th {
	height: 20px;
	text-transform: uppercase;
	}






/* Contexspalte Bildgalerie */
div.hide {
	visibility:hidden;
	height: 0; 
	}
div.bildthumbs   {
	margin-bottom: 10px;  
	}
div.bildthumbs a {
	margin: 0 2px 2px 0; 
	padding: 0; 
	float: left; 
	}
div.bildthumbs a img {
	float: left; 
	}
	
div.rahmen {
	border: solid 1px #999;
	padding: 5px;
	margin-bottom: 10px; 
	}
div.rahmen img.close {
	float: right;
	margin-top: 5px;  
	}
div.bildContainer img {
	width: 100%; 
	}
div.bildContainer p {
	line-height: 1.32em;
	margin-top: 5px;  
	} 


/* Contexspalte Bildgalerie Highslide */
a.highslide  {
	margin: 0 2px 2px 0; 
	padding: 0; 
	float: left; 
	}
a.highslide img  { 
	float: left; 
	}
div.slide {
	float:left;
	margin-bottom:10px;
	width:100%;
	}


/* Headerbilder */
div.headerbilder  {
	margin: 0 0 20px 0;
	padding-bottom: 10px; 
	border-bottom: solid 1px grey;  
	}
div.headerbilder h2 {
	margin: 0 0 5px 0; 
	}


/* Extranet Anmeldung */
div.cb {
	margin: 0 0 10px 100px; 
	width: 100%; 
	}
div.cb input {
	margin: 2px 6px 0 0;  
	}
div.cb label {
	width: auto;  
	}



/* Kontakte */
div.kontakte {
	width: 100%;
	border-bottom: solid 1px #ccc; 
	padding-bottom: 10px;  
	margin-bottom: 10px; 
	}
table.kontakte {
	
	}
table.kontakte td {
	
	}



/* Schlagwortsuche */

div#keyword-search  {
	margin-bottom: 10px;
	}
	
ul.keyword  {
	float: left;
	margin: 0 !important;
	z-index: 1; 
	}

#content ul.keyword li,
#right ul.keyword li {
	padding: 0 0 0 2px; 
	background: url('../1/images/select.gif') right top no-repeat;
	height: 19px;   
	border-left: solid 1px #ccc; 
	border-top: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	line-height: 18px;
	z-index: 10; 
	}	
#right ul.keyword li { width: 208px; 	}
#content ul.keyword li { width: 325px; 	}

#right ul.keyword li {	 /* Schriftgrösse in rechter Spalte */
	font-size: 1em;
	}
	
#content ul.keyword ul,
#right ul.keyword ul {
	position: absolute; 
	left: -999em;
	margin: 0; padding: 0;
	}

#content ul.keyword li:hover ul,
#right ul.keyword li:hover ul {
	position: relative;
	top:1px; left:-3px;
	height: 200px;
	background-color: #fff;
	border-left: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	overflow-y: scroll;
	z-index: 12; 
	}	
#right ul.keyword li:hover ul {	width: 210px; }
#content ul.keyword li:hover ul { width: 327px;  }

#content ul.keyword ul li,
#right ul.keyword ul li {
	background: none;
	border: none; 
	display: block;
	width: auto;
	height: auto;      
	}
	
#content ul.keyword ul li a,
#content ul.keyword ul li a:link,
#content ul.keyword ul li a:visited,
#right ul.keyword ul li a,
#right ul.keyword ul li a:link,
#right ul.keyword ul li a:visited {
	text-decoration: none;
	display: block;
	padding: 0; 
	color: #6d6e71;  
	}

#content ul.keyword ul li:hover,
#right ul.keyword ul li:hover {
	background-color: #e5e5e5; 
	}
	
#right ul.keyword li:hover {
	color: #6d6e71; 
	}

hide, .hide  {
	position: absolute; 
	left: -999em; }


/************************************************
*				Newsletter						*
************************************************/

/* Newsletter Page Template */
.wrapper-nl #header {
	height: 62px;
	}
#nl {
	width: 694px;
	height: 39px; 
	padding-bottom: 5px;
	margin-left: 194px;     
	}
	
#nl #language {
	float: right; 
	font-size: .9em;
	margin: 3px 0 0 0;   
	}
#nl #language li {
	padding: 0 3px 0 5px;   
	}

#content-nl {
	float: left; 
	width:694px;
	color: #6d6e71; 
	}
#content-nl h1 {
	margin-bottom: 13px;
	}
#content-nl .news-detail h1 {
	padding-top: 12px;
	}
#content-nl a, #content-nl a:link, #content-nl a:visited,
#content-nl a:hover, #content-nl a:active, #content-nl a:focus {
	text-decoration: underline;
	color: #0063be;
	}
#content-nl h1 a, #content-nl h1 a:link, #content-nl h1 a:visited,
#content-nl h1 a:hover, #content-nl h1 a:active, #content-nl h1 a:focus {
	text-decoration: none;
	color: #0063be;
	}
	
/* Übersicht Newsletter Artikel */
	
#content-nl p.edition {
	width: 100%;
	font-weight: bold; 
	padding: 4px 0 6px 0; 
	border-top: solid 1px #6d6e71; 
	color: #0063be; 
	}
	
#content-nl td {
	padding: 0;
	vertical-align: top; 
	}

/* Newsletter Anmeldung */
#newsletter input.searchfield {
	float: left; 
	padding: 2px 2px 2px 4px;
	border: 1px solid #ccc;
	width:320px; 
	}
#newsletter input.searchfield:hover,
#newsletter input.searchfield:active,
#newsletter input.searchfield:focus {
	background-color: #e5e5e5; 
	}
#newsletter input.submit {
	margin: 10px 0 10px 0;
	}
	
/* Newsletter Artikel Web */
.newsletter-artikel  {
	width:100%;
	border-bottom: solid 1px #ccc;
	margin-top: 10px;
	padding-bottom: 10px;   
	}
.newsletter-artikel .bild 	{
	float:left;
	margin: 0px 20px 0 0;
	width:163px;
	padding-top: 5px; 
	}
.newsletter-artikel .text 	{
	float:left;
	width:493px;
	}
#content-nl .news-detail h1 {
	border-top: solid 1px #0063be;
	}
#content-nl .news-detail {
	border-bottom: 1px solid #ccc;
	}
.newsletter-footer	{
	float:left;
	width:100%;
	border-bottom: solid 1px #ccc;
	margin-bottom: 10px;
	padding: 4px 0 7px 0; 
	}
.newsletter-footer ul.footer li	{
	float:left;
	display: inline;
	padding-right: 15px;  
	}
.newsletter-footer ul.footer a,
.newsletter-footer ul.footer a:link,
.newsletter-footer ul.footer a:visited 	{
	color: #6d6e71 !important;
	text-decoration: none !important;  
	}
	
.newsletter-footer a.privacy	{
	float:right;
	color: #6d6e71 !important;
	text-decoration: none !important;  
	}
#divEU {
	position: relative;
	bottom: 170px;
	left: 100px;
	background: #fff;
	border: solid 1px #6d6e71;
	width: 178px;
	margin: 50px;
	}	
#divASI {
	position: relative;
	bottom: 290px;
	left: 150px;
	background: #fff;
	border: solid 1px #6d6e71;
	width: 178px;	
	}	
.putnews input 	{
	float: right;
	margin-right: 2px;
	}
.putnews .newsletter-artikel .bild 	{
	margin-right: 10px;
	}
.putnews .newsletter-artikel .text 	{
	width:260px;
	}