.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		


		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: 0 0 0 238px;
			width: 711px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 440px;
			background: transparent;
			float:right;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;			
			float:left;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 711px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
                        height:440px;
		}

		.stripViewer .panelContainer .panel .wrapper2 { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding-top: 2px;
			background:transparent;
                        height:440px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
                        float: left;
			width: 238px;
		}

				
		.stripNav ul { /* The auto-generated set of links */
			list-style: none; width:244px; margin:0px; padding:0px;		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in coda-slider.1.1.1.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: left;
			line-height: 32px;
			color: #fff;
			text-decoration: none;
			display: block;
			padding: 0 0px;
			float:left; 
		}

		.stripNav h1{ /* The nav links */
margin-top:35px;
		}
		
		.stripNav li.tab1 a { float:left; background:url(bg/startpage_nav_1.gif) no-repeat; width:244px; height:147px; background-position: -25px 2px; }
		.stripNav li.tab2 a { float:left; background:url(bg/startpage_nav_2.gif) no-repeat; width:244px; height:147px; background-position: -25px 4px; }
		.stripNav li.tab3 a { float:left; background:url(bg/startpage_nav_3.gif) no-repeat; width:244px; height:146px; background-position: -25px 4px; }
		#body .stripNav li.tab1 .tablink1 { font-size:12px; font-weight:normal; line-height:16px; color:#333; padding: 0px 0 0 15px;}
		#body .stripNav li.tab2 .tablink2 { font-size:12px; font-weight:normal; line-height:16px; color:#333; padding: 0px 0 0 15px;}
		#body .stripNav li.tab3 .tablink3 { font-size:12px; font-weight:normal; line-height:16px; color:#333; padding: 0px 0 0 15px;}
		.stripNav li a:hover { 
		}
		
		.stripNav li.tab1 a.current { float:left; background:url(bg/startpage_nav_1a.gif) no-repeat; background-position: -25px 2px; width:244px; height:147px; padding: 33px 0 0 40px;}
		.stripNav li.tab2 a.current { float:left; background:url(bg/startpage_nav_2a.gif) no-repeat; background-position: -25px 4px; width:244px; height:147px; padding: 33px 0 0 40px;}
		.stripNav li.tab3 a.current { float:left; background:url(bg/startpage_nav_3a.gif) no-repeat; background-position: -25px 4px; width:244px; height:146px; padding: 33px 0 0 40px;}

#ueberuns1 {background:url(bg/ueberunsbg1.jpg) no-repeat; width:560px; height:420px; color:#333333; padding:30px 200px 0px 30px; line-height:18px; }
#ueberuns1 h1{color:#333333; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}

#ueberuns2 {background:url(bg/ueberunsbg2.jpg) no-repeat; width:560px; height:420px; color:#333333; padding:30px 200px 0px 30px; line-height:18px; }
#ueberuns2 h1{color:#333333; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}

#ueberuns3 {background:url(bg/ueberunsbg3.jpg) no-repeat; width:560px; height:420px; color:#333333; padding:30px 200px 0px 30px; line-height:18px; }
#ueberuns3 h1{color:#333333; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}
#ueberuns3 a{color:#666; text-decoration:underline;}
#ueberuns3 a:hover{color:#666; text-decoration:none;}

#presse1 {width:679px; height:420px; color:#333; padding:30px 0px 0px 30px; line-height:18px; }
#presse1 h1{color:#4a1213; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}
#presse1 a{color:#4a1213;text-decoration:underline;}
#presse1 a:hover{color:#666;text-decoration:none;}

#presse2 {width:679px; height:420px; color:#333; padding:30px 0px 0px 30px; line-height:18px; }
#presse2 h1{color:#4a1213; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}
#presse2 a{color:#4a1213;text-decoration:none;}
#presse2 a:hover{color:#666;text-decoration:none;}

#presse3 {width:679px; height:420px; color:#333; padding:30px 0px 0px 30px; line-height:18px; }
#presse3 h1{color:#4a1213; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}
#presse3 a{color:#4a1213;text-decoration:none;}
#presse3 a:hover{color:#666;text-decoration:none;}

#service1 {width:649px; height:406px; overflow:auto; color:#666666; padding:30px 30px 0px 30px; line-height:18px; }
#service1 h1{color:#770040; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}
#service1 h2{color:#770040; font-size:16px; font-weight:normal; margin-top:15px; padding-bottom:0px; line-height:20px;}
#service1 a{color:#770040;text-decoration:underline;}
#service1 a:hover{color:#666;text-decoration:none;}
#service1 img{float:left; margin:5px 10px 5px 0px;}
#service1 hr{solid 1px #ff0000; margin-top:15px;}

#architekten1 {background:url(bg/architekten1.jpg) no-repeat; width:560px; height:420px; color:#fff; padding:30px 200px 0px 30px; line-height:18px; }
#architekten1 h1{color:#fff; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}

#architekten2 {background:url(bg/architekten2.jpg) no-repeat; width:560px; height:420px; color:#fff; padding:30px 200px 0px 30px; line-height:18px; }
#architekten2 h1{color:#fff; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}

#architekten3 {background:url(bg/architekten3.jpg) no-repeat; width:560px; height:420px; color:#fff; padding:30px 200px 0px 30px; line-height:18px; }
#architekten3 h1{color:#fff; font-size:24px; font-weight:normal; margin:0px; padding-bottom:20px; width:500px; line-height:28px;}

#s1x { 
width: 980px; /* important to be same as image width */ 
height: 320px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-bottom: 10px;
margin-top: 10px
}

#s1xContent {
width: 980px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin: 0; /* important */
padding-left: 0;
}

.s1xImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s1xImage span {
position: absolute; /* important */
left: 0;
font: 12px/15px Arial, Helvetica, sans-serif;
line-height: 18px;
padding: 0px 13px;
width: 1px;
height:1px;
background-color: #fff;
filter: alpha(opacity=0); /* here you can set the opacity of box with text */
-moz-opacity: 0.0; /* here you can set the opacity of box with text */
-khtml-opacity: 0.0; /* here you can set the opacity of box with text */
opacity: 0.0; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
}

#s2x { 
width: 709px; /* important to be same as image width */ 
height: 411px; /* important to be same as image height */
overflow: hidden; /* important */
margin-bottom: 10px;
position:relative;
}

#s2xContent {
width: 709px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin-left: 0; /* important */
padding-left: 0;
}

.s2xImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s2xImage span {
position: absolute; /* important */
left: 0;
font: 12px/15px Arial, Helvetica, sans-serif;
line-height: 18px;
padding: 40px 20px 20px 20px;
width: 365px;
background-color: #fff;
filter: alpha(opacity=90); /* here you can set the opacity of box with text */
-moz-opacity: 0.9; /* here you can set the opacity of box with text */
-khtml-opacity: 0.9; /* here you can set the opacity of box with text */
opacity: 0.9; /* here you can set the opacity of box with text */
color: #000;
display: none; /* important */
top: 0;
valign: top;
}

#s3x { 
width: 709px; /* important to be same as image width */ 
height: 411px; /* important to be same as image height */
position: relative; /* important */
overflow: hidden; /* important */
margin-bottom: 10px;
}

#s3xContent {
width: 709px; /* important to be same as image width or wider */
position: absolute; /* important */
top: 0; /* important */
margin: 0; /* important */
padding: 0;
}

.s3xImage {
float: left; /* important */
position: relative; /* important */
display: none; /* important */
}

.s3xImage span {
position: absolute; /* important */
left: 0;
font: 12px/15px Arial, Helvetica, sans-serif;
line-height: 18px;
padding: 0px 13px;
width: 1px;
height:1px;
background-color: #fff;
filter: alpha(opacity=0); /* here you can set the opacity of box with text */
-moz-opacity: 0.0; /* here you can set the opacity of box with text */
-khtml-opacity: 0.0; /* here you can set the opacity of box with text */
opacity: 0.0; /* here you can set the opacity of box with text */
color: #fff;
display: none; /* important */
top: 0;
}


.clear {
clear: both;
} 

.right {
	right: 0;
	bottom: 0;
	width: 295px !important;
	height: 100px;
}

#JT_arrow_left{
	background-image: url(bg/arrow_left.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	left:-12px;
	height:23px;
	width:10px;
    top:-3px;
}

#JT_arrow_right{
	background-image: url(bg/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: left top;
	position: absolute;
	z-index:101;
	height:23px;
	width:11px;
    top:-2px;
}

#JT {
	position: absolute;
	z-index:100;
	border: 2px solid #CCCCCC;
	background-color: #fff;
}

#JT_copy{
	padding:10px 10px 10px 10px;
	color:#333333;
}

.JT_loader{
	background-image: url(bg/loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
	width:100%;
	height:12px;
}

#JT_close_left{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_close_right{
	background-color: #CCCCCC;
	text-align: left;
	padding-left: 8px;
	padding-bottom: 5px;
	padding-top: 2px;
	font-weight:bold;
}

#JT_copy p{
margin:3px 0;
}

#JT_copy img{
	padding: 1px;
	border: 1px solid #CCCCCC;
}

.jTip{
cursor:help;
}

#body .navistart { padding-left:15px; float:left; background:url(bg/startpage_nav_1a.gif) no-repeat; width:244px; height:147px; background-position: -25px 5px; line-height:18px; }
#body .navistart a { color:#333; text-decoration:underline; }
#body .navistart a:hover { color:#333; text-decoration:none; }

#kategoriebeschreibung {float:left; height:auto; line-height: 16px; margin-top: 20px; padding:15px; width:275px; background:#f2f2f2;}

#catfilter {background:#f2f2f2;height:40px;padding-left:5px;padding-top:4px;border-bottom:1px solid #e1e1e1;margin-bottom:10px;}