/* *    CSS-StyleSheet for Riemerschultz
   *
   *	Copyright (c) WIZMO GmbH
   *	http://www.wizmo.de/
   *	
   *	created by Christoph Kluge
   *    
   * */

/* ====================== CSS-Definitions ====================== */
/* ======== global definitions ======== */
* {
	padding: 0em;
	margin: 0em;
}

html {
    font-family: arial, corbel, verdana, georgia, serif;
	font-size: 100%;
	overflow-y: scroll;
	overflow-x: hidden;
}

body {
    font-size: 0.75em; /* 12px */
    background: #fff;
}

p {
	padding-bottom: 0.83em; /* 10px */
}
hr {
	
}

.success {
    font-weight: bold;
    color: green;
}
.error {
    font-weight: bold;
    color: red;
}
.clear {
    clear: both;
}
/*********************** Link / Listen Definitionen ***********************/
a {	
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #999;
	text-decoration: none;
}
a.active {
	font-weight: bold;
}
div.breadcrumb a,
div.breadcrumb a.active {
	padding-left: 0.416em; /* 5px */
	padding-right: 0.416em; /* 5px */
}
div.content_strip_orange a,
div.content_strip_orange a:hover{
	color: #dd7602;
}
div.content_strip_blue a,
div.content_strip_blue a:hover {
	color: #00487d;	
}
div.content_strip_orange_short div.text div.teaserText a, 
div.content_strip_orange_short div.text div.teaserText a:hover, 
div.content_strip_blue_short div.text div.teaserText a, 
div.content_strip_blue_short div.text div.teaserText a:hover {
	color: #00487d;
	font-style: italic;
}
div.content_strip_orange_short div.text div.teaserText a:hover,
div.content_strip_blue_short div.text div.teaserText a:hover {
	color: #6f90b8;
}
div.nav_bottom a {
	color: #00487C;
}
ul.nav_content li a {
	color: #00487D;
	font-style: italic;
}
ul.nav_content li a:hover {
	color: #6F90B8;
}
ul.level2 a,
ul.level2 a:hover {
	font-weight: bold;
	color: #dd7602;
}
ul.level3 a {
	color: #00487D;
	font-weight: bold;
}
ul.level3 a:hover {
	color: #6F90B8;
}
ul.level4 a,
ul.level4 a:hover {
	font-weight: normal;
}
/*********************** Feste Container Definitionen ***********************/
div#containerBox {
	/* Center Definition */
	width: 79.166em;/* 950px; */
    margin: 0em auto;
	/* Center Definition Ende */  
	background: #fff;
}
div#headerBox {
	width: 74.583em; /* 895px */
	height: 11.083em; /* 133px */
	margin-left: 4.583em; /* 55px */
	background: #fff url('/themes/default/img/logo_top_right.gif') no-repeat top right;
}
div#logo {
	float: left;
	width: 16.25em; /* 195px */
	height: 11.083em; /* 133px */
}
div#headbar {
	color: #00487D;
	font-size: 4em;
	font-style: italic;
	font-weight: bold;
	padding-left: 6.1em;
	padding-top: 0.8em;
}
div#headbanner {
	font-size: 4em;
	left: 5.25em;
	top: 0.8em;
	position: relative;
}
div#headbanner div.dia {
	display: none;
	left: 0;
	position: absolute;
	top: 0;
}
div#headbanner div.first {
	display: block;
}
div#contentBox {
	/* width: 74.583em; /* 895px */
	float: left;
	margin-left: 4.583em; /* 55px */
	background: #fff url('/themes/default/img/bg_content_left_new_nobutton.jpg') no-repeat top left;
	position: relative;
	min-height: 600px;
	height: auto !important;
	height: 600px;
}
div#contactButton {
	height: 91px;
	left: 59px;
	position: absolute;
	top: 484px;
	width: 160px;
}
div#contactButton a {
	display: block;
	height: 91px;
	width: 160px;
}
div#bottomBox {
	height: 10em;
}
/*********************** Variable Container Definitionen ***********************/
div#contentBox div.breadcrumb {
	width: 40em; /* 480px */
	padding-left: 24.166em; /* 290px */
	padding-bottom: 2.5em; /* 30px */
}
div#contentBox div.content {
	min-height: 500px;
	width: 53.333em; /* 650px */
	padding-left: 10em; /* 120px */
	float: left;
	margin-right: 3.75em;/* 45px */
	/* background: #ccc; */
}
/* Startpage-Layout */
div.content_strip_orange,
div.content_strip_blue {
	margin-bottom: 1.666em; /* 20px */	
}
div.content_strip_orange div.picture,
div.content_strip_blue div.picture {
	/* border: 1px solid #ccc; */
	float: left;
	width: 10.833em; /* 130px */
	height: 7.5em; /* 90px */
}
div.content_strip_orange div.text,
div.content_strip_blue div.text {
	height: 6.666em; /* 80px */
	margin-left: 10.833em; /* 130px */
	padding-left: 3.333em; /* 40px */
	padding-top: 0.833em; /* 10px */
}
div.content_strip_orange div.text {
	color: #dd7602;
	background: transparent url('/themes/default/img/bg_balken_ora.gif') repeat-y 0 0;
}
div.content_strip_blue div.text {
	color: #00487d;
	background: transparent url('/themes/default/img/bg_balken_blue.gif') repeat-y 0 0;
}
div.content_strip_orange div.text div.title,
div.content_strip_blue div.text div.title,
div.content_strip_orange div.text div.teaserText,
div.content_strip_blue div.text div.teaserText {
	font-weight: bold;
	font-style: italic;
}
div.content_strip_orange div.text div.title,
div.content_strip_blue div.text div.title {
	font-size: 3em; /* 24px */
}
div.content_strip_orange div.text div.teaserText,
div.content_strip_blue div.text div.teaserText {
	font-size: 1.166em; /* 14px */
}
/*********************** Detailpage-Layout ***********************/
div.content_strip_orange_short,
div.content_strip_blue_short {
	margin-bottom: 1.666em; /* 20px */	
}
div.content_strip_orange_short div.picture,
div.content_strip_blue_short div.picture {
	/* border: 1px solid #ccc; */
	float: left;
	width: 10.833em; /* 130px */
	height: 7.5em; /* 90px */
}
div.content_strip_orange_short div.text,
div.content_strip_blue_short div.text {
	float: left;
	width: 41.666em; /* 500px */
	/* height: 6.666em; /* 80px */
	/* margin-left: 10.833em; /* 130px */
	/* padding-top: 0.833em; /* 10px */
}
div.content_strip_orange_short div.text div.title,
div.content_strip_blue_short div.text div.title {
	height: 1.666em; /* 20px */
	padding-left: 1.666em; /* 20px */
	line-height: 1.666em; /* 20px */
	/* font-size: 1.166em; /* 14px */
}
div.content_strip_orange_short div.text div.teaserText,
div.content_strip_blue_short div.text div.teaserText,
div.content_strip_orange_short div.text div.bottomText,
div.content_strip_blue_short div.text div.bottomText {
	padding-top: 0.416em; /* 5px */
	padding-left: 1.666em; /* 20px */
	/* font-size: 1.166em; /* 14px */
}
div.content_strip_orange_short div.text div.title {
	color: #dd7602;
	background: transparent url('/themes/default/img/bg_balken_ora.gif') repeat-y 0 0;
}
div.content_strip_blue_short div.text div.title {
	color: #00487d;
	background: transparent url('/themes/default/img/bg_balken_blue.gif') repeat-y 0 0;
}
div.content_strip_orange_short div.text div.title,
div.content_strip_blue_short div.text div.title {
	font-weight: bold;
	font-style: italic;
}
ul.nav_content {
	list-style-type: none;
	padding-left: 4em;
	padding-top: 1.5em;	
}
ul.nav_content li {
	padding-bottom: 0.416em; /* 5px */
	font-weight: bold;
}
div.media_right  {
	float: left; 
	width: 63px;
	overflow: hidden;
}
div.media_right div.item {
	margin-bottom: 0.833em; /* 10px */
}
#kontaktButton {
	position: absolute;
	left: 750px;
	top: 450px;
}
/*********************** Snippet-Bottom ***********************/
div.snippet {
	height: auto !important; 
}
div.contactBox div.heading {
	font-style: italic;
	font-weight: bold;
	height: 1.666em; /* 20px */
	padding-left: 1.666em; /* 20px */
	line-height: 1.666em; /* 20px */
	/* font-size: 1.166em; /* 14px */
	color: #dd7602;
	margin-top: 1.5em;
	margin-bottom: 1.5em;
	margin-left: 7em;
	background: transparent url('/themes/default/img/bg_balken_ora.gif') repeat-y 0 0;	
}
div.contactBox div.picture {
	float: left;
	padding-bottom: 1.5em;
}
div.contactBox div.title {
	float: left;
	font-weight: bold;
	padding-right: 0.5em;
}
div.contactBox div.text {
	font-style: italic;
	padding-left: 12.5em;
}
div.contactBox div.job_offers div.text {
	padding-bottom: 0.5em;
}
div.contactForm {
	padding-left: 12.666em;
	padding-top: 2.916em; /* 35px */
}
div.contactForm div.title {
	background: none !important;
	font-weight: bold !important;
	color: #000 !important;
	font-style: normal !important;
	padding-left: 0em !important;
	padding-bottom: 1.25em !important;
}

form.contactForm fieldset {
	border: none;
}
form.contactForm fieldset label {
	float: left;
	display: block;
	width: 7.083em; /* 85px */
}
form.contactForm fieldset input,
form.contactForm fieldset textarea {
	border: 0.083em solid #ccc;	/* 1px */
}
form.contactForm fieldset input {
	width: 22.499em; /* 270px */
	height: 1.25em; /* 15px */
}
form.contactForm fieldset textarea {
	width: 19.499em; /* 270px */
}
form.contactForm fieldset div {
	clear: left;
	padding-bottom: 1.25em; /* 15px */
}

/*********************** Navigation-Bottom ***********************/
div.nav_bottom {
	font-size: 0.833em;
	/* width: 79.166em;/* 950px; */
	padding-right: 0.833em; /* 10px */
	margin-top: 2.083em; /* 25px */
	height: 1.33em; /* 16em */
	color: #00487C;
	padding-bottom: 1.666em; /* 20px */
	/* background: #00487c;
	border-top: 0.083em solid #91b0c7; /* 1px */
	text-align: right;
}
div.nav_bottom div.powered {
	margin-left: 2em;
	float: right;
}
/*********************** Galerie ***********************/
div.gallery {
	width: 40em; /* anpassen */
	margin-top: 3.75em; /* 45px */
	margin-bottom: 3.75em; /* 45px */
	padding-left: 1.166em;
}
div.gallery div.gallery_picture {
	float: left;
	height: 8.333em; /* 100px */
	width: 12.166em; /* 146px */
	margin-left: 0.5em; /* 6px */
	margin-right: 0.5em; /* 6px */
	margin-bottom: 0.5em; /* 6px */
}
div.gallery div.gallery_picture img {
	border: 0.083em solid #ccc; /* 1px */
}
/*********************** Sitemap ***********************/
.level1 {
	padding-top: 1em;
	padding-left: 1em;
}
ul.level2 {
	padding-left: 1.5em;
}
ul.level3 {
	margin-bottom: 1em;
	padding-left: 3em; 
}
.level4 {
	margin-top: 0.5em;
	margin-bottom: 1em;
	padding-left: 2.5em;
}
ul.level2, ul.level3, ul.level4 {
	list-style-type: none;	
}
ul.level4 li {
	font-style: italic;
}
li.sitemapli div.title {
	background: none !important;
	margin-bottom: 0.2em;
}

/* ============= Start Dynamische Schattenerstellung für Bilder ============== */
.shadow1, .shadow2, .shadow3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
.shadow1 {
  float:left;
  background:url(../img/shadow.png) right bottom no-repeat;
  }
.shadow2 {
  background:url(../img/corner_bl.png) left bottom no-repeat;
  }
.shadow3 {
  padding:0 4px 4px 0;
  background:url(../img/corner_tr.png) right top no-repeat;
  }
 .shadow3 img {
  display:block;
  }

/* ============= Stop Dynamische Schattenerstellung für Bilder ============== */