/* CSS Document */

html { font-size: 100.01% }

body {
    font-family: Arial, Helvetica, sans-serif;
    font-size:76%;      /* = 12px */
    color: #5d5958;
}

p { 
    font-size:1em; 
    line-height:1.7em; 
    padding: 0 0 1.0em 0; 
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;      
}

a, a:focus, a:active, a:visited  {
    color: #574f4f;
    text-decoration:none;
}

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

h1 { 
    color:#a9c318;
    font-size:18px;
    font-weight:bold;
    padding-bottom:0px;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

h2 {
    color:#5d5958;
    font-size:18px;
    line-height:30px;
    font-weight:bold;
    padding-bottom:3px;
    margin: 0 0 14px 0;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

#banner h3 {
    color:#FFF;
    font-size:15px;
    line-height:18px;
    font-weight:bold;
    padding-bottom:1em;
}

#content h3 {
    color:#5d5958;
    font-size:16px;
    font-weight:bold;
    padding-bottom:0px;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

#content ul {
    margin: 0 0 12px 0;
    padding: 0;
}

#content ul li {
list-style-type:none;
list-style-image: url(../images/content_ul_li.jpg);
margin: 0 0 0 19px;
padding: 0 0 0.4em 0; 
font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

#content p a, #content p a:visited, #content p a:active {
    border-bottom: 1px dotted #5d5958;
}

#content h3 a, #content h3 a:visited, #content h3 a:active {
    color:#5d5958;
    text-decoration: none;
    border-bottom: none;    
}

#content a.fancybox {
    border-bottom: none;
}

.referenzen-details-screenshot img {
    margin: 0 0 18px 0;
    border: 1px solid #5d5958;
}

#content h3 a:hover {
    text-decoration: underline;
}

#banner p {
    color: #FFFFFF;
}

.content-sidebar-box h1 {
    color: #807a7a;
    font-size: 16px;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

.content-sidebar-box p {
    margin: 14px 0px 0px 0px;
}   
 
#footer-content { 
    text-align:right;
    padding:8px 0 0 0;
    width:960px;
    margin:0 auto;   
    height:32px;
}


/* ARTIKEL - LISTEN */
.artikel-liste {
    margin: 0 0 22px 0;
    padding: 0px 0 6px 0;
    /*background: #f6f6f6;*/
    border-bottom: 1px dotted #CCCCCC;  
}

.artikel-liste-kopf {
    border-bottom: 1px dotted #CCCCCC;
    margin: 0 0 3px 0;
    padding: 0 0 3px 0;
    width:auto;
    height:auto;
}

.artikel-liste-kopf .titel {
    float: left;
    width: auto;
}

.artikel-liste-kopf .datum {
    float: right;
    width: 140px;
    font-size: 10px;
    text-align: right;
    padding: 8px 0 0 0;
}

.artikel-liste .beschreibung {
    width: 400px;
    float: left;
}

.artikel-liste .bild {
    width: 150px;
    float: right;
}

.artikel-liste .beschreibung-referenzen {
    width: auto;
    padding: 0 10px 0 0;
}

.artikel-liste .bild-referenzen {
    width: 280px;
    float: right;
}

.artikel-liste .bild img {
    border: 1px solid #dfdfdf;
}

.artikel-liste p a, .artikel-liste p a:visited, .artikel-liste p a:active {
    color: #a8c317;
    font-size: 11px;
    text-decoration: underline;
}

img.sidebar-image {
    border: 1px solid #dfdfdf;
}

/*a[target=_blank] { 
    background:yellow; 
}*/

/*a[href^="http://"]:link, a[href^="http://"]:visited { 
    padding-right:20px; 
    background-image:url("../images/ico_linkout.png"); 
    background-repeat:no-repeat; 
    background-position:bottom right; 
}

a[href^="http://"]:active, a[href^="http://"]:hover { 
    padding-right:20px; 
    background-image:url("../images/ico_linkout-hover.png"); 
    background-repeat:no-repeat; 
    background-position:bottom right; 
    text-decoration:none; 
}*/


.content-divider { 
    background:url(../images/content-divider.gif) repeat-x left center;
    height:20px;
    margin:0px 0 0 0;
    width:auto;
    line-height: 1px;
    padding: 10px 0px 10px 0px;
}

.box-2-text h1 {
    margin: 0px;
    padding: 0px;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;  
}

.box-2-text p {
    line-height: 18px;
}

p.details-link-back {
    text-align: right;
    font-size: 11px;
}


/**** KONTAKTFORMULAR ****/
#form-kontakt .clearfix:after {
    content:".";
    display:block;
    height:0;
    clear:left;
    visibility:hidden;
}
#form-kontakt .clearfix {display:inline-block;}
/* Hide from IE Mac \*/


#form-kontakt  .contactRow {
    margin:4px 0;
}

#form-kontakt label {
    display:block;
    float:left;
    width:120px;
    padding: 4px 0 0 0;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;      
}

#form-kontakt {
    padding: 0px;
    border: 0px solid #CCCCCC;
}

#form-kontakt input {
    width: 280px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    padding: 0.2em 0.1em 0.1em 0.1em;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;      
    font-size: 12px;    
}

#form-kontakt textarea {
    width: 280px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    height: 120px;
    padding: 0.1em;
    font-family: "Trebuchet MS",geneva,verdana,sans-serif;
    font-size: 12px;    
}

#form-kontakt .checkbox {
    width: 20px;
    height: 20px;
    padding: 4px 0 0 0;
    margin: 0;
}

#form-kontakt .plz {
    width: 52px;
    margin-right: 5px;
}

#form-kontakt .ort {
    width: 215px;
}

#form-kontakt input:focus, #form-kontakt textarea:focus  {
    background: #e9f0c4;    
}

#form-kontakt select {
    width: 240px;   
    background: #FFFFFF;
    margin: 0;
    border: 1px solid #CCCCCC;
    padding: 0.1em;
}

#form-kontakt select:focus {
    background: #b6d0e1;    
    color: #000000;
}

#form-kontakt .button {
    background: #a8c317;
    color: #FFFFFF;
    border: 0;
    padding: 0px 2px 2px 2px;
    width: 100px;
    height: 20px;
}

#form-kontakt .button:focus {
    background: #CCCCCC;    
}

#form-kontakt span.stern {
    color: #a8c317; 
}

#form-kontakt #contactFormSubmit {
    padding: 0 0 0 0px;
}

/**** REFERENZEN HOME ****/
#referenzenHome {

}

#referenzenHome h2 {
    margin: 0;
}


#referenzenHome h3 {
    font-size: 1em;
}

#referenzenHome img {
    border: 1px solid #CCCCCC;
    width: 280px;
    height: 110px;
}

#referenzenHome .kasten {
    float: left;
    width: 280px;
    margin: 0 16px 16px 0;
}

#referenzenHome .last {

}



/**** IMAGE GALLERY ****/
#referenzen-gallery {
margin-top: 20px;
}

#referenzen-gallery h3 {
margin-bottom:6px;
}

table.gallery {
    margin: 0px 0px 0px 0px;
    width: auto;
}

table.gallery td.gallery-navigation {
    /*font-size: 0.6875em;*/    
}

table.gallery tr.thumbnails td {
    padding: 0;
}

table.gallery dd {
}

div.download {
    padding: 3px 0 3px 10px;
    background: url(../images/link_pfeil_klein.gif) no-repeat 0px 7px;

}

div.downloadImg {

    padding: 0;
    margin-top:10px;
    background: url(../images/navi_pfeil_rechts.gif) no-repeat 10px 7px;
}

dl.gallery-detail {
    margin: 20px 10px 0px 0px;
}

dl.gallery-detail dt {
    text-align: left;
    padding: 0;
}


td.gallery_image{
    padding:0px;    
}

td.gallery_image img {
    margin: 0 9px 9px 0;
    border: 1px solid #5d5958;
}

td.gallery_image div.link_image{
    padding:0;  
    background-position:top center; 
    margin-bottom:0px; 
    overflow:hidden;
}
td.gallery_image .bottom_links{

}
td.gallery_image .bottom_links{
    margin-bottom: 0px; 
    text-align:left; 
    width:180px; 
}
td.gallery_image .links{
    margin-bottom: 0px;
}