@charset "utf-8";
/* CSS Haupt-Document */

/** kritische Werte instanzieren
-------------------------------------------------------------------------------------------------- */
* {
  margin:0;
  padding:0;
  vertical-align:top;
}
img{
  vertical-align:bottom;
}
a:link img, a:visited img,
a:hover img, a:focus img, a:active img {
  border:0;
}
/* a[href^="http://"]:before,
a[href^="https://"]:before {
  content: "\2197\00A0";
  font-family:Arial, Helvetica, sans-serif;
} */
a {
  outline:none;
}

/** allgemeine Elemente formatieren
-------------------------------------------------------------------------------------------------- */
body {
  background:#f6f7f7 url(../images/layout/body_bg.jpg) left top repeat-x;
  color:#2e3444;
  font-size:80%;
  font-family:Arial, Helvetica, sans-serif;
  text-align:center;
}
body * {
  text-align:left;
}
th, td {
  font-size:80%;
  line-height:1.4em;
}
th, td {
  f\ont-size:100%;
}

/* Listen siehe content*/

/* Links und Anker */
a:link, a:visited,
a:hover, a:focus, a:active {
  background-color:transparent;
  color:#2473B4;
  text-decoration:none;
  font-size:1em;
  line-height:1.4em;
}
a:hover,
a:focus, 
a:active {
  text-decoration:underline;
}

/* Überschriften und Absätze */
h1 {
  color:#0c71d4;
  background-color:transparent;
  font-family: "Times New Roman", Times, serif;
  font-size:1.8em;
  font-weight:normal;
  margin:.8em 0 .75em;
}
h2 {
  color:#0c71d4;
  background-color:transparent;
  font-family: "Times New Roman", Times, serif;
  font-size:1.6em;
  font-weight:normal;
  margin:1em 0 .5em;
}
h2.h2-dicht {
  margin-top:.75em;
}
h3 {
  color:#0c71d4;
  background-color:transparent;
  font-family: "Times New Roman", Times, serif;
  font-size:1em;
  margin:1em 0 .5em;
}
p {
  font-size:1em;
  line-height:1.4em;
  margin:0 0 1em 0;
}
span {
  font-size:1em;
  line-height:1.4em;
}
.wichtig {
	font-weight:bold;
}
.small {
  font-size:.9em;
  line-height:1.4em;
}
hr {
  border:solid 1px #bbb;
  margin:1em 0;
}


.text-high    {font-family:Arial, Helvetica, sans-serif; color:#D43C0C; font-size: 11px; font-weight:bold;}
#content p.text-angebot {font-family:Arial, Helvetica, sans-serif; color:#D43C0C; font-size: 12px; font-weight:bold; text-align:center; margin:0}
.text-blau    {font-family:Arial, Helvetica, sans-serif; color:#0C71D4; font-size: 12px; font-weight:normal;}


/* Überschriften und Absätze */
table {
  margin:0 0 1em;
  padding:0;
}

/**
-------------------------------------------------------------------------------------------------- 
Regeln für besondere Bereiche
-------------------------------------------------------------------------------------------------- */
.clear {
  clear:both;
}
.skip {
  position:absolute; left:-5000px; top:0;
}
.divider {
  display:none;
}

/** Hauptcontainer
-------------------------------------------------------------------------------------------------- */
div#top {
  position:relative; left:0; top:0;
  background:#f4f9fe url(../images/layout/top_bg.gif) left top repeat-y;
  margin:0 auto;
  width:980px;
}
div#bg-left {
	background:transparent url(../images/layout/left_bg.jpg) left top no-repeat;
	padding-left:25px;
	width:980px;
	wid\th:955px;
}
div#bg-right {
	background:transparent url(../images/layout/right_bg.jpg) right top no-repeat;
	padding-right:25px;
	width:955px;
	wid\th:930px;
}
div#main {
	background:transparent url(../images/layout/main_bg.gif) left top repeat-y;
	width:930px;
}
div#min-height {
	float:left;
	width:1px; height:500px;
}

/** header
-------------------------------------------------------------------------------------------------- */
div#header {
	background-color:#f4f9fe;
	text-align:center;
	width:930px;
}
img#logo {
	margin:15px 0 10px;
}

/** content
-------------------------------------------------------------------------------------------------- */
div#content {
  float:right;
  background-color:transparent;
  padding:0 55px 0 0;
  width:630px;
  wid\th:575px;
}
#content p,
#content span {
  text-align:justify;
}

/* Listen */
#content ul,
#content ol {
  margin-bottom:1em;
}
#content ul li,
#content ol li {
  padding:.2em 0;
}
#content ul li {
  background:transparent url(../images/layout/cube.gif) left 8px no-repeat;
  list-style:none;
  border-bottom:dashed 1px #d9d9d9;
  padding-left:10px;
  margin-left:0;
}
#content ol li {
  list-style:decimal;
  margin-left:12px;
}
#content li ul,
#content li ol {
  padding:0;
  margin-bottom:0;
}

/** content Spalten
-------------------------------------------------------------------------------------------------- */
div#content-sp1 {
	float:left;
	margin:1.8em 0 1em;
	width:267px;
}
div#content-sp2 {
	float:right;
	border-left:solid 1px #596480;
	padding-left:20px;
	margin:1.8em 0 1em;
	width:287px;
	wid\th:267px;
}
#content-sp1 h2.first-h2,
#content-sp2 h2.first-h2 {
  margin:0 0 .5em;
}
#content-sp1 h2,
#content-sp2 h2 {
  margin-top:.75em;
}
#content-sp1 p.last-p,
#content-sp2 p.last-p {
	margin-bottom:0;
}

/** sidebar
-------------------------------------------------------------------------------------------------- */
div#sidebar {
	float:left;
	background-color:#e8eff5;
	width:245px;
}
/* Hauptnavigation */
#sidebar ul {
	list-style:none;
}
#sidebar ul li {
	list-style:none;
}
#sidebar ul li a:link,
#sidebar ul li a:visited,
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li a:active {
	display:block;
	background:transparent url(../images/layout/main_nav_bg.gif) 35px bottom no-repeat;
	color:#596480;
	text-align:left;
	text-decoration:none;
	padding:11px 35px 11px 46px;
	width:164px;
}
#sidebar ul li#language {
	list-style:none;
	background:transparent url(../images/layout/main_nav_bg.gif) 35px bottom no-repeat;
	padding:12px 35px 12px 35px;
	margin:0;
}
#sidebar ul li#language a:link,
#sidebar ul li#language a:visited,
#sidebar ul li#language a:hover,
#sidebar ul li#language a:focus,
#sidebar ul li#language a:active {
	float:left;
	padding:0;
	margin:0 10px 0 0;
	width:21px;
}
#sidebar ul li a:hover,
#sidebar ul li a:focus,
#sidebar ul li a:active {
	background-color:#ccd3db;
}

/** bildbox-255
-------------------------------------------------------------------------------------------------- */
div.bildbox-255 a:link.bbox-sp1,
div.bildbox-255 a:visited.bbox-sp1,
div.bildbox-255 a:hover.bbox-sp1,
div.bildbox-255 a:focus.bbox-sp1,
div.bildbox-255 a:active.bbox-sp1,
div.bildbox-255 a:link.bbox-sp2,
div.bildbox-255 a:visited.bbox-sp2,
div.bildbox-255 a:hover.bbox-sp2,
div.bildbox-255 a:focus.bbox-sp2,
div.bildbox-255 a:active.bbox-sp2 {
  display:block;
  background-color:#fff;
  text-decoration:none;
  border:solid 1px #596480;
  padding:5px;
  margin:0 0 10px 0;
}
div.bildbox-255 a:hover.bbox-sp1,
div.bildbox-255 a:focus.bbox-sp1,
div.bildbox-255 a:active.bbox-sp1,
div.bildbox-255 a:hover.bbox-sp2,
div.bildbox-255 a:focus.bbox-sp2,
div.bildbox-255 a:active.bbox-sp2 {
	background-color:#ccd3db;
}
.bbox-sp1 {
	float:left;
}
.bbox-sp2 {
	float:right;
}

/** galerie
-------------------------------------------------------------------------------------------------- */
#galerie h2 {
  clear:both;
  color:#2e3444;
  background-color:transparent;
  font-family:Arial, Helvetica, sans-serif;
  font-size:1em;
  font-weight:bold;
}
#galerie a:link,
#galerie a:visited,
#galerie a:hover,
#galerie a:focus,
#galerie a:active {
  display:block;
  float:left;
  background-color:#fff;
  text-decoration:none;
  border:solid 1px #596480;
  padding:5px;
  margin:0 10px 10px 0;
}
#galerie a:hover,
#galerie a:focus,
#galerie a:active {
	background-color:#ccd3db;
}
#galerie a.last-img {
	margin-right:0;
}
#galerie a.img-right {
	float:right;
	margin-right:0;
}

/** Preisspalten
-------------------------------------------------------------------------------------------------- */
.preise-sp-1 {
	width:100px;
}
.preise-sp-2 {
	width:150px;
}
.k-preise-sp-1 {
	width:170px;
}
.k-preise-sp-2 {
	width:150px;
}

/** Kontaktspalten
-------------------------------------------------------------------------------------------------- */
.kontakt-sp-1 {
	width:40px;
}
.kontakt-sp-2 {
	width:150px;
}