/*
Hier werden s�mtliche Desgintechnische Einstellungen vorgenommen.
Dinge wie: Schriftfarbe, Schrifgr�sse, Hintergrundfarben etc.

Copyright by namics AG -> namics.com
Autor: T.Hunziker
Date: 1.12.2006
*/

/*Allgemeine Hintergrundfarbe*/

html, body {
background-color: #cdcdcd;
font-family:  Verdana, Arial, Helvetica, Sans-Serif;
font-size: 0.83em;
font-weight: normal;
color: #000;
}

form br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */ clear: left; /* das floating der labels und inputs aufheben */ }

a  { color: #000; text-decoration: underline }

a:hover {
text-decoration: underline;
}

img {
border: none;
}

/*Farbe des Containers*/
div#container {
background-color: #fff;
}

h1 {
font-size: 1.2em;
font-weight: bold;
}

h2,
h2 a {
text-decoration: none;
font-size: 1em;
line-height: 1.8em;
font-weight: bold;
}

h2.highlight {
color: #db261a;
}

h3 {
text-decoration: none;
font-size: 1em;
font-weight: bold;
}

/*
L�sung 2: vertical-align: baseline;

*/

/* START  IE6/IE7 Hack f�r tiefgestellte Zeichen */
*html sub {
font-size: 75%;
font-weight: bold;
}
*:first-child+html sub {
font-size: 75%;
font-weight: bold;
}
/* END   IE6/IE7 Hack für tiefgestellte Zeichen */

/*Fix Bereiche*/
div#titletextimage,
div#logo,
ul#siteoptions,
ul#breadcrumb,
ul#mainnavigation,
div#subnavigation {
font-size: 11px;
line-height: 13px;
}

ul#siteoptions li a,
ul#siteoptions li span,
ul#siteoptions li a:hover,
div#loginstatus a,
div#loginstatus a:hover,
ul#breadcrumb a,
ul#breadcrumb li span,
ul#breadcrumb a:hover {
text-decoration: none;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
font-size: 11px;
line-height: 13px;
color: #747474;
}

ul#breadcrumb {
color: #747474;
}

ul#siteoptions li a:hover,
div#loginstatus a:hover,
ul#breadcrumb a:hover {
color: #000;
}

ul#siteoptions li a.serviceactive {
font-weight: bold;
}

/*Das Suchformular*/
div#search {
font-size: 11px;
line-height: 13px;
color: #747474;
}

div#fastaccesslinksboxhome,
div#fastaccesslinksbox {
background-color: #fff;
font-size: 11px;
}
 
ul#fastaccesslinkshome li a,
ul#fastaccesslinkshome li a:hover {
text-decoration: none;
font-weight: bold;
color: #fff;
}

ul#fastaccesslinks li a,
ul#fastaccesslinks li a:hover {
text-decoration: none;
}

ul#fastaccesslinkshome li a:hover {
color: #000;
}

div.infobox a,
p#crosslink a {
text-decoration: none !important;
color: #212121;
}



div.infobox {
font-size: 11px;
line-height: 13px;
}

div.infobox h2,
div.infobox p {
color: #212121;
}

div.infobox p {
line-height: 15px;
}

div.infobox a:hover,
p#crosslink a:hover {
text-decoration: underline !important;
color: #212121;
}

div#fastaccesslinksboxhome h2,
div#fastaccesslinksbox h2 {
font-size: 11px;
font-weight: bold;
line-height: 13px;
color: #000;
text-transform: uppercase;
}

ul#fastaccesslinkshome li {
text-transform: uppercase;
}

div#fastaccesslinksbox h2 {
color: #fff;
}

div#clockdate,
div#time {
font-size: 11px;
color: #fff;
}

ul#mainnavigation li a,
ul#mainnavigation li span {
text-decoration: none;
font-size: 11px;
color: #4d4d4d;
text-transform: uppercase;
line-height: 13px;
}

ul#mainnavigation li a:hover {
color: #212121;
text-decoration: none;
font-size: 11px;
line-height: 13px;
}

ul#mainnavigation li.active a,
ul#mainnavigation li.active a:hover {
font-weight: bold;
color: #000;
}

div#loginbox {
background-color: #e1e1e0;
color: #212121;
font-size: 11px;
line-height: 13px;
}

div#servicesbox h2,
div#newsletterquicksignon h2 {
font-size: 11px;
line-height: 13px;
font-weight: bold;
color: #fff;
}

ul#services li,
ul#services li a,
ul#services li a:hover {
text-decoration: none;
font-size: 11px;
color: #212121;
line-height: 13px;
}

div#sponsor {
text-decoration: none;
font-size: 11px;
line-height: 13px;
color: #212121;
}

ul#services li a:hover {
text-decoration: underline !important;
}

div#servicesbox {
background-color: #ececec;
}

div#subnavigation a,
div#subnavigation a:hover {
text-decoration: none;
font-size: 11px;
font-weight: normal;
color: #000;
}

div#subnavigation a.activeelement:hover {
font-weight: bold;
}

ul#secondlevel li {
background-color: #fff;
line-height: 13px; 
}

ul#secondlevel li.secondlevelactive {
background-color: #d9d9d9;
line-height: 13px;
}

ul#thirdlevel {
background-color: #fff;
}

ul#thirdlevel li {
background-color: #ececec;
line-height: 13px;
}

ul#fourthlevel li {
background-color: #fff;
line-height: 13px;
padding-right: 9px;
}

ul#fifthlevelnavigation a,
ul#fifthlevelnavigation a:hover {
text-decoration: none !important;
line-height: 1em; /* BIAG ADD */
}

ul#fifthlevelnavigation { /* BIAG ADD */
line-height: 1em;
}

div#subnavigation a.activeelement,
ul#fifthlevelnavigation a.activeelement {
font-weight: bold;
}

div#search input,
div#loginbox input  {
border-color: #c1c1c1;
background-color: #fff;
font-size: 10px;
color: #000;
}

div#content {
font-size: 1em;
line-height: 1.8em;
color: #000;
}

div#content .description {
color: #666666;
}

div#content ul a {
text-decoration: none;
}

div#content ul a:hover {
text-decoration: underline;
}

div#content input,
div#content textarea, div#rightcolumn input {
font-size: 0.9em;
font-weight: normal;
color: #000 !important;
font-family: Verdana, Arial, Helvetica, Sans-Serif;
}

div#content button,
div#content textarea,
div#content input, div#rightcolumn input {
border-color: #c1c1c1 !important;
background-color: #fff !important;
}

div#content .errormessage {
color: #db261a !important;
}

div#content input.error {
border-color: #ce736d !important;
}

/*Tabelle {*/
div#content thead {
color: #fff;
}
/*} Tabelle*/

div.aktionstextbildteaser a,
div.aktionstextteaser a {
text-decoration: none;
}

div.aktionstextbildteaser a:hover,
div.aktionstextteaser a:hover {
text-decoration: underline;
}

div.aktionstextbildteaser,
div.aktionstextteaser {
line-height: 20px;
font-size: 11px;
}

p.newsteasercontent,
p.newsteasercontent a,
p.newsteasercontent a:hover {
color: #000;
text-decoration: none !important;
}

h3.newsteasertitle,
h3.newsteasertitle a,
h3.newsteasertitle a:hover {
text-decoration: none;
font-weight: bold;
color: #000;
}

div.searchresulutsnavigation a,
ol a,
div#leftcolumn div.aktionstextteaser a,
div.rubrikteaser a,
div.uebersichttextbildteaser a,
div.uebersichttextteaser a,
div.hinweisteasertopline p a {
text-decoration: none !important;
}

div.searchresulutsnavigation a:hover,
ol a:hover,
div#leftcolumn div.aktionstextteaser a:hover,
h3.newsteasertitle a:hover,
p.newsteasercontent a:hover,
div.rubrikteaser a:hover,
div.uebersichttextbildteaser a:hover,
div.uebersichttextteaser a:hover,
div.hinweisteasertopline div p a:hover {
text-decoration: underline !important;
}

div#container div#wrapper div#servicebox div#fontoption,
div#container div#wrapper div#servicebox div#printoption,
div#container div#wrapper div#servicebox div#informations {
background-color: #e9e9e9;
font-size: 11px;
}

div#servicebox,
div#servicebox a {
color: #666666;
font-size: 11px;
text-decoration: none;
}

div#servicebox a:hover {
color: #000;
text-decoration: none;
}

div.advertisement {
text-decoration: none;
font-size: 11px;
color: #212121;
}

ul#mainnavigation li a {
background: #fff;
}




/*** Home / Corporate ********************************************************/

.corporatecolor {
background-color: #db261a !important;
}

.corporatecolorborder {
border-color: #db261a !important;
}

#servicesbox h2.homeprimary, #fastaccesslinksbox h2.homeprimary,
#newsletterquicksignon.homeprimary {
background-color: #db261a !important;
}

/*** Home ********************************************************************/

.backgroundshape {
background: url("images/bg_headervisual_home.gif") no-repeat;
}

.backgroundshapehome {
background: url("images/bg_header_finanzierung.gif") no-repeat;
}

/* Footer / Themen Homepage */
.homeprimary {
	background-color: #747474 !important;
}

/* Navigation */
div.homesecondary, ul#mainnavigation li a.homesecondary:hover, ul#mainnavigation li.active a.homesecondary {
	background-color: #c1c1c1
}

/* Links */
div.rubrik_home a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_home a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_home .secondaryborder {
	border-color: #c1c1c1 !important;
}

/* Amazon */
div.rubrik_home .additive,
div.rubrik_home .additive a {
	color: #747474 !important;
}

/* Tabellen */
div.rubrik_home table.primaryborder th, div.rubrik_home td.applicationhead {
	background-color: #747474 !important;
}

div.rubrik_home .primaryborder, div.rubrik_home table.primaryborder td, div.rubrik_home table.format td {
	border-color: #747474 !important;
}

div.rubrik_home tablehighlight {
	background-color: #ececec;
}

div#content.rubrik_home div.tableline {
	background: url("images/recht_line_table_01.gif") no-repeat;
}

div#content.rubrik_home table.primaryborder th {
	background: url("images/recht_line_table_02.gif") no-repeat bottom;
}

/*** Finanzen und Steuern ****************************************************/

.backgroundshapefinanzierung {
	background: url("images/bg_header_finanzierung.gif") no-repeat;
}

/* Footer / Themen Homepage */
.finanzierungprimary {
	background-color: #cc6527 !important;
}

/* Navigation */
div.finanzierungsecondary, ul#mainnavigation li a.finanzierungsecondary:hover, ul#mainnavigation li.active a.finanzierungsecondary {
	background-color: #d88a5b;
}

/* Links */
div.rubrik_finanzierung a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_finanzierung a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_finanzierung .secondaryborder {
	border-color: #d88a5b !important;
}

/* Amazon */
div.rubrik_finanzierung .additive,
div.rubrik_finanzierung .additive a {
	color: #cc6527 !important;
}

/* Tabellen */
div.rubrik_finanzierung table.primaryborder th, div.rubrik_finanzierung td.applicationhead { 
	background-color: #cc6527 !important;
}

div.rubrik_finanzierung .primaryborder, div.rubrik_finanzierung table.primaryborder td, div.rubrik_finanzierung table.format td {
	border-color: #cc6527 !important;
}

div.rubrik_finanzierung tablehighlight {
	background-color: #faefe9;
}

div#content.rubrik_finanzierung div.tableline {
	background: url("images/finanzierung_line_table_01.gif") no-repeat;
}

div#content.rubrik_finanzierung table.primaryborder th {
	background: url("images/finanzierung_line_table_02.gif") no-repeat bottom;
}

/*** Geb�ude *****************************************************************/

.backgroundshapebau_unterhalt {
	background: url("images/bg_header_bau_unterhalt.gif") no-repeat;
}

/* Footer / Themen Homepage */
.bau_unterhaltprimary {
	background-color: #79b3d4 !important;
}

/* Navigation */
div.bau_unterhaltsecondary, ul#mainnavigation li a.bau_unterhaltsecondary:hover, ul#mainnavigation li.active a.bau_unterhaltsecondary {
	background-color: #c4d8dd;
}

/* Links */
div.rubrik_bau_unterhalt a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_bau_unterhalt a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_bau_unterhalt .secondaryborder {
	border-color: #c4d8dd !important;
}

/* Amazon */
div.rubrik_bau_unterhalt .additive,
div.rubrik_bau_unterhalt .additive a {
	color: #79b3d4 !important;
}

/* Tabellen */
div.rubrik_bau_unterhalt table.primaryborder th, div.rubrik_bau_unterhalt td.applicationhead {
	background-color: #79b3d4 !important;
}

div.rubrik_bau_unterhalt .primaryborder, div.rubrik_bau_unterhalt table.primaryborder td, div.rubrik_bau_unterhalt table.format td {
	border-color: #79b3d4 !important;
}

div.rubrik_bau_unterhalt tablehighlight {
	background-color: #f1f7fb;
}

div#content.rubrik_bau_unterhalt div.tableline {
	background: url("images/bau_unterhalt_line_table_01.gif") no-repeat;
}

div#content.rubrik_bau_unterhalt table.primaryborder th {
	background: url("images/bau_unterhalt_line_table_02.gif") no-repeat bottom;
}

/*** Recht *******************************************************************/

.backgroundshaperecht {
	background: url("images/bg_header_recht.gif") no-repeat;
}

/* Footer / Themen Homepage */
.rechtprimary {
	background-color: #889eb4 !important;
}

/* Navigation */
div.rechtsecondary, ul#mainnavigation li a.rechtsecondary:hover, ul#mainnavigation li.active a.rechtsecondary {
	background-color: #aec0cc;
}

/* Links */
div.rubrik_recht a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_recht a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_recht .secondaryborder {
	border-color: #aec0cc !important;
}

/* Amazon */
div.rubrik_recht .additive,
div.rubrik_recht .additive a {
	color: #154676 !important;
}

/* Tabellen */
div.rubrik_recht table.primaryborder th, div.rubrik_recht td.applicationhead {
	background-color: #889eb4 !important;
}

div.rubrik_recht .primaryborder, div.rubrik_recht table.primaryborder td, div.rubrik_recht table.format td {
	border-color: #889eb4 !important;
}

div.rubrik_recht tablehighlight {
	background-color: #edf1f4;
}

div#content.rubrik_recht div.tableline {
	background: url("images/recht_line_table_01.gif") no-repeat;
}

div#content.rubrik_recht table.primaryborder th {
	background: url("images/recht_line_table_02.gif") no-repeat bottom;
}

/*** Versicherung und Sicherheit *********************************************/

.backgroundshapesicherheit {
	background: url("images/bg_header_sicherheit.gif") no-repeat;
}

/* Footer / Themen Homepage */
.sicherheitprimary {
	background-color: #c2b191 !important;
}

/* Navigation */
div.sicherheitsecondary, ul#mainnavigation li a.sicherheitsecondary:hover, ul#mainnavigation li.active a.sicherheitsecondary {
	background-color: #dcd6ca;
}

/* Links */
div.rubrik_sicherheit a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_sicherheit a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_sicherheit .secondaryborder {
	border-color: #dcd6ca !important;
}

/* Amazon */
div.rubrik_sicherheit .additive,
div.rubrik_sicherheit .additive a {
	color: #c2b191 !important;
}

/* Tabellen */
div.rubrik_sicherheit table.primaryborder th, div.rubrik_sicherheit td.applicationhead {
	background-color: #c2b191 !important;
}

div.rubrik_sicherheit .primaryborder, div.rubrik_sicherheit table.primaryborder td, div.rubrik_sicherheit table.format td {
	border-color: #c2b191 !important;
}

div.rubrik_sicherheit tablehighlight {
	background-color: #f3efe9;
}

div#content.rubrik_sicherheit div.tableline {
	background: url("images/sicherheit_line_table_01.gif") no-repeat;
}

div#content.rubrik_sicherheit table.primaryborder th {
	background: url("images/sicherheit_line_table_02.gif") no-repeat bottom;
}

/*** Wohnen ******************************************************************/

.backgroundshapewohnen {
	background: url("images/bg_header_wohnen.gif") no-repeat;
}

/* Footer / Themen Homepage */
.wohnenprimary {
	background-color: #818d78 !important;
}

/* Navigation */
div.wohnensecondary, ul#mainnavigation li a.wohnensecondary:hover, ul#mainnavigation li.active a.wohnensecondary {
	background-color: #c9d5c0;
}

/* Links */
div.rubrik_wohnen a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_wohnen a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_wohnen .secondaryborder {
	border-color: #c9d5c0 !important;
}

/* Amazon */
div.rubrik_wohnen .additive,
div.rubrik_wohnen .additive a {
	color: #818d78 !important;
}

/* Tabellen */
div.rubrik_wohnen table.primaryborder th, div.rubrik_wohnen td.applicationhead {
	background-color: #818d78 !important;
}

div.rubrik_wohnen .primaryborder, div.rubrik_wohnen table.primaryborder td, div.rubrik_wohnen table.format td {
	border-color: #818d78 !important;
}

div.rubrik_wohnen tablehighlight {
	background-color: #e6e8e4;
}

div#content.rubrik_wohnen div.tableline {
	background: url("images/wohnen_line_table_01.gif") no-repeat;
}

div#content.rubrik_wohnen table.primaryborder th {
	background: url("images/wohnen_line_table_02.gif") no-repeat bottom;
}

/*** Garten ******************************************************************/

.backgroundshapegarten {
	background: url("images/bg_header_garten.gif") no-repeat;
}

/* Footer / Themen Homepage */
.gartenprimary {
	background-color: #92c569 !important;
}

/* Navigation */
div.gartensecondary, ul#mainnavigation li a.gartensecondary:hover, ul#mainnavigation li.active a.gartensecondary {
	background-color: #ddf0cd;
}

/* Links */
div.rubrik_garten a {
	color: #999999;
	text-decoration: none;
}

div.rubrik_garten a:hover {
	text-decoration: underline;
}

/* Rahmen f�r Bilder */
div.rubrik_garten .secondaryborder {
	border-color: #ddf0cd !important;
}

/* Amazon */
div.rubrik_garten .additive,
div.rubrik_garten .additive a {
	color: #709763 !important;
}

/* Tabellen */
div.rubrik_garten table.primaryborder th, div.rubrik_garten td.applicationhead {
	background-color: #92c569 !important;
}

div.rubrik_garten .primaryborder, div.rubrik_garten table.primaryborder td, div.rubrik_garten table.format td {
	border-color: #92c569 !important;
}

div.rubrik_garten tablehighlight {
	background-color: #eff6e9;
}

div#content.rubrik_garten div.tableline {
	background: url("images/garten_line_table_01.gif") no-repeat;
}

div#content.rubrik_garten table.primaryborder th {
	background: url("images/garten_line_table_02.gif") no-repeat bottom;
}

/* Weather */
table.weather_today td
{
	padding: 3px 0 3px 0;
}

/* Application */
table.format {
	width: 540px;
	border: 1px solid black;
	border-bottom: 2px solid;
	margin:1px 0 1px 0;
	border-collapse: collapse;
}

table.format td {
	border-top: 1px solid #e0e0e0;
	padding: 6px 6px 6px 6px;
	vertical-align: top;
}

td.applicationhead {
	color: white;
}

input.formTextApplication, input.formTextApplicationResult, input.formTextApplicationSmall {
	width: 100px;
}

input.formTextZip {
	/* BIAG: Added */
	border: 1px solid;
	padding-top: 3px;
	padding-left: 5px;
	width: 100px;
	height: 17px;
	/*width: 50px;*/
}

.popMenu table td.applicationhead strong {
	padding: 3px;
}

td.popupcontent {
	background-color: #ececec;
	vertical-align: top;
	padding: 3px;
}

/* ADD BORN INFORMATIK: WETTER */
div#carte {
	font-family: Arial,Helvetica,sans-serif;
}

/* ADD Unic Internet Solutions */

div.socialbookmark {
	padding-top: 24px;
	padding-bottom: 10px;
}

#forumfeedimage {
	width: 160px;
	height: 120px;
}

#targetRssContainer noscript {
	color: #ce736d;
}

.quizcol1, .quizcol2, .quizcol3 {
	float: left;
	padding-bottom: 5px;
	_border: 1px solid white;
}

.quizcol1 {
	width: 9em;
}

.quizcol2 {
	width: 2em;
}

.quizcol2 input {
	position: relative;
	top: 0.4ex;
}

.quizrow {
	overflow: hidden;
}

.quizrow .error {
	color: #ce736d;
}

div#newsletterquicksignon {
	margin-top: 1px;
	margin-bottom: 5px;
	padding: 5px 3px;
}

div#newsletterquicksignon fieldset {
	border: none;
}

div#newsletterquicksignon .textLabel {
	display: block;
	margin-top: 5px;
	margin-left: 1px;
}

div#newsletterquicksignon .radioLabel {
	position: relative;
	top: -2px;
}

#newsletterquicksignon_email {
	display: block;
	width: 120px;
	margin-top: 1px;
	margin-bottom: 5px;
}

#newsletterquicksignon_submit {
	display: block;
	margin-top: 5px;
	padding: 0 5px 0 5px;
}

div#rightcolumn input.radioInput {
	background-color: transparent !important;
	width: 15px;
}

#newsletterquicksignon.corporatecolor,
#newsletterquicksignon.homeprimary {
	background-color: #ECECEC!important;
}

#newsletterquicksignon.corporatecolor h2,
#newsletterquicksignon.homeprimary h2 {
	color: black;
}

/* new clearfix */
.clearfix:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix             { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

.galleryVote ul, .galleryVote li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.galleryVote li {
	float: left;
	padding-bottom: 10px;
}

.galleryVote a.galleryVoteImage {
	display: block;
}

.galleryVote li.first {
	margin-left: 0 !important;
}

.galleryVote li label {
	display: block;
	padding-top: 2px;
	border-bottom: 3px solid #d9d9d9;
}

.galleryVote .voterData input.text {
	display: block;
	width: 15em;
	margin-bottom: 10px;
}

.galleryVote input.submit {
	display: block;
	margin: 10px 0;
}

.galleryVoteResults {
	margin-bottom: 10px;
}

.galleryVoteResults td {
	padding-top: 5px;
}

.galleryVoteResults .image {
	padding-right: 12px;
}

.galleryVoteResults .count {
	text-align: right;
	padding-right: 3px;
}

.galleryVoteResults .bar div {
	height: 1.5em;
	background-color: #a00;
}