/* ########## GENERAL ########## */

body {
	background-image: url(/templates/default/images/bg_all.gif);
	background-repeat: repeat-x;
	background-color: #fff;
	margin: 0 auto;
	padding: 0;
	color: #323232;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	width: 100%;
	height: 100%;
	overflow: hidden;
	text-align: center;
	font-size: 11px;
}

h1 {
	margin: 0;
	padding: 0;
	text-align: left;
	font-size: 19px;
	color: #630a04;
	font-weight: normal;
	text-transform: uppercase;
}

h2 {
	margin: 0 0 14px 0;
	padding: 0;
	text-align: left;
	font-size: 13px;
	color: #bbbbbb;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	margin: 0 0 10px 0;
	padding: 0;
	text-align: left;
}

img {
	border: 0;
}

p {
	text-align: justify;
	font-size: 12px;
	line-height: 16px;
	margin: 0;
	padding: 0;
}

a {
	text-decoration: none;
	color: #666666;
	font-size: 11px;
}

a:hover {
	text-decoration: none;
	color: #630a04;
	font-size: 11px;
}

#all {
	width: 100%;
	height: 100%;
	text-align: left;
}

#background-image {
	width: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

/* ########## GENERAL ########## */


/* ########## HEADER ########## */

#header {
	background-color: #fff;
	height: 41px;
	width: 100%;
	position: absolute; 
	top: 0;
	left: 0;
	text-align: center;
	border-bottom: 1px solid #c2c2c2;
	z-index: 3000;
}

.header_content {
	width: 1240px;
	margin: 0 auto;
	padding: 16px 0 0 0;
	text-align: right;
}

/* ########## HEADER ########## */


/* ########## BREADCRUMP ########## */

#breadcrump {
	width: 520px;
	margin: 0 auto;
	font-size: 11px;
	color: #aaaaaa;
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	text-align: left;
	margin: -240px 0 0 -620px;
}

#breadcrump a {
	color: #666666;
	font-size: 11px;
}

#breadcrump a:hover {
	color: #640a05;
	font-size: 11px;
}

#breadcrump a.active_link {
	color: #640a05;
	font-size: 11px;
}

/* ########## BREADCRUMP ########## */


/* ########## CONTENT ########## */

#content {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -620px;
	width: 520px;
	text-align: left;
	height: 400px;
	overflow: auto;
}

.content_text {
	width: 490px;
}

#background_content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -248px 0 0 -630px;
}

#background_content_hover {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -248px 0 0 -630px;
}

#background_content1 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -248px 0 0 -630px;
	height: 230px;
	overflow: hidden;
}

#background_content1_hover {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -248px 0 0 -630px;
	height: 230px;
	overflow: hidden;
}

#background_content2 {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -248px 0 0 -630px;
	margin-top: -10px;
	height: 238px;
	overflow: hidden;
}

#background_content2_hover {
        position: absolute;
        top: 50%;
        left: 50%;
        margin: -248px 0 0 -630px;
	margin-top: -10px;
	height: 238px;
	overflow: hidden;
}

/* ########## CONTENT ########## */


/* ########## PICTURE SLIDESHOW RIGHT ########## */

#pics {
	float: right;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -242px 0 0 -42px;
	background-image: url(/templates/default/images/rahmen_gross.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 665px;
	height: 470px;
	z-index: 1000;
}

#pics img {
	position: absolute;
	left: 8px;
	top: 8px;
	z-index:8;
	width: 649px;
	height: 454px;
}

#pics img.active {
    z-index:10;
    opacity:1.0;
}

#pics img.last-active {
    z-index:9;
}

/* ########## PICTURE SLIDESHOW RIGHT ########## */


/* ########## FLASH RIGHT ########## */

#flash {
	float: right;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -750px 0 0 -97px;
	z-index: 2000;
}

.flash_alt {
	background-image: url(/templates/default/images/facebook_big.gif);
	background-repeat: no-repeat;
	height: 1500px;
	width: 1500px;
}

.flash_alt_btn {
	position: absolute;
	bottom: 3px;
	_bottom: 0;
	z-index: 4000;
	width: 100%;
	left: 0;
}


/* ########## FLASH RIGHT ########## */


/* ########## MYAMAN ########## */

#myaman {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -620px;
	width: 1240px;
	text-align: left;
	height: 400px;
	overflow: auto;
}

.myaman_news {
	width: 136px;
	height: 380px;
	background-color: #fff;
	float: left;
	margin: 0 5px 0 0;
	padding: 10px;
}

.myaman_boxes {
	width: 900px;
	height: 400px;
	float: left;
}

.myaman_box {
	width: 277px;
	height: 170px;
	background-color: #fff;
	float: left;
	margin: 0 5px 5px 0;
	padding: 10px;
}

.myaman_box_right {
	width: 276px;
	height: 170px;
	background-color: #fff;
	float: right;
	margin: 0 0 5px 0;
	padding: 10px;
}

.myaman_lastviewed {
	width: 137px;
	height: 380px;
	background-color: #fff;
	float: left;
	margin: 0 0 0 5px;
	padding: 10px;
}

#background_content {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -248px 0 0 -630px;
}

#background_content_hover {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -248px 0 0 -630px;
}

/* ########## MYAMAN ########## */


/* ########## CONTENT REFERENCES ########## */

#references {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	margin: -200px 0 0 -620px;
	width: 520px;
	text-align: left;
	height: 400px;
	overflow: auto;
}

#reference_all {
	float: right;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -234px 0 0 -34px;
	width: 649px;
	height: 454px;
	background-image: url(/templates/default/images/bg_references_rahmen.png);
	background-repeat: no-repeat;
	
}

.referenzen_auswahl {
	float: left;
	margin: 10px 0 0 10px;
	height: 410px;

}

.referenzen_auswahl ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.referenzen_auswahl li {
	margin: 0;
	padding: 10px 0 0 0;
}

.referenzen_auswahl a {
	
}

.reference_link {
	float: right;
	margin: 18px 10px 0 0;
	font-size: 11px;
	color: #aaaaaa;
}

.reference_link img {
	margin: 0;
}

.reference_controls {
	margin: 10px 0 0 0;
}

.reference_controls .reference_prev{
	float: left;
	margin: 0 0 0 10px;
}

.reference_controls .reference_next{
	float: right;
	margin: 0 10px 0 0;
}

/* ########## FLASH RIGHT ########## */


/* ########## NEWS ########## */

.news_teaser {
	padding: 20px 0 20px 0;
	border-bottom: 1px dotted #666666;
}

.news_headline {
	float: left;
}

.news_headline h3 a{
	font-size: 13px;
	color: #630a04;
	font-weight: normal;
}

.news_date {
	float: right;
	color: #666666;
	font-size: 11px;
	margin: 2px 0 0 0;
}

#news_controls {
	position: absolute;
	float: left;
	left: 50%;
	top: 50%;
	margin: 210px 0 0 -620px;
	text-align: left;
	width: 490px;
}

.news_link_back {
	float: left;
}

.news_prev_next {
	float: right;
	color: #666666;
	font-size: 11px;
}

/* ########## NEWS ########## */


/* ########## BUTTON NAVIGATE ########## */

#button_navigate {
	position: absolute;
	bottom: -3px;
	z-index: 4000;
	width: 100%;
	left: 0;
}

/* ########## BUTTON NAVIGATE ########## */


/* ########## FOOTER + NAVIGATION ########## */

#footer {
	background-color: #630a04;
	height: 140px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 5000;
}

#footer_pin {
	background-color: #630a04;
	height: 140px;
	width: 100%;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: center;
	z-index: 6000;
}

.footer_nav_main {
	width: 1240px;
	margin: 9px auto 0 auto;
	padding: 0;
	text-align: left;
	font-size: 12px;
}

.footer_nav {
	width: 720px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	float: left;
}

.footer_nav .menuitem {
	margin: 0 30px 0 0;
	padding: 0;
	float: left;
}

.footer_nav .menuitem ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

.footer_nav .menuitem ul li {
	margin: 3px 0 0 0;
	padding: 0;
	display: block;
}

.footer_nav .menuitem ul li a {
	font-size: 11px;
	color: #eadede;
}

.footer_nav .menuitem ul li a:hover {
	font-size: 11px;
	color: #eadede;
	text-decoration: underline;
}

.footer_nav a {
	color: #eadede;
	font-size: 12px;
}

.footer_nav a:hover {
	color: #eadede;
	font-size: 12px;
}

.footer_metanav {
	width: 260px;
	margin: 0 auto;
	text-align: right;
	float: right;
	color: #eadede;
	font-size: 12px;
}

.footer_metanav a {
	color: #eadede;
	font-size: 12px;
}

.link_pin_navi a {
	color: #eadede;
	font-size: 12px;
}

.link_pin_navi a:hover {
	color: #eadede;
	font-size: 12px;
	text-decoration: underline;
}

.boxgrid { 
	width: 100%; 
	height: 140px; 
	overflow: hidden; 
	position: absolute; 
	z-index: 5000;
	bottom: 0;
	left: 0;
}

.boxcaption { 
	position: relative; 
	background: #000; 
	height: 100px; 
	width: 100%;
	z-index: 5000;
 }
 
 .captionfull .boxcaption {
 	top: 140;
 	left: 0;
	z-index: 5000;
 }
 
 .caption .boxcaption {
 	top: 240;
 	left: 0;
	z-index: 5000;
 }

/* ########## FOOTER + NAVIGATION ########## */


/* ########## REFERENCE-GALLERY ########## */

.fisheye  {
	text-align: center;
	height: 50px;
	position: relative;
}

a.fisheyeItem  {
	/* text-align: center;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	position: absolute;
	display: block;
	top: 0; */
}
.fisheyeItem img {
	border: none;
	margin: 0 auto 0 auto;
	/* width: 100%; */
}
.fisheyeItem span {
	display: none;
	position: absolute;
}

#carouselContainer {
	height: 200px;
	width: 490px;
	
}

#carouselTitle {
	height: 26px;
	width: 490px;
	margin-top: -30px;
}

#carouselTitle > p {
	text-align: center;
}

#carouselContainer > img {
	display: none;
	border: 1px solid #aaaaaa;
	cursor: pointer;
}

#smallScroller {
	width:100%;
	height: 50px;
	position: relative;
	/* border: solid 1px #ccc; */
}

#smallScroller div.scrollableArea * {
	display: block;
	position: relative;
	float: left;
	padding: 0;
	margin: 0px 0px 0px 0px;
}

div.scrollingHotSpotLeft, div.scrollingHotSpotRight {
	min-width: 250px;
}

/* ########## REFERENCE-GALLERY ########## */

/* ########## NEWS AREA ########## */ 

#news_area {
	margin-top: 40px;
	width: 520px;	
}

#news_head {
	margin-bottom: -15px;
}

#news_head  p{
	color: #640a05; 
	text-align: left;
	margin-left: 5px;
	font-weight: bold;
}

#news_ueberschrift {
	margin-top: 25px;
}

#news_ueberschrift  p{
	color: #242424;
	font-size: 12px;
	margin-left: 5px;
}


#news_ueberschrift  img{
	float: left;
	margin-left: 5px;
}

#news_beschreibung {
	font-size: 12px;
	color: #666666;
	margin-top: 10px; 
	margin-left: 5px; 
	padding-right: 10px;
}

#news_details p{
	color: #640a05; 
	float: right;
	margin-right: 10px;
	font-size: 12px;
}

#news_details a {
	color: #640a05; 
}

/******* tooltip ******/
.tooltip {
	background-image:url(images/black_arrow_bottom.png);
	color: #630a04;
	height: 22px;
	width: 160px;
	font-size:10px;
	padding:18px;
}
^
/******* Paginierung ******/

#paginierung a.link_red{
	color: #640A05;
}

#paginierung  a.link_red{
	color: #640A05;
	text-decoration: none;
	font-weight: normal;
}