/* CSS Document */
body {
	margin: 0px; padding: 0px;
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

h1 {
	font-size: 16px;
	font-weight: bold;
	margin-top:0px;
	}
h3 {
	font-size: 14px;
	font-weight: normal;
	 }

a:focus, .jScrollPaneContainer:focus, a:active, .jScrollPaneContainer:active {
  outline: none;
  border: none;
}

p sup {font-size:7px;}

p {line-height: 14px; margin: 7px 0px;}

a:link, a:visited {color:#333333; text-decoration:none; -webkit-tap-highlight-color:rgba(154,51,52,0.4)}
a:hover {color:#DD2C34;}

.small{font-size:11px;}

img { border:0px; }

div.center {
	width: 720px;
	margin-left: -360px;
	left: 50%;
	position: absolute;
}

div#start_images.center {
  width: 748px;
  margin-left: -374px;
  margin-top: 86px;
}

div#head_logo {
	margin: 30px 0px 18px 0px; }
div#menu {
	width: 100%;
	padding: 5px 0px 5px 0px; margin-bottom: 20px;
	border-width: 1px 0px 1px 0px; border-color: #E9E9E9; border-style: solid;
	font-size: 10px; text-align: center; color: #999999; text-transform: uppercase; font-weight: bold; margin-bottom: 27px; }

div#menu div table tr td a {
	color: #999999; text-decoration: none; }
/*div#menu div table tr td a:hover {
	color: #333333; }*/
	
td#buero_text p {
	line-height: 16px; }

.flaechengrau {
	color: #EEEEEE; }
.hellgrau {
	color: #999999; }	
.dunkelgrau {
	color: #333333; }
.hellrot {
	color: #DD2C34; }
.dunkelrot {
	color: #9A3131; }
	
table#projekte {
	width: 720px; border: 0px; padding: 0px; margin: 0px; }

table#projekte tr td {
	color: #FFFFFF; vertical-align: top; }
table#projekte tr td a {
	padding: 15px; font-weight: bold; color: #FFFFFF; text-decoration: none; font-size: 11px; display: block; width: 129px; height: 98px; }
table#projekte tr td a.dunkelrot {
	background-color: #9A3131; }
/*table#projekte tr td a.dunkelrot:hover {
	background-color: #B93B3B; }*/
table#projekte tr td a.hellrot {
	background-color: #DD2C34; }
/*table#projekte tr td a.hellrot:hover {
	background-color: #EF313D; }
	*/
.table_content_grau {
	background-color: #EEEEEE; padding:30px; color:#333333;}
	
.table_content_rot {
	background-color: #9A3131; padding:30px; color:#ffffff;}

ul { list-style: none; padding: 0px; margin: 0px; list-style-position: inside; }
ul li { padding: 0px; margin: 0px; line-height: 18px; list-style-image: url(../bilder/punkt_rot.gif); }

.projekt_thumb {
	
	padding: 10px 0px 10px 0px;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #999999; }

	
div#liste p {
	border-bottom: 1px #CCCCCC solid; padding-bottom: 10px; }
	
div#projekt_detail_info_box1 {
	width: 326px;
	height: 108px;
	background-color: #9A3131; 
	color: #FFFFFF; 
	vertical-align: bottom;
	float: left; 
	text-align: left; 
	padding: 10px; 
	font-size: 11px;
}

div#projekt_text {
	clear:both; 
	padding-top: 0px; 
	margin-bottom: 30px;
}

div#projekt_detail_info_box2 {
/*  height: 112px;
*/	background-color: #EEEEEE; 
	float:right;
	margin-bottom: 24px;
  font-size: 11px;
  padding: 12px;
  position: relative;
}

.scroll-pane {
  width: 330px;
	height: 104px;
	overflow-y: auto;
	z-index: 1;
}

div#projekt_detail_info_box2 table tr td {
  vertical-align: baseline;
  padding-bottom: 12px;
  padding-top: 0;
}

div#projekt_detail_info_box2 table tr td:first-child {
  width: 90px;
} 

div#projekt_detail_info_box1 h1 p {margin:0px;}
div#projekt_detail_info_box2 p {margin:0px;}

table.table_geschichte, table#preisgerichte {
	width: 280px; }
	
table.table_geschichte tr td {
	vertical-align: top; padding: 3px 0px 3px 0px; }
	

table#preisgerichte tr td {
	vertical-align: top; text-align: left; padding: 7px 0px;}
	
table#preisgerichte tr {
 border-bottom: 1px solid #ccc;
 }
	
h5 {
	font-size: 12px; font-weight: bold; margin: 0px; padding-bottom: 0px; }

#start_images {
  height: 480px;
  overflow:hidden;
  display: block;
}

#start_images a{
  position: relative;
  display: block;
  width: 159px;
  height: 128px;
  margin: 14px;
  float: left;
}

#start_images a img {
  position: absolute;
  top: 0;
  left:0;
}

div#projekt_bilder_container {
  position: relative;
}

div#projekt_bild_container, div#projekt_thumbnail_container {
  height: 284px;
} 

div#projekt_bild_container img, div#projekt_thumbnail_container img{
  cursor: pointer;
}

div#projekt_bild_container {
  width: 533px;
  border: 1px solid #EEE;
  margin: 0 24px 27px 0;
  overflow: hidden;
  float: left;
  position: relative;
}

div#projekt_thumbnail_container {
  width: 161px;
  overflow: auto;
  padding: 0;
  float: right;
}

div#projekt_thumbnail_container img, a.thumbnail {
  width: 133px;
  height: 75px;
}

a.thumbnail:link {
  border: 2px solid #ccc;
  margin: 0 12px 12px 0;
  display: block;
}

a.thumbnail.active:link, a.thumbnail.active:hover {
  border: 2px solid #9A3131;
}

a.thumbnail:hover {
  border: 2px solid #DD2C34;
}

div#projekt_bilder_container .jScrollPaneTrack {
  background: #EEE !important;
}

a#lupe {
  width: 30px;
  height: 30px;
  display: block;
  position: absolute;
  bottom: 20px;
  right: 20px;
  background-image: url(../bilder/lupe_sprite.png);
  background-repeat: no-repeat;
  background-position: left top;
  cursor: pointer;
	z-index: 999;
}

a.image {
  display: block;
	position: absolute;
	top: 0;
	left: 0;
}

a#lupe:hover, a#lupe.active {
  background-position: center -30px;
}

div#loader {
	display: block;
  position: absolute;
  background-color: white;
  height: 100%;
  width: 100%;
	top: 0;
	left: 0;
	z-index: 1000;
}

div#loader span {
  background: url(../bilder/coersmeier_loading.gif) no-repeat center center;
  display: block;
  width: 40px;
  height: 40px;
  margin: 120px auto 0 auto;
}