/* Styles for faerbergas.de */
/* Version 30.06.2007 */
/* torbeck.de */

/* General */

* {
    margin:0;
    padding:0;
    }

body {
  height: 100%;
  font-size: 0.85em;
  font-family: Arial, Verdana, sans-serif;
}

a, a:link  {
   text-decoration: none;
   color: #0071bc;
   background-color: transparent;
}

a, a:link img {
  border: none;
  margin: 0;
  padding: 0;
}

a:visited {
  color: ##a9afbb;
}

a:visited img {
  border:none;
}

a:hover, a:active, a:focus {
  text-decoration: underline;
  color: #ee312f;
}

/* forms */

fieldset {
  border: 1px solid #d9eaf5;
  padding: 1.5em;
}

legend {
   background:#d9eaf5;
   padding: 4px;
   }
   
input, textarea, select {
   margin: 10px 0;
}

/* no margin for input type checkbox */
input.none {
   margin: 0 0;
}

#main input {margin: 0 0;}

.tx_powermail_pi1_fieldwrap_html {
	margin: 0 0 5px 0;}
	
.tx_powermail_pi1_fieldwrap_html label {
	float: left;
	clear: both;
	width: 30%;}

.tx_powermail_pi1_fieldwrap_html input {
	display: block;}

.tx_powermail_pi1_fieldwrap_html_textarea textarea{
	margin: 0;}

span.powermail_mandatory {
	color: #ff0000;
	padding-left: 5px;}

div.powermail_mandatory_js {
	color: #ff0000;
	}

/* boxes */
#container {
    width: 980px;
    margin: 0 auto;
    text-align: center;
}

#logo{
    margin-top: 30px;
    text-align: right;
}

#wrap {
  float: left;
  background: #fff url(../images/bg-tile1.gif) repeat-y top right;
  width: 980px;
}


#left{
    width: 189px;
    float: left;
    margin: 0;
    padding: 0;
}


#mainnavi {
  font: normal .85em Arial, Verdana, sans-serif;
  min-height: 444px;
  width: 100%;
  padding: 0;
  margin: 0 0 0 29px;
}

#navi {
  padding: 20px 0 0 12px;
  width: 178px;
  line-height: 1.3;
}

/* link with arrow */
#navi a.navi, #navi a.navi:link {
  display: block;
  background: transparent url(../images/navi-re-off.gif) no-repeat top left;
  text-decoration: none;
  color: #322f31;
  padding: 15px 20px 10px 10px;
  line-height: 1.3;
    }

#navi a.navi:hover, #navi a.navi:focus, #navi a.navi:active {
  background: transparent url(../images/navi-re-on.gif) no-repeat top left;
  text-decoration: none;
  color: #ee312f;
    }

/*active link in toplevel */
#navi a.act, #navi a.act:link {
  background: transparent url(../images/navi-re-on.gif) no-repeat top left;
  text-decoration: none;
  display: block;
  color: #ee312f;
  padding: 15px 20px 10px 10px;
  line-height: 1.3;
}

/* 2nd level */
#navi a.navi2 , #navi a a.navi2:link {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: #322f31;
  padding: 5px 0 5px 20px;
    }

#navi a.navi2:hover, #navi a.navi2:focus, #navi a.navi2:active  {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: #ee312f;
    }
/* level 2 active */
#navi a.sub1-active, #navi a.sub1-active:link {
  display: block;
  text-decoration: none;
  background-color: transparent;
  color: #ee312f;
  padding: 5px 0 5px 20px;
  margin: 0 0 0 0;
}

/* 3rd level */
#navi a.navi3 , #navi a a.navi3:link {
  display: block;
  background-color: transparent;
  text-decoration: none;
  color: #322f31;
  padding: 5px 0 5px 25px;
    }

#navi a.navi3:hover, #navi a.navi3:focus, #navi a.navi3:active  {
  background-color: transparent;
  text-decoration: none;
  color: #ee312f;
  padding: 5px 0 5px 25px;
    }

#navi a.sub2-active, #navi a.sub2-active:link {
  display: block;
  text-decoration: none;
  background-color: transparent;
  color: #ee312f;
  padding: 5px 0 5px 25px
}

#navi ul {
  list-style: none;
  padding: 0;
  margin: 0;
  text-align: left;
  width: 100%;
  font-size: 1em;
  font-weight: bold;
  }

#navi li {
  margin: 0;
  display: block;
  line-height: 11px;
}

#navi li li {
  padding: 0 0 5px 5px;
}

#navi ul ul {
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-size: 1em;
}

#navi ul ul ul {
  padding: 0;
  margin: 0;
  background-color: transparent;
  font-size: 1em;
}

#navi li li li{
  padding: 0 0 0 5px;
}

#main, .tx-indexedsearch, .tx-indexedsearch-searchbox {
    float: left;
    width: 580px;
    margin: 15px 0px 15px 0px;
}

#right{
    float: right;
    width: 189px;
    margin-top: 0;
    margin-bottom: 20px;
    font: normal 0.85em Arial, Verdana, sans-serif;
    text-align: left;
}

/*box for single item */
.box-item, .tx-powermail-pi1 {
  width: 530px;
  float: left;
  margin: 15px 20px 0px 30px;
  padding: 0 auto;
  clear: both;
}
.tx-rggooglemap-pi1 {
  width: 550px;
  float: left;
  margin: 15px 20px 0px 30px;
  padding: 0 auto;
  font-family: Arial, Verdana, sans-serif;
}
.box-item-header {
  float: left;
  text-transform: uppercase;
  font-size: 1.1em;
  color: #0071bc;
  font-weight: bold;
  padding:5px 15px;
  font: bold 1.1em Helvetica, Arial, Verdana, sans-serif;
}

.box-item-desc {
    text-align: left;
    font: normal 1em Helvetica, Arial, Verdana, sans-serif;
    line-height: 1.3;
    clear: left;
}

.box-item-desc p {
    padding:5px 15px;
}

.box-item-desc ul, .box-item-desc ol {
	padding: 0 0 0 30px;
	list-style-position: inside;
	}

.box-item-img {
    float: right;
    background: transparent;
    padding-left: 10px;
}

 /*blue corners */
.bl {background: url(../images/1bl.gif) 0 100% no-repeat #2979be; }
.br {background: url(../images/1br.gif) 100% 100% no-repeat}
.tl {background: url(../images/1tl.gif) 0 0 no-repeat}
.tr {background: url(../images/1tr.gif) 100% 0 no-repeat; padding:10px}
.clear {font-size: 1px; height: 1px}

.box-text, .tx-powermail-pi1_formwrap, .tx-powermail-pi1_thx {
	float: left;
	width: 500px;
	padding:5px 15px;
	font: normal 1em Helvetica, Arial, Verdana, sans-serif;
	text-align: left;
}

.box-text ul {
	padding-left: 15px;
}

.box-text form {
  padding: 10px 10px;
}

.box-text p {padding-bottom: 5px;}
.box-text h4, .box-text h3, .box-text h2 {
	color: #2979be;
	padding: 5px 0 5px 0;}

.vcard { clear: both; height: 100%; margin: 0 0 10px 55px; padding: 0; overflow:auto; text-align: left;} 
.vcard dl.addr { height: 100%; margin: .3em 0 0 0; padding: 0; }
.vcard p {margin: 0; padding-bottom: 0;}


.news-list-container {
	width: 160px;
}

.news-list {
  padding-left: 5px;
  width: 160px;
}
.news-list h2 {
  font: bold 1.1em Helvetica, Arial, Verdana, sans-serif;
  background: #fff url(../images/news-blue.gif) no-repeat 0px 3px;
  padding-left: 20px;
}

.news-list a, .newslist a:link {
  color: #0071bc;
  font-weight: bold;
  text-align: right;
}

.news-list a:hover, .newslist a:focus, .newslist a:active {
  color: #ee312f;
}

.news-single-timedata {
  text-align: right;
  font-size: 0.7em;
  color: black;
}

.news-single-backlink {
  text-align: right;
  padding-bottom: 30px;
}

.news-list-item {  
  width: 160px;
  float: left;
  margin-top: 15px;
  padding: 0 auto;}

.right {
  float: right;
  padding-bottom: 15px;
  padding-right: 15px;
}

.center {
  text-align: center;
}

.clear {
  clear: both;
}

p.small {font-size: 0.8em;}

.bg-blau {
  background-color: #d9eaf5;
}

#meta-navi {
  width: 133px;
}

#meta-navi ul
{
  list-style: none;
  margin: 0;
  padding: 0;
  border: none;
}

#meta-navi li {
}

/* link with arrow */
a.arrowlink, a.arrowlink:link {
  background: #d9eaf5 url(../images/pfeil-w.gif) no-repeat 5px 5px;
  text-decoration: none;
  color: #000;
  display: block;
  padding: 4px 0 4px 20px;
  margin: 8px 0;
  width: 100%;
}

a.arrowlink:hover, a.arrowlink:focus, a.arrowlink:active {
  color: #ee312f;
  text-decoration: underline;
  background: #d9eaf5 url(../images/pfeil-rot.gif) no-repeat 5px 5px;
}


#search{
  padding: 5px 5px;
  width: 143px;
  background-color: #d9eaf5;
}

#search input{
  /*display: block;*/
}


#map {
	float: left;
}

.tx-rggooglemap-pi1{
	float: left;
	width: 500px;
	padding-left: 20px;
}

#tx-rggooglemap-cat input, label{
 display: inline;
 vertical-align:middle;
}
#tx-rggooglemap-poiNest {
	float: left;
	text-align: left;		
}

#tx-rggooglemap-poiNest h1{
	font-size: 14px;
}

#right ul {
  list-style: none;
  padding: 0;
  margin: 0;
  }

#right li a {
  height: 1%;
}


#right p {
  padding: 3px 0px 2px 0px;
}

#right div {
  margin-bottom: 15px;
  margin-right: 30px;
}

#footer{
    float: left;
    margin-left: 0px;
    width: 980px;
    height: 35px;
    background: #fff url(../images/footer-bg1.gif) no-repeat top right;
    font: bold 0.85em Helvetica, Arial, Verdana, sans-serif;
    }


#footer a, #footer a:link {
  color: #322f31;
  text-decoration: none;
}

#footer a:hover, #footer a:focus, #footer a:active {
  text-decoration: underline;
  color: #ee312f;
}


#footer-mid {
   float: left;
   width: 980px;
   text-align: right;
   margin-top: -15px;
   padding: 0 60px 0 0; 
  /*margin: 0 30px 0 0;*/  
    }

#footer-mid span {
  background-color: #d9eaf5;
  padding: 0 20px 0 110px;
  margin: 0 40px 0 0px;
}

/* Table Design by Scott Boyle, Two Plus Four
www.twoplusfour.co.uk
----------------------------------------------- */

.tx-indexedsearch table {margin: 5px 0 0 55px;border: 1px solid #d9eaf5;}

table {
	border-collapse: collapse;
	border: 2px solid #000;
	font: normal 80%/140% arial, helvetica, sans-serif;
	color: #555;
	background: #fff;
	max-width: 500px;
	margin: 5px 0 5px 0;}

td, th {border: 1px dotted #bbb;
padding: .5em;}

caption {padding: 0 0 .5em 0;
text-align: left;
font-size: 1.4em;
font-weight: bold;
text-transform: uppercase;
color: #333;
background: transparent;}

/* =links
----------------------------------------------- */

table a {padding: 1px;
text-decoration: none;
font-weight: bold;
background: transparent;}

/*table a:link {border-bottom: 1px dashed #ddd;
color: #000;}

table a:visited {border-bottom: 1px dashed #ccc;
text-decoration: line-through;
color: #808080;}

table a:hover {border-bottom: 1px dashed #bbb;
color: #666;}*/

/* =head =foot
----------------------------------------------- */

thead th, tfoot th {border: 2px solid #000;
text-align: left;
font-size: 1.2em;
font-weight: bold;
color: #333;
background: transparent;}

tfoot td {border: 2px solid #000;}

/* =body
----------------------------------------------- */

tbody th, tbody td {vertical-align: top;
text-align: left;}

tbody th {white-space: nowrap;}

.odd {background: #fbfbfb;}

tbody tr:hover {background: #fafafa;}

