/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/

* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0;
    padding: 0;
}

html, body {
    background: url(../images/bg01.gif) repeat top left;

}
body, th, td, input, textarea {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #666;
}

form {
}

fieldset {
}

input, textarea {
    font-weight: normal;
    color:#766e60;
    
}


input.button {
    background: #3C7BCF;
    border-top: 1px solid #3C7BCF;
    border-left: 1px solid #3C7BCF;
    border-right: 1px solid #3C7BCF;
    border-bottom: 1px solid #3C7BCF;
    color: #FFFFFF;
}

input.text  {font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: .9em;
    font-weight:normal;
    width: 130px;
    border:1px solid #fff;
    /*border-top: 1px solid #737373;
    border-left: 1px solid #737373;
    border-bottom: 1px solid #d4d4d4;
    border-right: 1px solid #d4d4d4;*/
    background:#d3c4a8;
    padding:.2em;
    }
    
h1, h2, h3 {
    color: #666;
}
    

h1 {
    color: #666;
    font-size: 1.6em;
    font-weight: 600;
    letter-spacing: .05em;
    
}

h2 {

    font-size: 1.1em;
    font-weight:normal;
}
    

h3 {
    font-size: 1em;
}

p, ul, ol {
    margin-top: 1em;
    line-height: 1.1em;
    font-size: 1em;
}

ul, ol {
    margin-left: 3em;
    padding: 0px  15px;
    line-height: 1.1em;
}

blockquote {
    margin-left: 3em;
    margin-right: 3em;
}

a {
    text-decoration: none;
    color: #314961;
}

a:hover {
    border: none;
    text-decoration: underline;
}

a img {
border:none;
margin: 0;
padding: 0;
}

/* Wrapper */

#wrapper {
}

.clearer{
clear:both;
height:1px!important;
}
/*#######################################*/
/* Header */
#header {
    width: 830px;
    height:138px;
    margin: 0 auto;
    padding-left:16px;
    padding-right:16px;
    background: url(../images/bg02.gif) repeat-y top left;
}

/*#######################################*/
/* Supportnavigation - Sitemap-Impressum etc. */


#support {
background-color:#948a78;
height:50px;
width:640px;
padding-left:154px;
}

#support ul{
    list-style: none;
    line-height: normal;
    display:inline;
    }
 
#support ul  li{
    float: left;
padding-top:5px;
    color: #eee0c6;
    }
        
#support ul li a {
    color: #eee0c6;
    text-decoration: none;
    padding:5px 5px 0;
}
#support ul li a:hover {
color: #fff;
text-decoration: none;

}

#support ul li.active a {
color: #fff;
text-decoration: none;
font-weight:bold;
}
   
/*#######################################*/
/*########################################*/
    
#menu {
    height: 88px;
    background-color:#cccfd2;
    width:798px;
}

#menu ul  {
    margin: 0;
    padding: 0;
    list-style: none;
    line-height: normal;
    width:798px;
}

#menu ul li {
    float: left;
    background-color:#314961;
}

#menu ul li a {
    display: block;
    float: left;
    padding: 10px 15px;
    width:101px;
    text-decoration: none;
    text-transform: uppercase;
    font-size: 12px;
    font-weight: bold;
    color: #ccc;
    text-align:center;
    border-right:1px solid #948a78;
    
}

#menu ul li a:hover {
    background-color:#fff;;
    color: #666;
    border-right:1px solid #fff;
}

#menu ul li.active a {
    background-color:#fff;
    padding: 10px 15px;
    color: #666;
}

/*########################################*/
/* Sprachauswahl und Suchfeld*/

#search {
    position:absolute;
    height: 50px;
    width: 177px;
    background-color:#766e60;
    top:0;
    margin-left:603px;
    padding-left:18px;
}
#search ul{
    list-style: none;
    line-height: normal;
    display:inline;
    }
 
#search ul li{
float:left;
    padding-left:5px;
    padding-top:5px;
    color: #eee0c6;
    }
        
#search ul li a {
    color: #eee0c6;
    text-decoration: none;
}
#search ul li a:hover {
color: #fff;
text-decoration: none;
}

#search ul li.active a {
color: #fff;
text-decoration: none;
font-weight:bold;
}

#search form {
    width:180px;
}
#search form a img {
    border:none;
    padding-left:5px;
}

/*########################################*/
/* Pfad unterhalb des Fotos*/

#pfad {
    width: 624px;
    position:absolute;
    height: 50px;
    top:80px;
    padding-left:157px;
}
#pfad h1{
    font-weight: bold;
    color: #fff;
    font-size:13px;
    margin-top:1.5em;
}

#pfad span{
    font-size: 12px;
    color: #666;
width: 500px;
}

#pfad span a{
    text-decoration:none;
    font-size: 12px;
    padding:0 3px;
    color: #666;
}
#pfad span a:hover{
    text-decoration:underline;
    color: #314961;
}

#pfad span a.active{
    font-weight:bold;
    color: #314961;
}


/*########################################*/
/* Logo */

#logo {
    width: 138px;
    height: 138px;
    float:left;
    z-index:23;
}

/*########################################*/
/* Page */

#page {
    width: 830px;
    margin: 0 auto;
    padding:0 16px;
    border-top: none;
    background: url(../images/bg03.gif) repeat-y top left;
}

#page_one {
    width: 830px;
    margin: 0 auto;
    padding:0 16px;
    background: #FFFFFF;
    border-top: none;
    background: url(../images/bg02.gif) repeat-y top left;
}

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

#content {
    float: left;
    width: 466px;
}

#contentbig {
    float: left;
    width: 655px;
}

#contentstart {
    float: left;
    width: 603px;
}

#contentstart .infobox { 
background: url(../images/bg_bilder.jpg) no-repeat; 
color: #222; 
width: 603px;
height:360px;
border-top:1px solid #fff;
}



.infobox img {
padding:0px;

}
.infobox h1, .infobox h2 {
    margin: 0;
    padding: 0;
    font-size: 18px;
    color:#fff;
    font-weight:normal;
}

.infobox h1 {
    padding: 40px 5px 0 30px;
}

.infobox h2 {
    padding: 0px 0 0 30px;
    font-weight:bold;
    
}

.infobox h3 {
    padding: 215px 0 0 15px;
    color:#fff;
    font-weight:normal;
    font-size: 19px;
    text-shadow:#1d2b39 0.2em 0.2em 0.2em;
    
}
.infobox h3 a{
    font-weight:bold;
    text-shadow:#1d2b39 0.2em 0.2em 0.2em;
        
}
.infobox h3 a:hover{
    color:#314961;
    
}
.infobox p { 
    clear: left;
    margin: 0;
    padding: 0 0 0 20px;
    line-height: normal;
    font-size: 1.2em;
    font-weight: bold;
    color: #C2C5B1;
}

.infobox a {
    color: #FFFFFF;
}

.galerie {
position:relative;
top:10px;
width:85px;
height:305px;
float:right;
padding:0;
margin:0;

}

.galerie img{

padding:0px;
margin-top:-3px;
}

/*#####################################*/
/* Einspaltiger Text */


.post {
padding: 8px 0px 0px  4px;
}

.post h1{
    padding: 15px 15px  0 15px;
    
}
.post h2{
    padding: 0 15px 5px 15px;
    font-size:1.4em;
}

.post .entry {
    padding: 0 25px 20px 15px;
}

.post p, .post ul li, .post ol li {
padding: 0px  15px;
line-height: 1.4em;
}

.post ul li, .post ol li {
padding: 3px  5px;
line-height: 1.4em;
}

.entry .box1{
float:left;
padding: 10px 15px 10px 0px;
}

.entry .box2{
float:right;
}
.post table tr,  {
   
}
.post table tr td, .post table tr th {
    border-bottom:1px solid #314961;
     padding:5px;
}

/*#####################################*/
.post a, .post ul li a, .post ol li a {
    border: none;
    text-decoration: underline!important;
}
.post .links {
    margin: 0;
    padding: 0px 0px 15px 15px;
}

.post .tags {
    margin: 0;
    border-bottom:1px solid #dfe1e4;
    padding: 0px 10px 4px 15px;
    font-size: 11px;
    text-align:right;
}
.post .tagsleft {
    margin: 0;
    border-bottom:1px solid #dfe1e4;
    padding: 0px 10px 4px 15px;
    font-size: 12px;
    text-align:left;
}

.post .tagsbott {
    margin: 0;
    border-top:1px solid #dfe1e4;
    padding: 5px 10px 5px 15px;
    font-size: 11px;
    text-align:right;
}

.post .links a, .post .tags a, .post .tagsbott a {
    border: none;
    font-weight:normal; 
}

.tags a.active,.tagsbott a.active {
font-weight:bold;
}

/*#####################################*/
/* Graue Boxen Appartments Text */

.app {
    padding: 0px 15px;
    background-color:#e9e9e9;
    width:380px;
    overflow:hidden;
    margin:1px 0 0 15px;
}

.app h2 b, .app h2 strong{
color: #666;
}

.app h2{
    padding: 5px 0px 5px 0px;
    font-size:1.4em;
}

.app p img{
   padding: 0 10px 10px 0;
   float:left;
}
.app .box1{
float:left;
width:100px;
}

.app .box2{
float:right;
width:270px;

}
.app span{
float:left;
}

.box1 ul li.plus{
background: url(../images/bu_plus.gif) no-repeat 0 0;
padding-left:20px;
color:#666;
font-weight:normal;
font-size:11px;
}
.box1 ul{
    margin:10px 0;
    padding: 0;
    list-style: none;
}


/*########################################*/
/* Sidebars */


/*########################################*/
/*1 rechte Sidebar - HOME*/

#sidebar1 {
    width: 193px;
    background: #fff;
    border-left:2px solid #fff;
    float:left; 
    
}
#sidebar1 h2{
margin: 0;
   height: 20px;
    background:#314961;
 text-align:center;
 padding: 6px 0 0 3px;
 
    }
    #sidebar1 h2 a, #sidebar1 h2 a:hover{
margin: 0;
    color:#c6d0d9;
    text-transform:uppercase;
    font-weight:bold;
    
 
    }
    
#sidebar1 p{
font-size: 12px;
    color: #666;
    padding:.5em .8em 0 .8em;
    margin:0;
    }
#sidebar1 p a{
color: #666;

}    
#sidebar1 a img{
float:right;
border:0;
    }
    
hr{
border:1px dotted #666;
margin:1em 1em 0;
    }   
/*########################################*/
/*3 rechte Sidebar - Content*/

#sidebar3 {
    width: 193px;
    background: #fff;
    border-left:1px dotted #666;
    float:left; 
    /*background-color:#909;*/
}
#sidebar3 h2{
margin: 0;
    padding: .4em 0  0 .8em;
    height: 20px;
    background:#6e8193;
    color:#c6d0d9;
    text-transform:uppercase;
    font-weight:normal;
    }
    
#sidebar3 p{
    padding:.4em .8em .4em;
    margin:0;
    }

#sidebar3 p b{
font-size: 12px;
    color: #666;
margin:0;
    }
    
#sidebar3 p a img{
float:right;
border:0;

    }
    
#sidebar3 ul{
    margin:15px 0;
    padding: 0;
    list-style: none;
}
    
#sidebar3 ul li{
    margin-left:10px;
    
}

#sidebar3 ul li a{
background: url(../images/bu_side.gif) no-repeat 0 0;
padding-left:20px;
color:#666;
font-weight:bold;
line-height:1.8em;
}

#sidebar3 ul li.plus{
background: url(../images/bu_plus.gif) no-repeat 0 0;
padding-left:20px;
color:#666;
font-weight:normal;
}

/*########################################*/
/*links Sidebar*/

/*#######################################*/
/* navigation */
/*#######################################*/
#sidebar2 {
    float: left;
    width: 138px;
    line-height: 20px;/*war bei navigation h2*/
    margin-top:24px;
}

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

#sidebar2 li a {
    font-size: 12px;
    color: #5a5a5a;
    display: block;
    padding: 8px 0 8px 5%;
    text-decoration: none;
}

#sidebar2 li a:hover {
    background: #6e8193;
    color: #fff;
}

#sidebar2 li a.current {
    background: #6e8193;
    color: #fff;
    font-weight:bold;
}

#sidebar2 ul li ul li {
border-bottom: 1px solid #ccc;
background: #dfe1e4;

}

#sidebar2 ul li ul li a:hover{
color: #930;
background: transparent;

}

#sidebar2 ul li ul li a.active{
color: #930;
background: transparent;
font-weight:bold;

}

#sidebar2 ul li ul li a{
padding-left:20px;
width: 120px;/*oder % werte 90*/
}


/*########################################*/
/* Footer Startseite*/

#footer {
    height: 240px;
    width: 830px;
    margin: 0 auto;
    background: url(../images/bg02.gif) repeat-y top left;
    padding:0 16px;
}



#footer .boxlinks {
background: #948a78; 
color: #293c58; 
height: 198px; 
width: 605px;
border-right:2px solid #fff;
float:left;
} 

#footer .boxlinks .teaser{
background: #dfe1e4; 
color: #1c304e; 
height: 168px; 
width: 206px;
border:8px solid #fff;
float:left;
margin:6px;
}

.teaser p{
font-size: 12px;
    color: #1c304e;
    padding:.5em .8em 0 .8em;
    margin:0;
    line-height:1.1em;
}

.teaser img{
border:0;
}

.boxlinks a{
color: #1c304e;
}

.boxlinks a:hover{
color: #1c304e;
text-decoration:underline;
}
/*########################################*/
#footer .boxrechts {
width: 193px;
background: #fff; 
color: #666; 
height: 192px;
float:left;
}

.boxrechts h2, .teaser h2 {
    margin: 0;
    padding: .4em 0  0 .8em;
    height: 20px;
    background:#6e8193;
    color:#c6d0d9;
    text-transform:uppercase;
    font-weight:normal;
}

.boxrechts p {
    font-size: 12px;
    color: #666;
    padding:.5em .8em 0 .8em;
    margin:0;
    }


.boxrechts a,#sidebar1 a{
color: #666;
}

.boxrechts a:hover, #sidebar1 a:hover{
color: #666;
text-decoration:underline;
}   
.boxrechts a img, .teaser a img{
float:right;
border:0;
}
/*########################################*/
#footer .boxunten, #footercontent .boxunten{
width: 800px;
background: #314961; 
color: #adadad; 
height: 30px; 
padding:0px;
}
/*########################################*/
/* Footer Contentseiten*/

#footercontent {
    height: 43px;
    width: 830px;
    margin: 0 auto;
    background: url(../images/bg02.gif) repeat-y top left;
    padding:0 16px;
}

#footercontent .boxuntenlinks {
width: 400px;
float:left;
}

.boxuntenlinks p, .boxunten p{
    font-size: 10px;
    color: #cccfd2;
    padding:.8em;
    margin:0;
    font-weight:bold;
}

#footercontent .boxuntenrechts {
width: 340px;
color: #fff; 
float:right;
padding:.5em;
    margin:0;
    
}

#footercontent .boxuntenrechts a {
color: #fff; 
text-decoration:none;
font-size:1.1em;
padding:0 .4em;
}

#footercontent .boxuntenrechts a:hover {
color: #adadad; 
text-decoration:underline;
}


/*########################################*/
/*MooFlow Sonderformat*/
/*########################################*/
#produktimgmooflow {
background          :   transparent;
overflow            :   auto;
z-index             :   60;

}
/* ###################################################### */
/* ####################### CONTACT FORM ############'#### */
/* ###################################################### */
#contactForm {
    padding: 17px;
 
}
#contactForm .contactRow {
    margin:.4em 0;
}
#contactForm label {
    display:block;
    float:left;
    width:8em;
}
#contactForm .contactRow input, #contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:20em;
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:18em;
}
* html #contactForm .contactRow input, * html #contactForm .contactRow textarea {
    width:27em;
}

#contactForm .contactRow input {
    height:auto;
}

#contactForm .contactRow textarea {
    height:8em;    
font-size:1em;
font-family: Arial, SunSans-Regular, Sans-Serif;
width:18em;
}

#contactFormSubmit #contactFormSubmitLeft {
  
    margin:0 0 0 1em;
    width:8em;
}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 1.3em;
}
#contactFormSubmit #contactFormSubmitRight {
  
    width:8em;
}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {

    padding:0 1.5em 0 0;
   
    height:auto;
   margin:0;
}

#contactForm table {
    border-collapse:collapse;
}
#contactForm table td {
    padding:0;
}
#contactForm table td.pt {
    padding-top:.1em;
}
* html #contactForm table td.pt {
    padding-top:0;
}
.clearfix {
float:both;

}
form table tr td{
border:0!important;
}
.cont table tr td{
border:0!important;
}
#cardArea  table tr td{
border:0!important;
}

/**
 * CSS styles for Contenido Sitemap.
 * 
 * @author rbi
 * @copyright four for business AG <www.4fb.de>
 * @version 0.1.0
 * 
 * created 2009-01-16
 */

ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
        margin-bottom:20px;
        width:450px;
}

ul.sitemapStandardMainCat li {
    list-style-type: none;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #cccfd2;
        padding: 3px 3px 3px 10px;
        border-left: 5px solid #314961;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #dee0e3;
        padding: 3px 3px 3px 30px;
}

ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

ul.StandardTabCat {
        margin-left:0;
        padding-left: 0;
        margin-bottom:20px;
        width:450px;
}
/**
 * CSS styles Tabelle Adressen
 */
ul.StandardTabCat li {
    list-style-type: none;
}

ul.StandardTabCat li.StandardTabCatLevel_1 {
        background-color: #cccfd2;
        padding: 5px 3px 5px 10px;
        border-bottom: 1px solid #314961;
        font-weight:bold;
        color:#314961;
}

ul.StandardTabCat li.StandardTabCatLevel_2 {
        background-color: #eaeced;
        padding: 8px 3px 8px 20px;
}

ul.StandardTabCat li.StandardTabCatLevel_3 {
        background-color: #ffffff;
        padding: 8px 3px 8px 20px;
}
ul.StandardTabCat li.StandardTabCatLevel_3 b, ul.StandardTabCat li.StandardTabCatLevel_2 b{
font-weight:bold;
 color:#666;
}