/**
 * FBG Stylesheet
 */

/* reset **********************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body { line-height: 1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* general ********************************************************************/

html {
  font: 13px Arial, Verdana, sans-serif;
}

body {
  color: #8a8a8a;
  line-height: 1.4em;
  background: #dfdfdf;
  margin-bottom: 30px;
}

a {
  text-decoration: none;
  color: #e42c2a;
}

h1 a {
  display: block;
  text-indent: -10000px;
  float: right;
  width: 256px;
  height: 44px;
  margin: 35px 0 0 0;
  background: url(../images/FBG_logo.gif) no-repeat;
}

h2, h3 {
  font-size: 1.55em;
  font-weight: normal;
  color: #e42c2a;
  margin-bottom: 15px;
}

input,
textarea,
select,
option {
  color: #666;
}

small {
  font-size: 0.8em;
}

b,
strong {
  font-weight: bold;
}

i,
em {
  font-style: italic;
}

/* geruest ********************************************************************/

#rahmen {
  margin: 0 auto;
  width: 900px;
}

#page {
  position: relative;
  width: 900px;
}

#top-navi {
  padding: 30px 0 6px 40px;
}

#header {
  height: 400px;
  background: #fff;
}

body.page #header {
  height: 160px;
}

#navigation {
  float: left;
  margin: 55px 0 0 0;
  width: 202px;
}

body.page #navigation {
  margin-top: 126px;
}

#inhalt {
  float: left;
  padding: 45px 0 50px 0;
  margin: 0;
  width: 698px;
}

#text {
  clear: right;
}

body.page #text {
  position: relative;
  top: 7px;
}

body.page #text h2 {
  padding: 0 0 11px 68px;
  margin: 0;
  border-bottom: solid 1px #dfdfdf;
}

body.page #text p {
  padding: 0 0 1.2em 0;
}

/* typo & farben **************************************************************/

#page {
  background: #fff;
  font-size: 1em;
}

#text a:link,
#text a:active,
#text a:visited {
  border-bottom: 1px dotted;
}

#top-navi,
#top-navi a:link,
#top-navi a:active,
#top-navi a:visited {
  color: #8a8a8a;
}

#top-navi a:hover,
#text a:hover,
#TB_window a:hover,
#TB_window a.current {
  border: none;
  color: #666;
}

#navigation {
  margin-bottom: 50px;
}

#navigation * {
  font-size: 1.02em;
}

#navigation a {
  color: #8a8a8a;
}

#navigation a:hover,
#navigation a:focus,
#navigation ul a.aktiv,
#navigation ul li ul li.aktiv a {
  color: #e42c2a;
}

/* navigation *****************************************************************/

#navigation ul li {
  border-bottom: solid 1px #dfdfdf;
}

#navigation ul li a {
  display: block;
  padding: 8px 0 8px 40px;
}

#navigation ul a.aktiv {
  background: url(../images/pfeil.gif) no-repeat 15px 12px;
}

/* subnavigation **************************************************************/

#navigation ul li ul {
  border-top: solid 1px #dfdfdf;
}

#navigation ul li ul li {
  margin: 0 20px 0 25px;
  border: none;
}

#navigation ul li ul li a {
  padding: 8px 0 8px 6px;
  margin-left: 20px;
  border-bottom: dotted 1px #e42c2a;
}

#navigation ul li ul li.last a {
  border-bottom: none;
}

#navigation ul li ul li.aktiv {
  background: url(../images/pfeil.gif) no-repeat 0 12px;
}

/* boxen **********************************************************************/

.box {
  float: left;
  width: 269px;
  border-bottom: solid 1px #dfdfdf;
  padding: 40px;
  height: 70px;
}

.box.border {
  border-right: solid 1px #dfdfdf;
  width: 268px;
}

.page-content ul,
.page-content ol {
  margin: 0 0 1.3em 2em;
}

.page-content ul li {
  list-style: disc;
}

.page-content ol li {
  list-style: decimal;
}

/* auf einen blick ************************************************************/

body.page #text .subpage p,
body.page #text .galerie p {
  padding: 0;
}

.subpage {
  padding: 25px 79px 25px 68px;
  border-bottom: solid 1px #dfdfdf;
  width: 551px;
}

.subpage h3 {
  margin-bottom: 23px;
}

.imgbox {
  width: 150px;
  float: left;
}

.textbox {
  float: left;
  width: 400px;
}

img.teaser {
  border: solid 1px #666;
}

#text a.teaser-link {
  border: none;
}

.gallery-intro-text img {
  margin-right: 15px;
}

/* galerie ********************************************************************/

.galerie,
.page-content {
  padding: 25px 79px 25px 68px;
  border-bottom: solid 1px #dfdfdf;
  width: 551px;
}

.galerie h3 {
  color: #8a8a8a;
  font-weight: bold;
  font-size: 1.1em;
}

.pagination li {
  float: left;
}

.pagination .prefix {
  padding-right: 5px;
}

#text .pagination a {
  border: none;
  display: block;
  padding: 0 5px;
}

#text .pagination a.current-page {
  color: #666;
  font-weight: bold;
}

p.hinweis {
  padding: 25px 79px 0 68px;
}

/*
.sv_next a,
#TB_next a,
.sv_prev a,
#TB_prev a,
.separator {
  display: block;
  float: left;
}

.sv_next a,
#TB_next a {
  padding: 0 0 0 8px;
}

.sv_prev a,
#TB_prev a {
  padding: 0 8px 0 0;
}

.sv_prev.kein-einzug a,
#TB_prev.kein-einzug a {
  padding: 0 0 0 0;
}
*/

/* tabellen *******************************************************************/

table {
  width: 100%;
  margin: 0 0 20px;
}

thead td,
tfoot td {
  background: #dfdfdf;
  height: 20px;
  border-right: 5px solid #fff;
  border-bottom: 15px solid #fff;
  font-weight: bold;
  font-size: 0.85em;
}

tfoot td {
  border-top: 15px solid #fff;
}

th,
td {
  padding: 0 5px;
}

#text a[href $=".pdf"] {
  background: url(../images/pdf-icon.gif) left no-repeat;
  padding-left: 20px;
}

/* Sitemap ***/

.page-content .sitemap {
  margin: 0;
}

.page-content .sitemap li {
  list-style: none;
  margin: 0 0 15px 0;
}

.page-content .sitemap ul {
  margin: 15px 0 0 15px;
}

.page-content .sitemap ul li {
  margin: 0 0 5px 0;
}

/* Kontakt ***/

.kontakt-spalte-1 {
  float: left;
  width: 80px;
}

.kontakt-spalte-2 {
  float: left;
  width: 190px;
}

.kontakt-spalte-3 {
  float: left;
  width: 80px;
}

.kontakt-spalte-4 {
  float: left;
  width: 200px;
}

body.page #text .kontakt-spalte-2 p,
body.page #text .kontakt-spalte-4 p {
  padding: 0 0 11px 0;
}

.kontakt-spalte-2 select,
.kontakt-spalte-2 input,
.kontakt-spalte-4 input,
.kontakt-spalte-betreff input,
.kontakt-spalte-betreff textarea {
  border: solid 1px #000;
  width: 160px;
  height: 18px;
}

.kontakt-spalte-2 select {
  height: auto;
  width: auto;
}

.kontakt-spalte-betreff input,
.kontakt-spalte-betreff textarea {
  width: 430px;
}

.kontakt-spalte-betreff textarea {
  height: 250px;
}

.kontakt-spalte-button {
  margin: 0 0 0 79px;
}

.kontakt-spalte-button input {
  color: #333;
}

/* sonstiges ******************************************************************/

.clear { clear: both; }
.cleft { clear: left; }
.hidden { display: none; }
.sent-error,
.sent-success {
  color: #e42c2a;
  padding: 15px;
  border: solid 1px #dfdfdf;
  background: #fffbcc;
  margin: 0 0 25px 0;
}

img.alignright {
  float: right;
  margin: 5px 0 0 15px;
}

img.alignleft {
  float: left;
  margin: 5px 15px 0 0;
}

.sent-success {
  color: #8a8a8a;
}
body.page #text p.last { padding-bottom: 0; }

#page {
  background: url(../images/barrierefrei-bg.gif) repeat-y #fff;
  overflow: auto;
}

#top-navi .font-plus-minus a {
  padding: 0 4px;
  border: solid 1px #8a8a8a;
}

#top-navi .font-plus-minus a:hover {
  background: #fff;
  border: solid 1px #8a8a8a;
}

#navigation ul li {
  padding: 0;
  margin: 0;
}

#homepage {
  width: 698px;
  border-top: solid 1px #dfdfdf;
}