@charset "utf-8";

* {
   margin: 0px;
   padding: 0px;
   outline:none;
}

body,
html {
   width:100%;
   height:100%;
}

html {
   overflow-y: scroll;
   background:#FFFFFF url(../images/bg-html.png) center top repeat-y scroll;
}

body {
   color:#3c2f08;
   font-size:12px;
   font-family:Verdana, Arial, Helvetica, sans-serif;
   background:transparent url(../images/bg-body.jpg) center top no-repeat scroll;
}

h2,
h3 {
   line-height:28px;
   margin:0 0 18px 0;
   font-weight:normal;
}

h2 {
   font-size:24px;
}

h3 {
   font-size:18px;
   font-weight:normal;
}

h4,
h5,
h6 {
   font-size:12px;
   font-weight:bold;
   margin:0 0 12px 0;
   font-weight:bold;
}

img {
   border:none;
}

a {
	color:#7b0cbb;
	text-decoration:underline;
}

a:hover {
	text-decoration:none;
}

ul {
   list-style:none;
}

.clear {
   float:none;
   clear:both;
}

ul.list {
	list-style-type: none;
	margin-bottom: 15px;
}
					
ul.list li {
	background: url(../images/li-list.png) 0 5px no-repeat;
	padding-left: 20px;
	margin-bottom: 2px;
}

address {
	font-weight: normal;
	font-style: normal;
	margin-bottom: 15px;
}

#panoramaReplacement {
	margin-bottom: 15px !important;
}

/* CONTAINER */
#container {
    min-height: 100%;
   height: auto !important;
   height: 100%;
   margin: 0 auto -306px;
   background:transparent url(../images/bg-container.jpg) center bottom no-repeat scroll;
}

/* HEADER */
#header {
   height:294px;
   position:relative;
   width:960px;
	margin:0 auto;
	z-index:1;
}

#header h1.branding{
	position:absolute;
    top:32px;
    left:46px;
}

#header h1.branding,
#header h1.branding a {
   display:block;
   width:350px;
   height:175px;
}

#header h1.branding a img {
   position:absolute;
   z-index:1;
   top:0;
   left:0;
}

#header h1.branding a span {
   position:absolute;
   z-index:0;
   top:-570px;
   left:80px;
   font-size:10px;
}

#header blockquote.indent {
   text-indent:-9999px;
}

#nav{
	position:absolute;
	width:860px;
	height:54px;
	line-height:54px;
	top:240px;
	left:37px;
	background:transparent url(../images/bg-nav.jpg) 0 0 no-repeat;
	text-indent:-9999px;
}

#nav h3{
	margin:0;
	height:54px;
	line-height:54px;
	background:transparent url(../images/bg-nav.jpg) 0 0 no-repeat;
}

#nav li{
	float:left;
	position:relative;
	height:auto;
}

#nav a{
	display:block;	
	height:54px;
	background:transparent url(../images/bg-nav.jpg) 0 0 no-repeat;
}
#nav a.startseite{
	width:105px;	
}
#nav a.startseite:hover,
#nav li.active a.startseite{
	background-position:0 -54px;
}

#nav a.ueberuns{
	width:124px;
	background-position:-105px 0;
}
#nav a.ueberuns:hover,
#nav li.active a.ueberuns{
	background-position:-105px -54px;
}

#nav h3.kreativprodukte{
	width:144px;
	background-position:-229px 0;
}
#nav li:hover h3.kreativprodukte,
#nav li.active h3.kreativprodukte{
	background-position:-229px -54px;
}

#nav a.leistungen{
	width:160px;
	background-position:-373px 0;
}
#nav a.leistungen:hover,
#nav li.active a.leistungen{
	background-position:-373px -54px;
}


#nav h3.kurse{
	width:72px;
	background-position:-533px 0;
}
#nav li:hover h3.kurse,
#nav li.active h3.kurse{
	background-position:-533px -54px;
}

#nav a.messeneuheiten{
	width:132px;
	background-position:-605px 0;
}
#nav a.messeneuheiten:hover,
#nav li.active a.messeneuheiten{
	background-position:-605px -54px;
}

#nav a.kundenkarte{
	width:113px;
	background-position:-737px 0;
}
#nav a.kundenkarte:hover,
#nav li.active a.kundenkarte{
	background-position:-737px -54px;
}


#nav ul li{
	float:none;
	clear:both;
}


#nav ul a{
	height:25px;
	line-height:24px;
	background:none;
	font-size:11px;
	color:#FFFFFF;
	text-decoration:none;
}

#nav ul.kreativprodukte li{
	border-bottom:1px solid #ffc8df;
}

#nav ul.kreativprodukte a{
	background:#db7da5;
	padding:0 5px;
}

#nav ul.kreativprodukte a:hover,
#nav ul.kreativprodukte li.active a{
	background:#db5890;
}

#nav ul.kurse li{
	border-bottom:1px solid #e0ffb8;
}

#nav ul.kurse a{
	background:#9dcd5e;
	padding:0 5px;
}

#nav ul.kurse a:hover,
#nav ul.kurse li.active a{
	background:#82bf32;
}

#nav li a.aktuelles,
#nav li a.newsletter{
	position:absolute;
	top:-152px;
	width:200px;
	z-index:3;
	height:36px;
	background:transparent url(../images/bg-aktuelles-nl.png) 0 0 no-repeat;
	width:78px;
	left:-328px;
}

#nav li a.aktuelles:hover,
#nav li.active a.aktuelles{
	background-position:0 -36px;
}

#nav li a.newsletter{
	width:118px;
	top:-234px;
	left:-159px;
	background-position:-96px 0;
}

#nav li a.newsletter:hover,
#nav li.active a.newsletter{
	background-position:-96px -36px;
}



#nav ul{
	display:none;
	text-indent:0;
	position:absolute;
	top:52px;
	left:0;
	width:164px;
	padding:4px 0 0 0;
}

#nav li:hover ul{
	display:block;
	z-index:2;
}


/* CONTENT */
#contentContainer {
	width:960px;
	height:auto;
	margin:0 auto;
}

/* SIDEBAR */
#sidebar {
	width:290px;
	float:left;
	min-height:366px;
	background:transparent url(../images/bg-sidebar.png) 0 -1px no-repeat;
	padding:56px 0 0 0;
	font-size:11px;
	line-height:18px;
}

#sidebar h3{
	text-indent:-9999px;
	margin:0 0 13px 0;
}

* html #sidebar {
	height:366px;
}

#sidebar dl{
	width:170px;
	padding:0 0 0 47px;
	float:left;
	clear:both;
	height:auto;
	margin:0 0 75px 0;
	line-height:16px;
}

#sidebar dt,
#sidebar dd{
	width:49px;
	float:left;
}

#sidebar dd{
	width:120px;
}

#sidebar p.gallery{
	float:left;
	clear:both;
	padding:0 0 0 33px;
}

#sidebar p.gallery img{
	border:4px solid #FFFFFF;
	float:left;
	margin:0 10px 10px 0;
}

.images {
	border:4px solid #FFFFFF;
	float:left;
	margin:0 10px 10px 0;
}

#contentMain {
	padding:44px 92px 82px 49px;
	width:467px;
	float:left;
}

.contentMain-small {
	width:225px;
	float:left;
}

#pixa{
	border:1px solid #fff;
	margin:10px 0;
	width:440px;
	height: 120px;
}
#video1, #video2{
	border:1px solid #fff;
	width: 460px;
	height: 368px;}
#video1{
	margin-bottom:20px;
}


#contentMain h2.headline{
	font-size:50px;
	color:#ffffff;
	min-height:60px;	
	line-height:56px;
	background:transparent url(../images/bg-headline.png) 0 bottom no-repeat;
	padding:0 0 0 3px;
	margin:0 0 32px 0;
}
* html #contentMain h2.headline{
	height:60px;
}


#contentMain p,
#contentMain ul {
   line-height:18px;
   margin:0 0 12px 0;
}


/* FOOTER */
#footer,
.push {
   height: 306px;
	float:none;
	clear:both;
}

#footer {
	width:960px;
	margin:0 auto;
	font-size:11px;
	line-height:18px;
	position:relative;
}

#footer address{
	font-style:normal;
	padding:23px 0 0 0;
}

#footer address,
#footer ul.contacts{
	margin:0 0 18px 19px;
	width:250px;
}

#subNavi{
	position:absolute;
	top:125px;
	left:516px;
	width:367px;
	height:34px;
	line-height:34px;
	text-indent:-9999px;
}

#subNavi li{
	float:left;
}
#subNavi li a{
	height:34px;
	display:block;
	background:transparent url(../images/bg-subnavi.jpg) 0 0 no-repeat;
}

#subNavi li a.startseite{
	width:81px;
	margin:0 23px 0 0;
}
#subNavi li a.startseite:hover,
#subNavi li.active a.startseite{
	background-position:0 -34px;
}


#subNavi li a.kontakt{
	width:68px;
	margin:0 23px 0 0;
	background-position:-104px 0;
}
#subNavi li a.kontakt:hover,
#subNavi li.active a.kontakt{
	background-position:-104px -34px;
}

#subNavi li a.anfahrt{
	width:68px;
	margin:0 20px 0 0;
	background-position:-195px 0;
}
#subNavi li a.anfahrt:hover,
#subNavi li.active a.anfahrt{
	background-position:-195px -34px;
}

#subNavi li a.impressum{
	width:79px;
	background-position:-283px 0;
}
#subNavi li a.impressum:hover,
#subNavi li.active a.impressum{
	background-position:-283px -34px;
}


/* - Mobile Styles -*/
#mobile-link{
	border: 1px solid #ccc;
	background:#fff url(../images/mobile/bg-btn-desktop.png) repeat-x 0 bottom;
	display:none;
	clear:both;
	position:relative;
	z-index:99999;
}

.btn-mobile {
	display: block!important;
	margin: 0 auto;
	color: #666 !important;
	background:url(../images/mobile/icon-mobile.png) no-repeat 5% 24px;
	text-indent:20%;
	text-decoration: none!important;
	font-size:30px;
	padding: 60px 20px;
	text-transform: uppercase;
}