/* - HTML + BODY STYLE - */

* {

	margin: 0px;
	padding: 0px;
	outline: none;

}
 
html {

	width: 100%;
	height: 100%;
	overflow: hidden;
	background: url('../images/background.jpg') left no-repeat fixed; 
	text-align: center;

}

body {

	width: 100%;
	height: 100%;
	overflow: hidden;
	font-size: 13px;
	line-height: 20px;
	color: #333; 
	font-family: "Arial", "Tahoma" , "MS Sans Serif";
	margin: 0px auto;
	text-align: center;	

}

/* - STANDARD FORMATIERUNGEN - */

td {

	font-size: 13px;
	line-height: 18px;
	font-family: "Arial", "Tahoma" , "MS Sans Serif";

}

ul {

	margin: 0px;
	padding: 0px;

}

li {

	list-style: none;

}

form {

	margin: 0px;
	padding: 0px;

}

img {

	border: none;

}

/* - CLEANER - */

div.cleaner {

	clear: both;
	height: 0px;
	overflow: hidden;
	font-size: 0px;
	display: block;
	width: 100%;

}

/* - STANDARD LINK FORMATIERUNG - */

a {

	color: #fff;
	text-decoration: none;

}

a:hover {

	color: #fff;
	text-decoration: underline;

}

/* - INTRO - */

#intro {
	
	width: 752px;
	height: 100%;
	background: url('../images/intro.gif') left repeat-y;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 999;
		
}

#intro table {
	
	width: 100%;
	height: 100%;
	border: none;
		
}

#intro table tr td {
	
	width: 100%;
	height: 100%;
	text-align: right;
	vertical-align: middle;
		
}

#intro table tr td a#introlink {
	
	width: 261px;
	height: 36px;
	background: url('../images/intro.link.png') no-repeat;
	outline: none;
	display: block;
	margin: 0px auto;
	float: right;
	cursor: pointer;
		
}

#intro table tr td a#introlink:hover {
	
	background: url('../images/intro.link.hover.png') no-repeat;
	outline: none;
		
}

/* - WRAPPER TABLE - */

table#wrapper {

	width: 987px;
	height: 100%;
	background: transparent;
	border: none;

}

/* - WRAPPER TABLE -> SIDEBAR - */

table#wrapper tr td.sidebar {

	width: 303px;
	height: 100%;
	position: relative;
	background: #0e0e0e;
	padding: 0px 0px 0px 35px;
	vertical-align: middle;
	text-align: left;

}

table#wrapper tr td.sidebar h1 {

	display: none;

}

table#wrapper tr td.sidebar div#left {

	height: 462px;
	padding: 40px 0px 0px 0px;

}

table#wrapper tr td.sidebar div#left a.logo {

	width: 178px;
	height: 29px;
	background: url('../images/breakmedia.gif') no-repeat; 
	display: block;
	outline: none;
	cursor: pointer;

}

table#wrapper tr td.sidebar div#left div.desc {

	margin: 86px 0px 0px 0px;

}

table#wrapper tr td.sidebar div#left div.desc h3 {

	color: #fff;
	font-size: 24px;
	font-weight: normal;
	margin: 0px 0px 10px 0px;

}

table#wrapper tr td.sidebar div#left div#contact {

	margin: 85px 0px 0px 0px;
	height: 173px;
	position: relative;

}

table#wrapper tr td.sidebar div#left div#contact p {

	color: #fff;
	font-size: 18px;
	font-weight: normal;
	margin: 0px 0px 7px 0px;

}

table#wrapper tr td.sidebar div#left div#contact a#zurueck, table#wrapper tr td.sidebar div#left div#contact a#archivzurueck {

	color: #fff;
	font-size: 73px;
	font-weight: normal;
	text-decoration: none;
	position: absolute;
	bottom: 0px;
	left: 0px;

}

/* - WRAPPER TABLE -> SIDEBAR -> FOOTER - */

table#wrapper tr td.sidebar div#footer {

	font-size: 10px;
	position: absolute;
	bottom: 35px;
	left: 35px;

}

table#wrapper tr td.sidebar div#footer p {

	margin: 0px;
	color: #1e2020;

}

table#wrapper tr td.sidebar div#footer ul {

	margin: 0px;
	padding: 0px;

}

table#wrapper tr td.sidebar div#footer ul li {

	float: left;
	margin: 0px 5px 0px 0px;
	color: #1e2020;
	
}

table#wrapper tr td.sidebar div#footer ul li a {

	color: #1e2020;
	text-decoration: none;
	
}

table#wrapper tr td.sidebar div#footer ul li a:hover {

	color: #1e2020;
	text-decoration: underline;
	
}

/* - WRAPPER TABLE -> CONTENT - */

table#wrapper tr td.content {

	width: 649px;
	height: 100%;
	background: transparent;
	vertical-align: middle;
	text-align: left;

}

/* - WRAPPER TABLE -> CONTENT -> REFERENZEN - */

table#wrapper tr td.content div#referenzen {

	width: 649px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	left: 338px;

}

.jThumbnailScroller {
	
	position: absolute;
	top: 0px;
	width: 649px;
	margin: 0px;
	padding: 0px;
	overflow: hidden;

}

.jThumbnailScroller .jTscrollerContainer {
	
	position: absolute;
	
}

.jThumbnailScroller .jTscroller {
	
	position: absolute;
	margin: 0px;
	padding: 0px;
	left: 0px;
	top: 0px;
	display: inline-block;
	*display: inline;
	
}

.jThumbnailScroller .jTscroller a {
	
	display: inline-block;
	*display: inline;
	margin: 0px;
	
}

.jThumbnailScroller#tS3 {
	
	position: absolute;
	left: 1px;
	top: 0px;
	width: 422px;
	margin: 0px;
	padding: 0px;

}

.jThumbnailScroller#tS3 .jTscroller {
	
	margin: 10px 0px 10px 0px;

}

.jThumbnailScroller#tS3 .jTscroller p {
		
	width: 422px;
	display: block;
	margin: 0px 0px 1px 0px;

}

.jThumbnailScroller#tS3 .jTscroller a {
	
	height: 25px;
	padding: 7px 10px 0px 10px;
	color: #fff;
	font-size: 18px;
	font-weight: normal;
	text-decoration: none;
	background: #0e0e0e;
	cursor: pointer;

}

.jThumbnailScroller#tS3 .jTscroller a:hover {
	
	padding: 7px 43px 0px 10px;
	background: #0e0e0e url('../images/tab.gif') right no-repeat;

}

/* - WRAPPER TABLE -> CONTENT -> DETAIL - */

table#wrapper tr td.content div#detail {

	width: 649px;
	height: 502px;
	margin: 0px auto;
	overflow: hidden;
	position: relative;
	text-align: left;

}

/* - WRAPPER TABLE -> CONTENT -> DETAIL -> SLIDER - */

table#wrapper tr td.content div#detail div#slider {

	width: 612px;
	height: 397px;
	background: #0e0e0e;
	padding: 10px;
	margin: 0px 0px 10px 10px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

table#wrapper tr td.content div#detail div#slider div.beschreibung {

	display: block;
	width: 572px;
	padding: 15px 20px;
	position: absolute;
	left: 10px;
	bottom: -500px;
	text-decoration: none;
	outline: none;
	background: #0e0e0e;
	opacity: 0.95;
	color: #fff;
	z-index: 999;
	font-size: 12px;
	
}

/* - WRAPPER TABLE -> CONTENT -> DETAIL -> SLIDER -> CODA SLIDER - */

.coda-slider {

	width: 612px;
	height: 397px;

}
	
.coda-slider-no-js .coda-slider {
	
	width: 612px;
	height: 397px;
	overflow: auto !important;
	
}

.coda-slider, .coda-slider .panel {
	
	width: 612px;
	height: 397px;

} 

.coda-slider-wrapper.arrows .coda-slider, .coda-slider-wrapper.arrows .coda-slider .panel {
	
	width: 612px;

}

.coda-slider-wrapper.arrows .coda-slider {
	
	margin: 0px 10px;
	
}

.coda-nav ul {

	display: none;

}

.coda-slider-wrapper {
	
	clear: both;
	overflow: auto;

}

.coda-slider {
	
	float: left;
	overflow: hidden;
	position: relative;

}

.coda-slider .panel {
	
	width: 612px;
	height: 397px;
	background: url('../images/slideshow.loading.gif') center no-repeat;	
	overflow: hidden;
	display: block;
	float: left;

}

.coda-slider .panel-container {
	
	position: relative;
	
}

.coda-nav-left a, .coda-nav-right a {
	
	width: 75px;
	height: 75px;
	top: 427px;
	display: block;
	position: absolute;
	text-indent: -9999px;
	text-decoration: none;
	z-index: 100;
	overflow: hidden;
	outline: none;
	
}

.coda-nav-left a {

	left: 10px;	
	background: url('../images/slide.left.gif') no-repeat;		
	
}

.coda-nav-left a:hover {

	background: url('../images/slide.left.hover.gif') no-repeat;		
	
}

.coda-nav-right a {
	
	left: 86px;
	background: url('../images/slide.right.gif') no-repeat;

}

.coda-nav-right a:hover {

	background: url('../images/slide.right.hover.gif') no-repeat;		
	
}

/* - WRAPPER TABLE -> CONTENT -> DETAIL -> SLIDER -> NAVIGATION - */

table#wrapper tr td.content div#detail div.info {

	width: 471px;
	height: 75px;
	padding: 0px;
	margin: 0px;
	background: #0e0e0e;
	position: absolute;
	top: 427px;
	left: 171px;
	text-align: left;

}

table#wrapper tr td.content div#detail div.info a.one {

	position: absolute;
	top: 6px;
	right: -7px;
	padding: 7px 10px 13px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	background: url('../images/info.marker.gif') right no-repeat;
	z-index: 999;

}

table#wrapper tr td.content div#detail div.info a.two {

	position: absolute;
	top: 41px;
	right: -7px;
	padding: 7px 10px 13px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	background: url('../images/info.marker.gif') right no-repeat;
	z-index: 999;

}

table#wrapper tr td.content div#detail div.info a.offline {

	position: absolute;
	top: 6px;
	right: -7px;
	padding: 7px 10px 13px 10px;
	text-decoration: none;
	color: #fff;
	font-size: 15px;
	background: url('../images/info.marker.offline.gif') right no-repeat;
	z-index: 999;

}

table#wrapper tr td.content div#detail div.info h1 {

	color: #fff;
	font-weight: normal;
	font-size: 24px;
	margin: 0px;
	position: absolute;
	top: 15px;
	left: 15px;

}

table#wrapper tr td.content div#detail div.info h1 span {

	color: #0da2c7;

}

table#wrapper tr td.content div#detail div.info h2 {

	color: #fff;
	font-weight: normal;
	font-size: 15px;
	margin: 0px;
	position: absolute;
	top: 46px;
	left: 15px;

}

/* - WRAPPER TABLE -> CONTENT -> ARCHIV - */

table#wrapper tr td.content div#archiv {

	width: 649px;
	overflow: hidden;
	position: absolute;
	top: 0px;
	text-align: left;

}

.jThumbnailScroller#tS4 {
	
	position: absolute;
	left: 10px;
	top: 0px;
	width: 639px;
	margin: 0px;

}

.jThumbnailScroller#tS4 .jTscroller {
	
	height: auto;
	margin: 10px 0px 10px 0px;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile {
		
	width: 639px;
	height: 219px;
	display: block;
	margin: 0px;
	position: relative;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.left {
		
	position: absolute;
	top: 0px;
	left: 0px;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.right {
		
	position: absolute;
	top: 0px;
	right: 0px;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box {
		
	width: 318px;
	height: 209px;
	background: url('../images/archiv.layer.gif') left no-repeat;
	overflow: hidden;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box div.image {
		
	width: 291px;
	height: 189px;
	background: #0e0e0e url('../images/slideshow.loading.gif') center no-repeat;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 1;
	overflow: hidden;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box a {
		
	width: 291px;
	height: 189px;
	display: block;
	background: url('../images/blank.gif');
	cursor: pointer;
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 3;
	overflow: hidden;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box div.caption {
		
	width: 291px;
	height: 40px;
	background: #0e0e0e;
	opacity: 0.95;
	position: absolute;
	bottom: -40px;
	left: 0px;
	z-index: 2;
	overflow: hidden;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box div.caption h1 {
		
	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin: 0px;
	position: absolute;
	top: 12px;
	left: 15px;

}

.jThumbnailScroller#tS4 .jTscroller div.zeile div.box div.caption h1 span {

	color: #0da2c7;

}

/* - WRAPPER TABLE -> CONTENT -> PROFIL - */

table#wrapper tr td.content div#profil {

	width: 649px;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

/* - WRAPPER TABLE -> CONTENT -> IMPRESSUM - */

table#wrapper tr td.content div#profil {

	width: 649px;
	height: 600px;
	overflow: hidden;
	position: relative;
	text-align: left;

}

/* - WRAPPER TABLE -> CONTENT -> PAGE - */

table#wrapper tr td.content img#schild {

	width: 230px;
	height: 311px;
	border: none;
	position: absolute;
	top: -311px;
	right: 0px;
	z-index: 999;

}

table#wrapper tr td.content div#page {

	width: 602px;
	height: 448px;
	margin: 103px 0px 0px 10px;
	background: #0e0e0e;
	overflow: hidden;
	position: relative;
	text-align: left;

}

table#wrapper tr td.content div.page {

	width: 602px;
	height: 448px;
	background: #0e0e0e;
	color: #fff;

}

table#wrapper tr td.content div.page a#link-page-1 {

	width: 75px;
	height: 75px;
	bottom: 0px;
	display: block;
	position: absolute;
	text-decoration: none;
	z-index: 100;
	overflow: hidden;
	outline: none;
	right: 0px;	
	background: url('../images/slide.right.gif') no-repeat;
	cursor: pointer;

}

table#wrapper tr td.content div.page a#link-page-2 {

	width: 75px;
	height: 75px;
	bottom: 0px;
	display: block;
	position: absolute;
	text-decoration: none;
	z-index: 100;
	overflow: hidden;
	outline: none;
	right: 0px;	
	background: url('../images/slide.left.gif') no-repeat;
	cursor: pointer;

}

/* - WRAPPER TABLE -> CONTENT -> PAGE -> TEXT STYLES - */

div.text {

	font-size: 13px;
	line-height: 21px;
	
}

div.text .smallpadding {

	width: 342px;
	padding: 23px 30px 0px 30px;
	
}

div.text .bigpadding {

	width: 542px;
	padding: 23px 30px 0px 30px;
	
}

div.text .small {

	font-size: 11px;
	line-height: 17px;
	
}

div.text .grau {

	color: #bbbfc1;
	
}

div.text .blau {

	color: #0da2c7;
	
}

div.text .italic {

	font-style: italic;
	
}

div.text .justify {

	text-align: justify;
	
}

div.text h1 {

	color: #fff;
	font-weight: normal;
	font-size: 18px;
	margin: 0px 0px 0px 0px;
	
}

div.text ul {

	margin: 20px 0px 0px 44px;
	
}

div.text ul li {

	list-style: disc;
	
}

div.text ul li span {

	color: #bbbfc1;
	font-size: 11px;
	line-height: 17px;
	
}