/* --- Schrift und Typo --- */

body,h1,h2,h3,h4,h5,p,ul,ol,li,form,input,textarea,div,span {
	margin:0px;
	padding:0px;
}
body, p ,td {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#767676;
	line-height:18px;
}
p,ul,ol {
	margin-bottom:12px;
}
ul li {
	margin-left:15px;
	padding-left:5px;
}
* html ul li {
	margin-left:17px;
	padding-left:3px;
}
ol li {
	margin-left:20px;
	padding-left:5px;
}
* html ol li {
	margin-left:23px;
	padding-left:2px;
}
h1,h2,h3,h4,h5 {
/*	font-family:Verdana, Arial, Helvetica, sans-serif;  */
/*	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; */
	font-family: helvetica, Arial, sans-serif;
	letter-spacing:1px;
	color:#d52a1b;
	line-height:normal;
	font-weight: lighter;
}
h1 {
	font-size:24px;
	margin-bottom:18px;
}
h2 {
	font-size:18px;
	margin-bottom:12px;
}
a {
	color:#d52a1b;
	text-decoration:none;
}	
a:hover {
	text-decoration:underline;
}



/*  --- Seitenlayout --- */
body {
	background-color:white;
}

#centerframe {
	width:1000px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	border:1px solid white;
}

#toplogo {
	position:absolute;
	top:0px;
	left:45px;
	z-index:99;
}

#homebutton {
	position:absolute;
	top:33px;
	left:971px;
	z-index:99;
}
#homebutton a {
	display:block;
	width:29px;
	height:29px;
	background-image:url(../images/homebutton.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
}
#homebutton a:hover {
	background-position:-30px 0px;
}	

/* --- Content --- */

div#content {
	padding:0px;
	padding-top:99px;
	position:relative;
	width:1000px;
}
body#content { margin-top:5px; } /* fürs Editieren im Dreamweaver */

.backgrey {
	background-color:#ededed;
}
#news {
	height:38px;
}
table.twistedgrid {
	background-image:url(../images/twistedgrid.gif); 
	background-repeat:repeat-y;
	background-position:right top;
}
table.content {
	width:1000px;
}
table.content tr td {
	vertical-align:top;
	padding:30px 65px 18px 30px;
}
table.content tr td.mood,
table.content tr td.example {
	background-color:white;
	padding:0px;
	width:399px;
	text-align:right;
	vertical-align:top;
}
table.content tr td.example {
	padding:29px 15px 20px 0px;
	width:384px;
}
table.content tr td.example div {
	float:right;
}
table.content tr td.darker {
	background-image:url(../images/black.png);
	padding:20px 65px 7px 30px;
}
* html table.content tr td.darker {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/black.png",sizingMethod="scale");
}
table.content tr td.darker,
table.content tr td.darker p {
	color:#6e6e6e;
}
table.content tr td.wider,
table.content tr td.wider p {
	line-height:32px;
	letter-spacing:1px;
}

table.content tr td.wider table, 
table.content tr td.wider table tr td  {
	line-height: 14px;
	letter-spacing: normal;
	padding: 2px;
	}

ul#news li {
	list-style-type:none;
	margin:0px;
	padding:0px;
}

table.content table.angebote {
	border:none;
}
table.content table.angebote tr td {
	padding:0px 50px 20px 0px;
}


/* --- TeaserBar --- */

.teaser {
	position:relative;
	width:174px;
	text-align:center;
}
.teaser img {
	border:none;
	display:block;
}
.teaser img.hover {
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
}
.teaser a:hover {
	text-decoration:none;
}
.teaser a:hover span {
	text-decoration:underline;
}
.teaser a:hover img.hover,
.teaser a.hover img.hover {
	visibility:visible;
}

#teaserbar {
	border-top:1px solid #DBDBDB;
	overflow:hidden;
	height:130px;
	width:1000px;
	position:relative;
}
#teaserbar #container {
	height:130px;
	position:relative;
	width:100000px;	
}
#teaserbar #container .teaser {
	margin:10px 38px 10px 38px;
	float:left;
}

/* --- Referenzen --- */

#referenz {
	width:1000px;
	height:274px;
	position:relative;
	overflow:hidden;
}
#referenz #preloader {
	position:absolute;
	left:465px;
	top:102px;
	width:70px;
	height:70px;
	background-image:url(../images/preloader.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	display:none;
}
#referenz #text {
	position:absolute;
	left:982px;
	top:0px;
	height:274px;
	width:250px;
	background-image:url(../images/referenz-handle.gif);
	background-position:left top;
	background-repeat:repeat-y;
	line-height:normal;
	line-height:normal;
	padding-left:18px;
}
#referenz #text #transparent {
	position:absolute;
	z-index:1;
	background-color:#f8f8f8;
	height:274px;
	width:300px;
	opacity: .87;
	filter: alpha(opacity=87);  
}
#referenz #text #fader_ie {
	z-index:3;
	position:absolute;
	left:18px;
	top:0px;
	height:274px;
	width:300px;
	background-image:url(../referenzen/start.jpg);
	background-position:-750px;
}
#referenz #text #fader_ie div {
	height:274px;
	width:300px;
	background-color:#f8f8f8;
	opacity: .87;
	filter: alpha(opacity=87);  
}
#referenz #text #border {
	z-index:2;
	position:relative;
	padding:18px 16px 100px 16px;
	width:218px;
	xbackground-color:white;
}
#referenz #text #pane {
	position:absolute;
	width:218px;
	height:208px;
	overflow: auto;
	background-image:url(../images/blank.gif);
}
#referenz #text #pane h1 {
	font-size:14px;
	margin-bottom:8px;
	color:#222222;
}

#referenz #navi {
	position:absolute;
	z-index:5;
	left:982px;
	bottom:0px;
	width:500px;
	height:15px;
	background-color:white;
	background-image:url(../images/referenz-handle.gif);
	background-position:left top;
	background-repeat:repeat-y;
	line-height:normal;
	padding:8px 13px 8px 28px;
}
#referenz #navi #fading {
	floar:left;
}
#referenz #navi .number {
	padding:0px;
	float:left;
	background-color:white;
}

#referenz #navi #list {
	float:left;
}
#referenz #navi .number a {
	display:block;
	color:#767676;
	line-height:15px;
	width:15px;
	text-align:center;
}
#referenz #navi .number a:hover {
	text-decoration:none;
	color:#d52a1b;
	font-weight:bold;
}	
#referenz #navi .number a.marked {
	color:white;
	font-weight:bold;
	background-color:#d52a1b;
}
#referenz #navi .number a.marked:hover {
	color:#cccccc;
}
#referenz #navi .number.rubrik {
	background-color:#e8e8e8;
}
#referenz #navi .number a.left {
	background-image:url(../images/scroller/arrow_left.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
#referenz #navi .number a.right {
	background-image:url(../images/scroller/arrow_right.gif);
	background-repeat:no-repeat;
	background-position:0 50%;
}
#referenz #navi .number a.right:hover,
#referenz #navi .number a.left:hover {
	background-position:-15px 50%;
}
#referenz #navi .number a.right:active,
#referenz #navi .number a.left:active {
	background-position:-30px 50%;
}


#referenzen {
	position:relative;
	width:965px;
	overflow:hidden;
	margin:10px 0px 10px 35px;
	background-image:url(../images/referenzen-bg.gif);
	background-position:left top;
	background-repeat:repeat;
}
#referenzen #container{
	position:relative;
	width:1100px;
}
#referenzen .rubrik {
	position:relative;
	float:left;
	width:227px;
	padding-left:23px;
}
#referenzen .rubrik .pillar {
	position:absolute;
	left:0px;
	top:0px;
}
#referenzen .rubrik .pillar.hi {
	display:none;	
	background-color:#d52a1b;
	height:1000px;
}
#referenzen .rubrik a {
	display:block;
	width:160px;
	color:#676767;
	line-height:normal;
	padding-top:2px;
	padding-bottom:3px;
}
#referenzen .rubrik a:hover {
	color:#d52a1b;
	text-decoration:none;
}
#referenzen .rubrik a.marked {
	color:#d52a1b;
	font-weight:bold;
	text-decoration:none;
	width:185px;
}




/* --- Footer --- */

#footer {
	clear:both;
	border-top:1px solid #DBDBDB;
	font-size:10px;
	letter-spacing:2px;
	color:#4C4C4C;
	padding-top:2px;
}
#footer a {
	color:#4C4C4C;
	text-decoration:none;
}
#footer a:hover {
	color:black;
	text-decoration:underline;
}

/* --- Navigation --- */

#navsite {
	position:absolute;
	height:46px;
	top:35px;
	left:288px;
	z-index:100;
}

#navsite h5 {
	display:none;
}
#navsite ul, #navsite ul li {
	margin:0px;
	padding:0px;
	border:none;
}

/* Ebene Eins */
#navsite ul.main li {
	list-style:none;
	display:block;
	float:left;
	position:relative;
	padding-right:5px;
	z-index:1;
}
#navsite ul.main li a {
	color:#464646;
	text-decoration:none;
	text-transform:uppercase;
	text-align:center;
	display:block;
	line-height:26px;
	padding-bottom:20px;
	width:106px;
	background-color:#F1F1F1;
	background-image:url(/images/menu_tab.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
}

#navsite ul.main li:hover, 
#navsite ul.main li.hover {
	z-index:2;
}

#navsite ul.main li a:hover, 
#navsite ul.main li:hover a, 
#navsite ul.main li.hover a, 
#navsite ul.main li a.active {
	background-color:#CDCDCD;
	background-image:url(/images/menu_tab.jpg);
	background-repeat:no-repeat;
	background-position:top left;
}


/* Ebene Zwei */
#navsite ul.main li div.sub .minwidth {
	width:104px;
	height:1px;
	font-size:1px;
	line-height:1px;
}
#navsite ul.main li:hover div.sub, 
#navsite ul.main li.hover div.sub {
	display:block;
}
#navsite ul.main li div.sub {
	display:none;
	position:absolute;
	top:27px;
	left:0px;
	background-color:white;
	border:1px solid #CDCDCD;
	border-bottom:none;
	background-image:url(../images/menu_sub_border.gif);
	background-repeat:repeat-x;
	background-position:bottom left;
}

#navsite ul.main div.sub ul li {
	float:none;
	display:inline;
	position:static;
	padding-right:0px;
	z-index:auto;
}
#navsite ul.main div.sub ul li a{
	display:block;
	white-space:nowrap;
	line-height:normal;
	text-transform:none;
	text-align:left;
	width:auto;
	min-width:84px;
	padding: 3px 10px 3px 10px;
	background-color:transparent;
	background-image:none;
}
#navsite ul.main div.sub ul li a:hover, 
#navsite ul.main div.sub ul li.hover a, 
#navsite ul.main div.sub ul li a.active {
	background-image:url(../images/menu_sub.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	background-color:#CDCDCD;
}

/* --- ENDE Navigation --- */

/* --- Scroller --- */


.jScrollPaneContainer {
	position: relative;
	overflow: hidden;
	z-index: 1;
}

.jScrollPaneTrack {
	position: absolute;
	cursor: pointer;
	right: 0;
	top: 0;
	height: 100%;
	background:url(../images/scroller/track.gif) repeat-y;
}
.jScrollPaneDrag {
	position: absolute;
	background: #666;
	cursor: pointer;
	overflow: hidden;
	background: url(../images/scroller/drag_middle.gif) repeat-y 0 0;
}

.jScrollPaneDragTop {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/scroller/drag_top.gif) no-repeat;
	height: 5px;
}

.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/scroller/drag_bottom.gif) no-repeat;
	height: 5px;
}
/*
* html .jScrollPaneDragBottom {
	bottom: -1px;
}
*/
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 10px;
	background: url(../images/scroller/arrow_up.gif) no-repeat 0 0;
}
a.jScrollArrowUp:hover {
	background-position: 0 -15px;
}
a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	height: 10px;
	background: url(../images/scroller/arrow_down.gif) no-repeat 0 0;
}
a.jScrollArrowDown:hover {
	background-position: 0 -15px;
}
a.jScrollActiveArrowButton, 
a.jScrollActiveArrowButton:hover {
	background-position: 0 -30px;
}



/******************************* LINES *****************************************/
#lines {
	position: absolute;
	left: 16px;
	top: 99px;
	width: 383px;
	height: 274px;
	}