@charset "UTF-8";
/* @override http://jxa/basic.css */
body {
	font: 100% Arial, Helvetica, sans-serif;
	background: #ffffff;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
}

a {
	color: #555555;
	text-decoration: none;
}
.colorpic
{
	color: #9cf;
}

ul {
	margin: 0;
	padding: 0;
}
li {
	line-height: 16px;
}

/* @group Headlines */

h1 {
	font-size: 12px;
	line-height: 16px;
}

h2 {
	font: 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-bottom:0px;
	color: #fff;
	width: 200px;
	float: left;
}

dl{
	margin: 0;
	}
dt{color: #fff;
float:left;
display:inline;
font: 11px/15px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;}

dd{color: #fff;
font: 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
padding-left:50px;
}

h3 {
	
	color: white;
	margin: 0;
	font: bold 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

h4{
	color: #555555;
	margin-top: 0;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-bottom: 4px;
}

.start #teaser h2 {
	padding-left: 223px;
	padding-top: 30px;
	margin-top: 0;
	font-weight: bold;
	float: left;
	display: inline;
	font-family: Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}

.start #sidebar_right {
	
	width: 120px;
	text-align: right;
	display: inline;
	float: right;
	margin-top: 0;
	padding-right: 54px;
}
.right {
	text-align: right;
}

/* @end */

/* @group container */

.start #container {
	width: 960px;
	background: #FFFFFF url(images/index_bg.gif) no-repeat scroll 0 0;
	text-align: left;
	height: 554px;
	margin: auto;
}

.start #container_a {
	width: 960px;
	background: #FFFFFF url(images/arbeiten_bg.gif) no-repeat scroll 0 0;
	text-align: left;
	height: 554px;
	margin: auto;
}

.start #container_kontakt {
	width: 960px;
	background: #FFFFFF url(images/kontakt_bg.gif) no-repeat scroll 0 0;
	text-align: left;
	height: 554px;
	margin: auto;
}




.start #container_uber {
	width: 960px;
	background: #FFFFFF url(images/ueber_bg.gif) no-repeat scroll 0 0;
	text-align: left;
	height: 554px;
	margin: auto;
}

.start #container_d {
	width: 960px;
	background: #FFFFFF url(images/darueber_bg.gif) no-repeat scroll 0 0;
	margin: auto;
	text-align: left;
	height: 554px;
}

.start #container_l {
	width: 960px;
	background: #FFFFFF url(images/ladbar_bg.gif) no-repeat scroll 0 0;
	margin: auto;
	text-align: left;
	height: 554px;
}

/* @end */

/* @group header */

.start #header {
	padding-top: 60px;
	width: auto;
	margin-left: 70px;
	height: 100px;
}

.start #header h1 {
	margin: 0;
	padding: 0px 0;
}

/* @group start navigation */

.start #navigation, #navigation_d {
	float: left;
	width: 92px;
	height: 80px;
	margin: 0px;
	padding: 0px;
	display: inline;
}

.start #navigation ul, #navigation_d ul {
	list-style-type: none;
	list-style-image: none;
}

.start #navigation li, .start #navigation_d li {
	width: 92px;
	float: left;
	list-style: none;
	height: 20px;
	display: inline;
}

.start #navigation a, .start #navigation_d a {
	float: left;
	text-decoration: none;
	font: bold 13px/19px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #555555;
	display: inline;
}

.start #navigation a:hover, #navigation_d a:hover {
	color: #000;
}

.start #navigation a.active, #navigation_d a.active {
	color: #000;
}

/* @end */

/* @group Signet */

.start .signet_index {
	float: right;
	margin-right: 60px;
	margin-top: -14px;
	display: inline;
}

.start .signet_arbeit {
	float: right;
	margin-right: 60px;
	margin-top: -14px;
	display: inline;
}

.start .signet_kontakt {
	float: right;
	margin-right: 59px;
	margin-top: -12px;
	display: inline;
}

.start .signet_ueber {
	float: right;
	margin-right: 59px;
	margin-top: -16px;
	display: inline;
}

.start .signet_darueber {
	float: right;
	margin-right: 59px;
	margin-top: -26px;
	display: inline;
}

.start .signet_ladbar {
	float: right;
	margin-right: 59px;
	margin-top: -19px;
	display: inline;
}

/* @end */

/* @group start_subnav */

.start #subnav {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 541px;
	padding: 0;
	height: 20px;
	margin-left: 55px;
	display: inline;
}

.start #subnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}
img {
	border: none;
}
.start #subnav li {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 20px 0 0;
	display: inline;
}

.start #subnav li .last {
	float: left;
	margin: 0;
	list-style: none;
	display: inline;
	padding: 0 6px 0 0px;
}

.start #subnav a {
	float: left;
	text-decoration: none;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
	display: inline;
}

.start #subnav a:hover {
	color: #000;
}

.start #subnav a.active {
	color: #000;
}

/* @end */

/* @group start_subnav_D */

.start #subnav_d {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 300px;
	margin: 62px 0 0 47px;
	padding: 0px 0 0;
	height: 20px;
	display: inline;
}

.start #subnav_d ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.start #subnav_d li {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 14px;
	display: inline;
}

.start #subnav_d a {
	float: left;
	text-decoration: none;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
	display: inline;
}

.start #subnav_d a:hover {
	color: #000;
}

.start #subnav_d a.active {
	color: #000;
}

/* @end */

/* @group start_subnav_la */

.start #subnav_la {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 300px;
	margin-top: 82px;
	margin-left: 47px;
	height: 20px;
	display: inline;
}

.start #subnav_la ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.start #subnav_la li {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 14px;
	display: inline;
}

.start #subnav_la a {
	float: left;
	text-decoration: none;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
	display: inline;
}

.start #subnav_la a:hover {
	color: #000;
}

.start #subnav_la a.active {
	color: #000;
}

/* @end */

/* @group start_subnav_ue */

.start #subnav_ue {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 500px;
	height: 20px;
	margin-top: 40px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 47px;
	display: inline;
}

.start #subnav_ue ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.start #subnav_ue li {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 14px;
	display: inline;
}

.start #subnav_ue a {
	float: left;
	text-decoration: none;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
	display: inline;
}

.start #subnav_ue a:hover {
	color: #000;
}

.start #subnav_ue a.active {
	color: #000;
}

/* @end */

/* @group start_subnav_ko */

.start #subnav_ko {
	font-size: 12px;
	font-weight: bold;
	float: left;
	width: 400px;
	height: 20px;
	margin-left: 47px;
	margin-top: 22px;
	display: inline;
}

.start #subnav_ko ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	list-style-image: none;
}

.start #subnav_ko li {
	float: left;
	margin: 0;
	list-style: none;
	padding: 0 14px;
	display: inline;
}

.start #subnav_ko a {
	float: left;
	text-decoration: none;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
	display: inline;
}

.start #subnav_ko a:hover {
	color: #000;
}

.start #subnav_ko a.active {
	color: #000;
}

/* @end */

/* @end */

/* @group teaser */

.start #teaser {
	width: 960px;
	height: 60px;
	margin: 4px 0 0;
	padding: 0;
	clear: both;
}

/* @end */

/* @group Content */

.start #sidebar3 p {
	font: italic 10px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #333333;
}

.start #Content {
	width: 890px;
	height: 330px;
	margin-left: 70px;
	margin-top: 0;
	margin-bottom: 0px;
}

/* @group sidebar_a */

.start #sidebar_a {
	float: left;
	width: 180px;
	padding: 15px 10px 15px 8px;
	height: 338px;
	display: inline;
}

.start #sidebar_a a {
	font: italic 10px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #666;
	text-decoration: none;
}

.start #sidebar_a a:hover {
	color: #000;
}

.start #sidebar_a a.active {
	color: #000;
	font-weight: bold;
	font-size: 12px;
	line-height: 16px;
}

.start #sidebar1_cd {
	float: left;
	width: 147px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	height: 320px;
	display: inline;
}

.start #sidebar1_cd ul, li a {
	list-style-type: none;
	color: #555555;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	line-height: 16px;
}

.start #sidebar1_cd li a:hover, a.active {
	text-decoration: none;
	color: #000;
}
.start #sidebar1 .active {
	text-decoration: none;
	color: #000;
}


p {
	color: #555555;
	font: italic 11px/16px Arial, Helvetica, Geneva, sans-serif;
	margin: 0;
	padding-top: 0;
	padding-bottom: 0px;
}

.pics {
	display: inline;
	padding-right: 6px;
	padding-bottom: 6px;
	float: left;
	width: 102px;
	height: 72px;
}


.picslast {
	float: left;
	display: inline;
	padding-bottom: 6px;
	width: 102px;
	height: 72px;
}

.picbox {
	display: block;
	height: 310px;
	width: 440px;
	margin-left: 10px;
	display:inline;
}

.pics60 {
	display: inline;
	padding-right: 4px;
	padding-bottom: 4px;
	float: left;
	width: 60px;
	height: 60px;
}


.pics60last {
	float: left;
	display: inline;
	padding-bottom: 4px;
	width: 60px;
	height: 60px;
}

.pic60box {
	display: block;
	height: 310px;
	width: 400px;
	margin-left: 10px;
	display:inline;
}


.start #sidebar1_290 {
	float: left;
	width: 312px;
	height: 280px;
	padding-right: 60px;
	padding-bottom: 15px;
	display: inline;
}

.start #sidebar2_290 {
	float: left;
	width: 312px;
	height: 280px;
	padding-right: 4px;
	padding-bottom: 15px;
	display: inline;
}

.start #sidebar1_290 h2,
.start #sidebar2_290 h2{
	color: #555555;
	margin-top: 0;
	font: bold 12px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	margin-bottom: 0px;
	float: none !important;
	width: 312px;
}

.start .highlight {
	clear:  both;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	width: 320px;
	padding-bottom: 7px;
}

.img_flft {
	float: left;
	display:  inline;
	padding-right: 12px;
}

h5 {
	color: black;
	font-size: 10px;
	font-weight: bold;
	line-height: 16px;
	margin-bottom: 4px;
	margin-top: 0;
	width: 320px;
}
.start #sidebar2 {
	float: right;
	width: 470px;
	height: 320px;
	margin-right: 16px;
	padding-bottom: 15px;
	display: inline;
}

.start #sidebar2_la {
	float: right;
	width: 400px;
	height: 320px;
	margin-right: 40px;
	padding-bottom: 15px;
	display: inline;
}


/* @end */

/* @group sidebar1 */

.start #sidebar1 {
	float: left;
	width: 135px;
	height: 320px;
	padding-right: 10px;
	padding-bottom: 15px;
	display: inline;
	padding-left: 0;
	margin-left: 0;
}

.start #sidebar1 ul,.start #sidebar1 li,.start #sidebar1 a {
	list-style-type: none;
	color: #555555;
	text-decoration: none;
	padding-left: 0;
	padding-top: 0;
	margin-top: 0;
	font: italic 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}


.start #sidebar1_da {
	float: left;
	width: 92px;
	padding: 0 10px 15px 8px;
	height: 338px;
	display: inline;
}

.start #sidebar1_da p {
	font: italic 10px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #777777;
}

.start #sidebar1_index ul, li a {
	list-style-type: none;
	color: #555555;
	font-size: 11px;
	font-style: italic;
	text-decoration: none;
	line-height: 16px;
}

.start #sidebar1_index li a:hover {
	text-decoration: none;
	color: #000;
}

/* @end */

/* @group maincontent_a */
.start #mainContent_co a {
	
	color: white;
	text-decoration: none;
	font: italic 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
}
.start #mainContent_a {
	padding: 15px 10px;
	height: 338px;
	width: 160px;
	margin: 0 100px 0 180px;
}
 p strong {
	font-weight: bold ! important;
}
 p strong {
	
	font-style: normal;
}
.start #mainContent_co {
	padding: 0 10px 15px 2px;
	height: 310px;
	width: 210px;
	margin: 0 10px 0 150px;
}
.start #mainContent_co p {
	font: italic 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
}


.start #mainContent_la {
	padding: 0 10px 15px 2px;
	height: 310px;
	width: 260px;
	margin: 0 10px 0 150px;
}
.start #mainContent_la p {
	font: normal 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
}

.start #mainContent_la h2 {
	font: bold 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
}
.start #mainContent_a img {
	padding-left: 69px;
}

.start #mainContent_a p {
	font: normal 10px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
}



.start #mainContent_co h1 {
	font: bold 14px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
}

.start #mainContent_a a {
	color: #fff;
	text-decoration: none;
}

.start #mainContent_a a:hover {
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group maincontent_i */

.start #mainContent_i {
	margin: 0 280px 0 290px;
	padding: 0 10px 15px;
	height: 338px;
	width: auto;
}

.start #mainContent_i p {
	font: normal 10px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
	padding-top: 15px;
}

.start #mainContent_i a {
	color: #fff;
	text-decoration: none;
}

.start #mainContent_i a:hover {
	color: #fff;
	text-decoration: none;
}

/* @end */

/* @group maincontent */

.start #mainContent {
	padding: 15px 10px;
	height: 342px;
	width: 490px;
	margin-bottom: 0;
	margin-top: 0;
	margin-right: 20px;
	margin-left: 200px;
}
.start a:focus {
	border: none;
}
.start #mainContent p, #mainContent_kontakt p, #mainContent_lesbar p {
	font: normal 11px/16px Arial, "Helvetica Neue", Helvetica, Geneva, sans-serif;
	color: #fff;
	padding-right: 20px;
}

.start #mainContent a, #mainContent_kontakt a, #mainContent_lesbar a {
	color: #fff;
	text-decoration: none;
	font-style: italic;
}

.start #mainContent a:hover, #mainContent_kontakt a:hover {
	color: #fff;
	text-decoration: none;
}

.start #mainContent_kontakt {
	padding: 0 0 8px 5px;
	height: 320px;
	width: 490px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 150px;	
}
.start #mainContent_lesbar {
	padding: 0 0 8px 5px;
	height: 300px;
	width: 600px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 150px;
}

.start #mainContent_karte {
	padding: 0 0 8px 5px;
	height: 308px;
	width: 640px;
	margin-bottom: 0;
	margin-top: 0;
	margin-left: 150px;
}


/* @end */

.start #sidebar3 {
	float: right;
	width: 440px;
	padding: 15px 10px 15px 15px;
	height: 338px;
	display: inline;
}

/* @end */

.bold {
	color: black;
	font-weight: bold;
}

/* @group sonstiges */

.fltrt {
	float: right;
	margin-left: 8px;
	display: inline;
}

.fltlft {
	float: left;
	margin-right: 8px;
	display: inline;
}

/* @end */

/* @group footer */

.start #footer {
	width: 960px;
	margin: 0 auto auto;
	padding: 0;
	text-align: right;
}

.start #footer p {
	padding: 0 60px 10px 0;
	clear: right;
}

.start #footer a {
	color: #555555;
	text-decoration: none;
	font-size: 9px;
	line-height: 10px;
}

.start #footer a:hover {
	color: #000;
}

/* @end */

/* @group zoom */
#demo img {border:0;}
#demo {
	display: block;
	float: left;
	width: 629px;
	text-align: left;
	text-decoration: none;
	color: #000;
	font-size: 11px;
}

#demo {
	padding-left: 0;
}

#demo A ul {
	text-align: left;
	color: #000;
}

p.code {
	margin-left: 60px;
}

pre {
	margin-left: 60px;
	background: #CCC;
	padding: 6px;
}

/* @end */

/* @group style */
/* Sample 1*/
#box1{
	position:absolute;
}
#box1 span{
	display:block;
	float:left;
}

/* Sample 2*/
#box2{
	position:absolute;
}
#box2 span{
	display:block;
	float:left;
}

/* Sample 3*/
#box3{
	position:absolute;
}
#box3 span{
	display:block;
	float:left;
}

/* Sample 4*/
#box4{
	position:absolute;
}
#box4 div{
	width:480px;
	height:240px;
	float:left;
	background:#eee;
}

#box4 h3, #box4 p, #box4 ul{
	padding:5px 10px;
}
#box4 p{
	text-indent:16px;
}
#box4 img{
	width:200px;
	width:150px;
	float:left;
	margin:0 10px 10px 15px;
}
#info4{
	background:#fff !important;
	color:red !important;
	cursor:default
}

/* Sample 5*/
#box5{
	position:absolute;
	width:393px;
	left: 0px;
	top: -2px;
}
#box5 span{
	display:block;
}
#info5{
	bottom:0;
}

/* Sample 6*/
#box6{
	position:absolute;
	width:240px;
}
#box6 span{
	display:block;
}
#handles6_1{
	float:left
}
#handles6_2{
	float:right
}
.mask6{
	position:absolute;
	left:50%;
	margin-left:-120px;
	width:240px;
	height:180px;
	overflow:hidden;
}
.sample6 .buttons{
	clear:both;
	text-align:center;
}

/* Sample 7*/
#box7{
	position:absolute;
}
#box7 span{
	display:block;
	float:left;
}

#thumbs7{
	position:relative;
	width:486px;
	clear:both;
	height:41px;
	overflow:hidden;
	margin-top:200px;
}
#thumbs7 .thumbs, #thumbs_handles7, #thumbs_mask7{
	position:absolute;
	top:0;
	width:100%;
	height:41px;
}
#thumbs7 .thumbs div, #thumbs_handles7 span{
	display:block;
	width:60px;
	height:41px;
	margin:0;
	float:left;
	cursor:pointer;
}
#thumbs7 .thumbs div img{
	width:54px;
	float:right;
}
#thumbs_handles7 span{
	background: url(../gallerie/thumb_invisible.gif) no-repeat;
}
#thumbs_mask7{
	width:1200px;
	background: url(../gallerie/thumbs_mask.gif) no-repeat center top;
}

/* Sample 8*/
#box8{
	position:absolute;
}
#box8 div{
	width:480px;
	float:left;
}
#box8 .buttons{
	text-align:left
}
#box8 .next{
	float:right
}
.sample8 .buttons{
	text-align:center;
	clear:both;
}
.sample8 .mask1{
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}

/* ********************************** */

.thumbs{
	width:54px;
}
.thumbs div{
	display:block;
	width:54px;
	height:41px;
	margin:3px 0;
	cursor:pointer;
}

.thumbs div img{
	display:block;
	width:100%;
	height:100%;
	border:none
}

.info{
	width:240px;
	height:50px;
	background:#000;
	position:absolute;
}
.info p, .info h4{
	color:#fff;
	padding:3px 8px;
	font-family:Arial;
}
.info h4{
	font-size:14px;
}
.info h4 a{
	float:right;
	background:#fff;
	color:#000;
	font-size:10px;
	padding:0 3px;
	text-decoration:none
}

.mask1{
	position:relative;
	width:480px;
	height:180px;
	overflow:hidden;
}
.mask2{
	position:relative;
	width:393px;
	height:277px;
	overflow:hidden;
}
.mask3{
	position:relative;
	width:480px;
	height:240px;
	overflow:hidden;
}

span img{
	display:block;
	border:none;
}


/* @end */

/* @group web */

pre {
	background: #666;
	color: #fff;
	padding: 10px;
	margin: 10px;
	height: auto;
	overflow: auto;
	font: 12px Verdana,Courier,sans-serif
}

* html pre {
	width: 100%
}

.sample {
	padding: 0 8px 0 32px;
	margin: 0 0 0px;
	
}

h4 .stitle {
	color: #666;
	margin: 0 0 5px 0
}

.links {
	padding: 10px;
	margin-top: 20px
}

.links a {
	font-size: 14px;
	color: #0080FF;
	text-decoration: none
}

.links a:hover {
	font-weight: bold
}

#cont {
	width: 550px;
	margin: 0 auto;
	background: #fff;
	text-align: left;
	padding: 20px
}

.butt{
	
	width: 452px;
	display: inline;
	float: right;
	padding-top: 27px;
	padding-right: 0px;
	
}


#next5 {
		padding: 0 ! important;
}
.buttons {
	display: inline;
	padding-top: 6px;
	margin-top: 0;
}

.buttons span {
	color: #555555;
	padding: 0 124px 0 0;
	cursor: pointer;
	font: 10px Verdana;
	margin:  0;
}

.buttons span.active, .buttons span:hover {
	color: #000}


/* @end */
.start #col1 {
float: left;
display: inline;
padding-right: 20px;
	width: 180px;
	height: 320px;
}
.start #col2 {
float: left;
display: inline;
padding-right: 20px;
	width: 180px;
	height: 320px;
}
.start #col3 {
float: left;
display: inline;
padding-right: 20px;
	width: 180px;
	height: 320px;
}
.start #col4 {
float: left;
display: inline;
padding-right: 20px;
	width: 180px;
}
 #uebersicht a {
	color: #555555;
	font-size: 11px;
	line-height: 19px;
	font-style: italic;
	text-decoration: none;
}
 #uebersicht a:hover {
	color: #000;
	
}