/*########################################################################*/
/* copyright 2005 -2009 by creativbox.net - Internet L�sungen             */
/* Torsten Leithold & Georg von Kries GbR                                 */
/*########################################################################*/

/*
###################################################
Standards
###################################################
*/


html { overflow : hidden;}

body
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    font-size: 12px;
    color: #000;
    background:#6E6D6D;
    padding: 0;
    margin: 0;
    overflow:hidden;

}

h1, h2, h3, h4
{
    margin: 10px 0 10px 0;
    font-size: 10px;
    font-weight: bold;
}

h1
{
    font-size: 16px;
}

img
{
    border: 0;
}

input, select
{
    border: 1px solid #ccc;
    margin: 0 5px 5px 0;
}

input.submit
{
    font-family: Arial, Helvetica, Verdana, sans-serif;
    border: 1px solid #999;
}

p
{
    margin: 15px 0 15px 0;
}

ul
{
    list-style: none;
    margin: 0;
    padding: 0;
}

a:link, a:visited, a:active
{
    text-decoration: none;
    color: #333;
}

a:hover
{
    text-decoration: none;
    color: #666;
}

/*
###################################################
Container
###################################################
*/

.container
{
width:1008px;    
height:590px;
background:#fff;
padding:8px;  
top: 50%;
left: 50%;
position:absolute;
margin: -303px 0 0 -512px; 

}


.imprint
{
padding-top:20px; 
text-align:right; 
position:relative;
margin-right:-8px; 
}


* html .imprint
{
    
    position:absolute;
  bottom:-18px;
  margin:0;
  padding:0;
  right:0;
    }

.imprint a,
.imprint a:visited

{
  color:#fff;  
}

.imprint a:hover
{
  color:#cbcbcb;  
}

.imprint ul
{
float:right;    
}

.imprint li
{
float:right; 
margin-left:10px;   
}

/*
###################################################
Header
###################################################
*/

.header
{
width:1008px;
height:88px;
background:#F20000;
text-align:center;
vertical-align:middle;
padding-top:41px;
position:relative;
}


.copyright
{
background:url(../images/copyright.png);
position:absolute;
width:66px;
height:55px;
left:0;
bottom:0;   
}



* html .copyright
{
 background :none !important;
 filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', src='http://www.caspari-werbeagentur.de/cms/images/copyright.png', sizingMethod='scale') !important;
   
    }
 
/*
###################################################
Navigation
###################################################
*/

.navigation
{
 border-bottom:1px solid #808080;  
 padding-bottom:5px;
 height:35px;
 overflow:hidden;
}

.navigation ul 
{
  width:1008px;
  text-align:center;
  margin:18px auto 0 auto;
  
   }

.navigation li
{
float:left;

}





.navigation a
{
font-size:14px;    
}

/* Root element for the scrolling. */ 
.navigation ul li div.navigation 
{
 position:absolute;
 bottom:8px;
 left:28px;
 margin:0;
 padding:0;
 border:none;
 height:18px;
 width:968px;
 overflow:hidden;
 }

/* Root element for scrollable items. */

.navigation ul.subNavigation 
{
    /* this cannot be too large */
    width:20000em;
    position:absolute; 
    display:block;
    bottom:0px;
    left:0px;
}

 
 .navigation ul.subNavigation li
{
 float:left;
 width:auto;
 margin:0; 
 text-align:center;
 visibility:hidden;
 }

/* Scroll buttons */

.navigation a.prev,
.navigation a.next
{
    display:none;
}

div.navigation ul li a.next,
div.navigation ul li a.prev
{
    display:block;
    height:18px;
    width:18px;
}

div.navigation ul li a.next
{
    position:absolute;
    bottom:8px;
    right:8px;
    background:url(../images/right.png) left top;
}


* html div.navigation ul li a.next
{
    position:absolute;
    bottom:8px;
    right:8px;
    background:url(../images/right.gif) left top;
}



div.navigation ul li a.next:hover
{
    background:url(../images/right.png) left bottom;
}

* html div.navigation ul li a.next:hover
{
    background:url(../images/right.gif) left top;
}



div.navigation ul li a.prev
{
    position:absolute;
    bottom:8px;
    left:8px;
    background:url(../images/left.png) left top;
    
}


* html div.navigation ul li a.prev
{
    position:absolute;
    bottom:8px;
    left:8px;
    background:url(../images/left.gif) left top;
}



div.navigation ul li a.prev:hover
{
    background:url(../images/left.png) left bottom;
}


* html div.navigation ul li a.prev:hover
{
    background:url(../images/left.gif) left bottom;
}



div.navigation ul li a.disabled
{
}


.navigation ul.subNavigation li a
{
color:#000;
}


/*
###################################################
Content
###################################################
*/


.content
{
height:399px;   
overflow:hidden;
padding-top:0px; 
width:1008px;
position:relative;
}

.content .left
{
width:580px;
float:left;
visibility:hidden;
}


.content .thumb
{
height:224px; 
}

.content .thumb img
{
float:left;    
margin:8px 8px 0 0;
overflow:hidden;
}

.content .thumb-text
{
height:95px;  
text-align:right;
padding:80px 8px 0 0; 
}


.content .right
{
width:428px;
float:left;
padding:5px 0 0 0;
position:relative;
height:100%;
overflow:visible;
}

.footer
{
 border-top:1px solid #808080; 
 height:20px; 
 line-height:26px;  
 text-align:center;
 }
 
 .footer a
 {
 font-weight:bold;    
 }
 
 
 .referenzen
{
 height:21px; 
 line-height:26px;  
 }
 
 .referenzen li
 {
 margin:0 80px 0 0;
 float:left;    
 }
 
 
 .clearer
 {
 clear:both;    
 }

.ref-main-pic
{
    position:absolute;
    left:-580px;
    top:8px;
}

.ref-pic
{
    display:none;
    opacity:0;
    filter: alpha(opacity=0);
}

.ref-pic-thumb
{
}

.thumbnail-main-view,
.gallery-content
{
    position:absolute;
    width:428px;
    height:391px;
    left:580px;
    top:8px;
    visibility:hidden;
}
#slideshow
{
    height:100%;
    width:100%;
}
.thumbnail-main-view img
{
    opacity:0;
    filter: alpha(opacity=0);
    position:absolute;
    top:0;
    left:0;
    bottom:0;
    right:0;
    margin:0 !important;
    padding:0;
}

#thumbs ul
{
    width:580px;
    height:224px;
    position:relative;
}

#thumbs ul li
{
    float:left;
    position:absolute;
}

div.loader {
    background-image: url('../images/loader.gif');
    background-repeat: no-repeat;
    background-position: center;
    width: 100%;
    height: 100%;
}

.image-wrapper img
{
    margin:0 !important;
    padding:0;
}


/*
###################################################
Content Alternative
###################################################
*/

.alternative-left
{
    width:570px;
    float:left;
    text-align:right;
    margin-top:50px;
    padding-right:10px;
    }


.alternative-left li
{
margin-bottom:8px;    
}

.alternative-left-kontakt
{
    width:518px;
    float:left;
    text-align:right;
}


.alternative-right
{
width:428px;
height:383px;
float:left;
text-align:center;
margin-top:8px;    
}

.alternative-right p
{
padding:0;
margin:0;    
}

.alternative-right-kontakt
{
width:490px;
float:right;   
}


/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
/* Contact form */


.kontakt
{
margin:8px 0 0 0;  
text-align:left; 
float:right;
background:#E5E5E5;
height:373px;
width:428px;
padding:10px 0 0 10px;
}


.danke
{
margin:8px 0 0 0;  
text-align:left; 
float:right;
background:#E5E5E5;
height:373px;
width:428px;
padding:10px 0 0 10px;
}


.kontakt label
{
    float:left;
    width:100px;
    text-align:left;
}

.kontakt div.label_plzort
{
    float:left;
    width:100px;
    text-align:left;
}

.kontakt div.label_plzort label
{
    float:none;
    width:auto;
}



.kontakt input.eingabe
{
    width:310px;
     font-size: 12px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
}

.kontakt input.eingabe_plz
{
    width:45px;
     font-size: 12px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
}

.kontakt input.eingabe_ort
{
    width:255px;
     font-size: 12px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
}

.kontakt textarea.eingabe
{
    width:310px;
    height:100px;
     font-size: 12px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
}


.kontakt .submit
{
    
    margin:0;
     font-size: 12px;
     font-family: Arial, Helvetica, Verdana, sans-serif;
 }
 
 
 .error-message
 {
     
     text-align:left;
     font-size:10px;
     color:red;
     padding:0px;
     position:absolute;
     bottom:50px;
     right:446px;
     width:150px;
     background:#FF0000;
     color:#fff;
     padding:10px;
}

/* News */

.news-container
{
    position:absolute;
    width:900px;
    z-index:1000;
}

.news
{
    position:absolute;
    width:20000em;
}

.news-teaser
{
    float:left;
    width:180px;
    text-align:right;
    padding:0 10px 0 10px;
}

/* Scroll buttons */

.content a.next,
.content a.prev
{
    display:block;
    height:18px;
    width:18px;
    z-index:5000;
}

.content a.next
{
    position:absolute;
    bottom:8px;
    right:0;
    background:url(../images/right.png) left top;
}


* html .content a.next
{
    position:absolute;
    bottom:8px;
    right:0;
    background:url(../images/right.gif) left top;
}



.content a.next:hover
{
    background:url(../images/right.png) left bottom;
}

* html .content a.next:hover
{
    background:url(../images/right.gif) left top;
}

.content a.prev
{
    position:absolute;
    bottom:8px;
    left:0;
    background:url(../images/left.png) left top;
    
}


* html .content a.prev
{
    position:absolute;
    bottom:8px;
    left:0;
    background:url(../images/left.gif) left top;
}



.content a.prev:hover
{
    background:url(../images/left.png) left bottom;
}


* html .content a.prev:hover
{
    background:url(../images/left.gif) left bottom;
}

.content a.disabled
{
}