@charset "UTF-8";
/* CSS Document */


html {
    padding:0px;
    margin:0px;
    border:0px;
    -webkit-text-size-adjust: none;
    background-color: #FFFFFF;
    font-family: Verdana;
    color: #000000;
    font-size:12px;
    height:100%;
    background-color:#f9f9f9;
}

body {
    padding:0; 
    margin:0; 
    border:0;
    height:100%;
}

img{border:0 none;}

/***********************************************/
/* Layout Divs                                 */
/***********************************************/

table.page-layout { 
    margin-left:auto; 
    margin-right:auto; 
    margin-top:10px;
    height:100%;
    
}

td.content{ 
    vertical-align: middle; 
    text-align: center; 
}

#header, #midcontainer, #footer {
    background-color:#ffffff;
}

#mainpage {
    background-color:#FFFFFF;
    height:735px;
    padding-left:30px;
    padding-right:20px;
    position:relative;
    width:910px;
}

#header {
    width:900px;
    height: 35px;
    margin: 0px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    position:relative;
    float:left;
}

#midcontainer{
    width:900px;
    height:670px;
    position:relative;
    float:left;
/*    text-align:left;*/
    text-align:justify;
}

#footer {
    float:left;
    height:20px;
    position:relative;
    width:900px;
    white-space:nowrap;
    font-size:11px;
}

/***********************************************/
/* Sub-Layout Divs                             */
/***********************************************/

#enterplz {
    width:900px;
    height: 58px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    position:relative;
    float:left;
}

#picnav {
    width:420px;
    height:38px;
    margin-top:13px;
    padding:0px 0px 0px 0px;
    position:relative;
    float:left;
    text-align:left;
}

#logo {
    width:540px;
    height:51px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
    float:left;
    background-image: url(../imgs/logo.gif);
    background-position: 18px 8px;
    background-repeat:no-repeat;
}

#adressleiste {
    width:900px;
    height:25px;
    margin:0px 0px 0px 0px;
    padding:0px 0px 0px 0px;
    position:relative;
    float:left;
    background-image: url(../imgs/adressleiste.gif);
    background-position: 0px 17px;
    background-repeat:no-repeat;
}

/***********************************************/
/* Navigation Divs                             */
/***********************************************/

.helvetica {
    float:left;
    outline:none;
    border:none;
}

.helvetica_bold {
    float:left;
    outline:none;
    padding-right:2px;
}

/***********************************************/
/* Display                                     */
/***********************************************/

#midcontainer a{
    outline:none;
    text-decoration:none;
    color:#cccccc;
}


/***********************************************/
/* Thumbnav Divs                               */
/**********************************************/

#thumbs_nav{
    margin:1px 0px 0px 0px;
    position:relative;
    height:37px;
    width: 900px;
    overflow:hidden;
}

#thumbs_nav a{
    outline:none;
    border: none;
    text-decoration: none;
}


div.scrollable div.items {  
    /* this cannot be too large */
    width:20000em;  
    position:absolute;
    clear:both;     
    
}

/* single scrollable item */
div.scrollable div.items div {
    float:left;
    margin-right:11px;
}

/***********************************************/
/* PICS                                        */
/***********************************************/

#pic {
    z-index: 1;
    float: left;
    position:absolute;
    width: 960px;
    height: 600px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#bildnav_l {
    height: 600px;
    width: 450px;
    z-index: 2;
    margin-top:0px;
    float: left;
    position:absolute;
    cursor:pointer;
    text-align:left;
    background-image: url(../imgs/nav_holder.gif);  
}



#bildnav_r {
    height: 600px;
    width: 450px;
    margin:0px;
    z-index: 2;
    float: left;
    position:absolute;
    cursor:pointer;
    text-align:left;
    background-image: url(../imgs/nav_holder.gif);  
}

/***********************************************/
/* ABOUT                                       */
/***********************************************/


#about_top {    
    width:960px;
    height:4px;
    border-top: solid #000000 4px;
    float: left;
    position:absolute;
}

#about_bottom { 
    width:960px;
    height:1px;
    border-top: solid #000000 1px;
    float: left;
    position:absolute;
    margin-top:600px;
}

.boxgrid{ 
    overflow: hidden; 
    width:960px;
    height:600px;
    float:left;
    position: relative; 
}
.boxgrid img{ 
    position: absolute; 
    top: 0; 
    left: 0; 
    border: 0; 
}

.boxcaption{
    float: right;
    position: absolute;
    background-color: #000000;
    height: auto;
    width: 410px;
    opacity: .7;
    /* For IE 5-7 */
    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
    /* For IE 8 */
    -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    padding: 10px 10px 10px 10px;
    color:#FFFFFF;
    text-align:left;
    font-size: 13px;
    right: 0;
}



/***********************************************/
/* CLIENTLIST                                  */
/***********************************************/

.clientlist_titel { 
    width:960px;
    height:24px;
    float: left;
    position:absolute;
    margin-top:576px;
    text-align:left;
    font-size:12px;
    outline:none;
}

#clientlist {
    width:960px;
    height:365px;
    margin-top:10px;
    line-height:23px;
    float: left;
    position:absolute;
    text-align:left;
    font-size: 13px;
    outline:none;
    color:#000000;
}

#clientlist a{
    color:#000000;
    outline:none;
    border:none;
}

#clientlist a:hover{
    color:#999999;
    outline:none;
    border:none;
}

.nav_forw { 
    width:80px;
    height:12px;
    position:absolute;
    float:left;
    margin-left:850px;
    outline:none;
    margin-top:576px;
    font-size:12px;
    text-align:left;
}



.nav_back { 
    width:80px;
    height:12px;
    position:absolute;
    float:left;
    margin-left:845px;
    outline:none;
    margin-top:576px;
    font-size:12px;
    text-align:left;
}


/***********************************************/
/* LINKS                                       */
/***********************************************/

.links_titel {  
    width:960px;
    height:24px;
    float: left;
    position:absolute;
    margin-top:576px;
    text-align:left;
    font-size:12px;
    outline:none;
}

#linkslist {
    width:960px;
    height:365px;
    margin-top:14px;
    line-height:13px;
    float: left;
    position:absolute;
    text-align:left;
    font-size: 13px;
    outline:none;
}

#links{
    line-height:16px;
    text-align:left;
    font-size: 12px;
    font-style: italic; 
}

#links a{
    color:#000000;
    outline:none;
    border:none;
}

#links a:hover{
    color:#999999;
    outline:none;
    border:none;
}





/************** GALLERY ***************/
#galleryMainImage{
width:900px;
height:600px;
overflow:hidden;
position:relative;
}
#galleryMainImage img{
position:absolute;
left:0;
top:0;
z-index:0;
}
#galleryMainImage img.markRemove{
z-index:1;
}
#galleryMainImage a.mainLink{
display:block;
width:900px;
height:600px;
z-index:2;
position:absolute;
left:0;
top:0;
font-size:1200px;
}

#galleryThumbs{
width:864px;
height:37px;
overflow:hidden;
margin:10px 0 0;
position:relative;
}
#galleryThumbs .thumb{
float:left;
margin:0 11px 0 0;
width:37px;
height:37px;
}
#galleryThumbs a{
/* for IE */
filter:alpha(opacity=50);
/* CSS3 standard */
opacity:0.5;
display:block;
width:37px;
height:37px;
}
#galleryThumbs a.active{
/* for IE */
filter:alpha(opacity=100);
/* CSS3 standard */
opacity:1.0;
}
#galleryThumbs .container{
position:relative;
height:37px;
overflow:hidden;
}