/***********************************************
reset some basic style
************************************************/
a:hover { text-decoration : none; }
a:focus { outline : none; }
img a:hover { text-decoration : none; }
img a:focus { outline : none; }

/***********************************************
Basics
************************************************/
body {
   margin : 0;
   color : #333;
	font-family : Courier, Verdana, Helvetica, Arial, Geneva, Futura, non-serif;			
	font-size : 13px;
	text-align : left;
	line-height : 100%;
	background : url(../shared/bg_green.gif) 0 0 repeat-x;
}
#websiteWrap {
	position : relative;
	display : block;
	margin : 0 0;
	padding : 0 0;
	width : 970px;
	text-align : left;
	visibility : visible;
	z-index : auto;
}
/* floats
************************************************/
.floatL {
	float : left;
}
.floatR {
	float : right
}
.floatN {
	float:none;
}
.clearB {
	clear : both;
}
BR.clear {
	line-height : 0;
}
HR.clear {
	line-height : 0;
	height : 1px;
	border : 0;
	border-bottom : 1px solid #E4E4E4;
}
/* Top
************************************************/
#topWrap {
   margin : 0 0;   
   padding : 0 0;
	width : 970px;
	height : 216px;
   background : #8ABE39 url(../shared/bg_logo.gif) 65px 64px no-repeat;
}
/* Top :: logoWrap
************************************************/
#logoWrap {
	float : left;
	margin : 15px 0 0 23px;
	padding : 0;	
	width : 451px;
	height : 15px;
	background : url(../shared/logo.gif) no-repeat;
	text-indent : -4000px;
}
#logoWrap a {
	display : block;
	width : 451px;
	height : 15px;
	text-indent : -4000px;
}
/* Menu :: mainMenu
************************************************/
#menuWrap {
	position : absolute;   
   margin : 0px 0 0 628px;
   padding : 0 0;
	width : 448px;
	height : 369px;
   background : url(../shared/bg_mainmenu.gif) 85px 39px no-repeat;
}
ul#mainMenu {
   margin : 0;
   padding : 0 0;
   width : 64px;
   list-style-type : none;
}
ul#mainMenu li {
   float : left;
   margin : 0;
   padding : 0 0 0 0;
   list-style-type : none;
}
ul#mainMenu li a {
   display : block;
   height : 33px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#mainMenu a.aktiv {
   cursor : default;
}
ul#mainMenu li a { background : url(../shared/btn_mainmenu.gif) no-repeat; }

ul#mainMenu li.navi_01           { position: absolute; margin: 24px 0 0 332px; width: 46px; }
ul#mainMenu li.navi_01 a         { background-position: 0  0; }
ul#mainMenu li.navi_01 a:hover   { background-position: 0 -33px; }
ul#mainMenu li.navi_01 a.aktiv	{ background-position: 0 -33px; }

ul#mainMenu li.navi_02       	   { position: absolute; margin: 64px 0 0 64px; width: 60px; }
ul#mainMenu li.navi_02 a      	{ background-position: -46px  0; }
ul#mainMenu li.navi_02 a:hover   { background-position: -46px -33px; }
ul#mainMenu li.navi_02 a.aktiv 	{ background-position: -46px -33px; }

ul#mainMenu li.navi_03           { position: absolute; margin: 138px 0 0 0px; width: 76px; }
ul#mainMenu li.navi_03 a         { background-position: -106px  0; }
ul#mainMenu li.navi_03 a:hover   { background-position: -106px -33px; }
ul#mainMenu li.navi_03 a.aktiv 	{ background-position: -106px -33px; }

ul#mainMenu li.navi_04           { position: absolute; margin: 229px 0 0 9px; width: 65px; }
ul#mainMenu li.navi_04 a         { background-position: -182px  0; }
ul#mainMenu li.navi_04 a:hover   { background-position: -182px -33px; }
ul#mainMenu li.navi_04 a.aktiv 	{ background-position: -182px -33px; }

ul#mainMenu li.navi_05           { position: absolute; margin: 307px 0 0 56px; width: 64px; }
ul#mainMenu li.navi_05 a         { background-position: -247px  0; }
ul#mainMenu li.navi_05 a:hover   { background-position: -247px -33px; }
ul#mainMenu li.navi_05 a.aktiv 	{ background-position: -247px -33px; }

ul#mainMenu li.navi_06           { position: absolute; margin: 356px 0 0 157px; width: 47px; }
ul#mainMenu li.navi_06 a         { background-position: -311px  0; }
ul#mainMenu li.navi_06 a:hover   { background-position: -311px -33px; }
ul#mainMenu li.navi_06 a.aktiv 	{ background-position: -311px -33px; }

ul#mainMenu li.navi_07           { position: absolute; margin: 363px 0 0 277px; width: 125px; }
ul#mainMenu li.navi_07 a         { background-position: -358px  0; }
ul#mainMenu li.navi_07 a:hover   { background-position: -358px -33px; }
ul#mainMenu li.navi_07 a.aktiv 	{ background-position: -358px -33px; }

/* ContentWrap
************************************************/
#contentWrap {
	float : left;   
   margin : 21px 0 0 0;
   padding : 0 0 0 85px;
	width : 482px;
   background : #FFFFFF;
}
#contentWrap img {
   padding : 10px 0 10px 0;
}
#contentWrap li {
   padding : 2px 0 2px 0;
}
#contentWrap ul {
   padding : 10px 0 20px 0;
}
/* ContentWrap :: subMenu
************************************************/
#subMenu {
   float : left;
   display : block;
   padding : 6px 0;
   margin : 0 0;
   width : 482px;
   background : #FFFFFF url(../shared/bg_line.gif) 0 0 no-repeat;
}
ul#scrollMenu {
   margin : 0;
   padding : 0 0;
   width : 64px;
   list-style-type : none;
}
ul#scrollMenu li {
   float : left;
   margin : 0;
   padding : 0 0 0 0;
   list-style-type : none;
}
ul#scrollMenu li a {
   display : block;
   height : 18px;
   text-decoration : none;
   text-indent : -4040px;
}
ul#scrollMenu a.aktiv {
   cursor : default;
}
ul#scrollMenu li a { background : #FFFFFF url(../shared/btn_scrollmenu.gif) no-repeat; }

ul#scrollMenu li.navi_01           { width: 21px; left: 0; }
ul#scrollMenu li.navi_01 a         { background-position: 0  0; }
ul#scrollMenu li.navi_01 a:hover   { background-position: 0 -18px; }
ul#scrollMenu li.navi_01 a.aktiv	{ background-position: 0 -18px; }

ul#scrollMenu li.navi_02       	   { width: 22px; left: 21px; }
ul#scrollMenu li.navi_02 a      	{ background-position: -21px  0; }
ul#scrollMenu li.navi_02 a:hover   { background-position: -21px -18px; }
ul#scrollMenu li.navi_02 a.aktiv 	{ background-position: -21px -18px; }

ul#scrollMenu li.navi_03           { width: 21px; left: 43px; }
ul#scrollMenu li.navi_03 a         { background-position: -43px  0; }
ul#scrollMenu li.navi_03 a:hover   { background-position: -43px -18px; }
ul#scrollMenu li.navi_03 a.aktiv 	{ background-position: -43px -18px; }

/* ContentWrap :: Referenzen
************************************************/
.referenz {
	float : left;   
   margin : 0 0;
   padding : 0 0;
	width : 482px;
   background : #FFFFFF;
}
.spacer {
	float : left;   
   margin : 0 0;
   padding : 0 0;
	width : 482px;
	height : 10px;
   background : #FFFFFF url(../shared/bg_line.gif) 0 0 no-repeat;
}
.animation {
	float : left;   
   margin : 10px 0 20px 0;
   padding : 0 0;
	width : 482px;
	height : 319px;
   background : #FFFFFF url(../referenzen/img/Ref_Dia_bg.jpg) 0 0 no-repeat;
}
.animation img {
   margin : -10px 0;
   padding : 0 0 0 0;
}
/* List
*****************************************************/
UL, OL {
	padding : 0;
}
* UL, * OL {
	margin : 0;
}
UL LI {
	list-style : none;
	padding : 0;
}
UL UL, OL OL {
	padding : 0;
}

/* anker
*****************************************************/
a {
	color : #8ABE39;
	font-size : 1em;
	font-weight : bold;
	text-decoration : none;
}
a:hover,
a:focus {
	color : #D0E5B0;
	text-decoration : none;
}
/* Header & P-Tags
*****************************************************/
h1 {
   margin : 0 0;
	padding : 0 0 8px 0;
   color : #000;
	font-size : 1.8em;
	font-weight : normal;
	line-height : 0.9em;
}
h2 {	
	margin : 0 0;
   padding : 0 0 10px 0;
	font-size : 1.3em;
	font-weight : normal;
	line-height : 1em;
}
h3 {	
	margin : 0 0;
   padding : 0 0 3px 0;
	font-size : 1.3em;
	font-weight : normal;
	line-height : 1em;
}
h4 {
   margin : 0 0;
   padding : 0 0 10px 0;
   color : #B9B9B9;
	font-size : 1em;
	font-weight : normal;
}
h5 {
	margin : 0 0;
   padding : 0 0 0 0;
	font-size : 1.3em;
	font-weight : normal;
}
h6 {
	margin : 0 0;
   padding : 0 0 0 0;
	font-size : 1.3em;
	font-weight : normal;
}
p {
   margin : 0 0;
	padding : 0 0 10px 0;
}
.red {
   color : #AF1C4B;
}

/* Flash
************************************************/
#flash {
   float : left;
   padding : 10px 0px 0px 0px;
   margin : 0px 0px 0px 0px;
   top : 0px;
   left : 0px;
}
#flashcontent {
   float : left;
   padding : 0px 0px 10px 0px;
   margin : 0px 0px 0px 0px;
   top : 0px;
   left : 0px;
}
#flashversion {
   float : left;
   padding : 0px 0px 0px 0px;
   margin : 0px 0px 0px 0px;
   top : 0px;
   left : 0px;
}
#flashcontent a img {
	margin : 0;
	padding : 0;
	border : none;
}
/* Footer
************************************************/
.footerWrap {
   float : left;
   display : block;
   padding : 0 0 20px 85px;
   margin : 0 0;
   width : 482px;   
}
/* Slideshow
************************************************/
.dn {
	display: none;
}
.einblenden {
	display: block !important;
}
.slideshowContent {
	position: relative;
	margin: 152px 0 170px 145px;
}
.maskFrame {
	position: absolute;
	margin: 10px 0 20px 0;
	width: 447px;
	height: 485px;
	background : url(../referenzen/img/bg_frame.png) 0 0 no-repeat;	
	z-index: 1000;
}
.slideshow, .slideshow-label, .slideshow-content, .slideshow-panel {
    font:12px Verdana, Tahoma, sans-serif;
}

.slideshow {
    padding:0;
    border:0;
    position:relative;
    display:none;           /* Set to "none" for not preview slideshow content */
    z-index:1
}
.slideshow-content {
    padding:0;
    background-color:#000;
    color:#333;
    overflow:hidden;
    position:relative;
    z-index:1;
}

    /* Some Content Changes */
    .slideshow-content p {
        padding:0 !important;
        overflow:auto;
    }

    .slideshow-content img {
        padding:0 !important;
        border:0 !important;
    }

    .slideshow-slide {
        display:none;
        position:absolute;
    }

.slideshow-fullscreen {
    position:absolute;
    top:0;
    left:0;
    padding:0;
    border:0;  
    overflow:hidden;
}

.slideshow-label-place, .slideshow-panel-place {
    /* Stupid IE hack */
    // border-style:dotted; border-width: 1px 0; border-color: transparent; background:transparent;
}

.slideshow-label-place {
    padding:0;
    position:absolute;
    top:0px;
    left:0px;
    z-index:100;
    height:30px;
}
    .slideshow-label {   
        z-index:101;
        color:#fff;
        width:100%;
        height:100%;
        line-height:30px;
        text-indent:8px;
        font-weight:bold
    }

    .slideshow-label a,
    .slideshow-label a:hover,
    .slideshow-label a:active,
    .slideshow-label a:visited {
        color:#fff;
    }

.slideshow-panel-place {
    padding:0;
    position:absolute;
    bottom:0px;
    left:0px;
    z-index:100;
    height:26px;
}
    .slideshow-panel {
        z-index:101;    
        width:100%;
        height:100%;
    }
    
        .slideshow-panel a.button {
            display: block;
            width:24px;
            height:24px;
            float:left;
            text-indent:-99999%;
            overflow:hidden;
            outline: 0; /* @ Firefox, prevent dotted border after click */ 
            background-image:url(images/buttons.png);
            background-repeat:no-repeat;
            border:1px solid transparent
        }
        
            .slideshow-panel a.button:hover {
                border:1px solid #777;
            }
            
            
            .slideshow-panel a.first {
                background-position: 0 0
            }
            
            .slideshow-panel a.prev {
                background-position: -24px 0
            }
            
            .slideshow-panel a.play {
                background-position: -48px 0
            }
            
            .slideshow-panel a.stop {
                background-position: -72px 0
            }
            
            .slideshow-panel a.next {
                background-position: -96px 0
            }
            
            .slideshow-panel a.last {
                background-position: -120px 0
            }
            
            .slideshow-panel a.help {
                position:relative;
                background-position: -144px 0
            }
            
            .slideshow-panel span.counter {
                float:right;
                display: block;
                font-weight:700;
                color:#fff;
                /*width:26px;*/
                height:24px;
                line-height:24px;
                padding:0 4px;
            }


.slideshow-help {
    position:absolute;
    bottom:26px;
    left:0px;    
    z-index:101;   
    background-color:#ff9; 
    display:none;
    opacity: 0.9;
    width:100%;
}

.slideshow-frame div {
    position:absolute;
    top:0px;
    left:0px;
    background:url(images/big-play.png) 50% 50% no-repeat;
    z-index:201;
    cursor:pointer;
    width:100%;
    height:100%;
}

.slideshow-load {
    display:none;
}
    .slideshow-load div {
        position:absolute;
        top:0px;
        left:0px;
        background:url(images/ajax-loader.gif) 50% 50% no-repeat;
        z-index:201;
        cursor:pointer;
        width:100%;
        height:100%;
    }

.slideshow-shadow {
    position:absolute;
    top:0px;
    left:0px;
    z-index:200;
    width:100%;
    height:100%;
}
    
.slideshow-opacity {
    background:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYmBgaAAIMAAAjwCD5Hc2/AAAAABJRU5ErkJggg==);
    background:rgba(0, 0, 0, 0.5);
    filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#85000000, endColorstr=#85000000);
}