/* CSS Document */

body{
    font-family:Verdana, Arial, Helvetica, sans-serif;

    }

img {
    border:0;
    }

#frame { 
    margin-top:10px;
    margin-left:auto;
    margin-right:auto;
    width:980px;
    height:auto;
    }
    
#mainnavigation { 
    margin-bottom:10px;
    background:#a70b11;
    width:980px;
    height:120px;
    }
    
#leftnavigation {
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
    margin-right:10px;
    float:left;
    background:#FFFFFF;
    width:180px;
    height:475px;
    border:#efefef solid 10px;
    padding:10px;
    }
    
#leftnavigationhome {
    margin-right:10px;
    float:left;

    width:200px;
    height:475px;
    border:#efefef solid 10px;
    padding-top:10px;
    padding-left:0;
    padding-right:0;
    padding-bottom:10px;
    overflow:hidden;
    }

#menupunkt a{
    display:block;
    margin:0;
    padding-left:10px;
    padding-right:0;
    font-size:80%;
    color:#333333;   
    
    }

#menupunkt2 a{
    display:block;
    margin:0;
    padding-left:10px;
    padding-right:0;
    font-size:80%;
    color:#333333;   
    
    }

#menupunkt a:hover {
    display: block;
    margin:0;
    padding-left:10px;
    font-size:80%;
    color: #FFFFFF;
    background:#b12224;
    text-decoration:none;
    }

#menupunkt2 a:hover {
    display: block;
    margin:0;
    padding-left:10px;
    font-size:80%;
    color: #FFFFFF;
    background:#f49a78;
    text-decoration:none;
    }

 #menupunkt .current {
    display: block;
    margin:0;
    padding-left:10px;
    font-size:80%;
    color: #FFFFFF;
    background:#b12224;
    }

#menupunkt2 .current2 {
    display: block;
    margin:0;
    padding-left:10px;
    font-size:80%;
    color: #FFFFFF;
    /*background:#FF4547;*/
    background:#f49a78;
    }

#mainmenupunkt {
    padding-left:5px;
    font-weight:bold;
    color:#333333;
    font-size:80%;
    }
    
#menupunkt {
    width:100%;
    display: block;
    padding-top:5px;
    color:#333333;
    }

#menupunkt2 {
    width:100%;
    display: block;
    padding-top:5px;
    color:#333333;
    }

    
#leftnavigationhome ul{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
    font-weight:bold;
    }
    
#leftnavigationhome li{
    font-weight:normal;
    list-style:none;
    margin:0;
    padding:0;
    }

#leftnavigation ul{
    font-weight:bold;
    list-style:none;
    margin:0;
    padding:0;
    }
    
#leftnavigation li{
    font-weight:normal;
    list-style:none;
    margin-top:10px;
    padding:0;
    width:100%;
    }
    /* ab hier plus home oder weg...*/
#leftnavigationhome li span{
    margin-top:0;
    padding:0;
    width:200px;
    }
#leftnavigationhome li a{
color:#000000;
    }

#leftnavigationhome li a:hover{
color:#000000;
background:#993333;
    }
 #leftnavigationhome li a:active{
    color: #FFFFFF;
    background:#ccc;
    }   

.current {

    color: #FFFFFF;
    background:#b12224;
}
        
#maincontent {
    float:left;
    margin-bottom:10px;
    background:#FFFFFF;
    width:710px;
    min-height:235px;
    overflow:hidden;
    border:#efefef solid 10px;
    padding:10px;
            /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }
#maincontent a {  color:#000;}
#maincontentohnenavi a {  color:#000;}
#maincontentohnenavi{
    float:left;
    margin-bottom:10px;
    background:#FFFFFF;
    width:750px;
    min-height:235px;
    overflow:hidden;
    border:#efefef solid 10px;
    padding:10px;
            /*/////////////////////////////////////////////////////////////*/
    display: inline;
    } 
#maincontentcolumntop {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    background:#FFFFFF;
    width:540px;
    height:auto;
    border:#efefef solid 10px;
            /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }

#maincontentcolumntoptext {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    background: #FFFFFF;
    width:520px;
    height:auto;
    border:#efefef solid 10px;
    padding:10px;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }

#maincontentcolumnfoto {
    float:left;
    margin-right:10px;
    margin-bottom:10px;
    background: #FFFFFF;
    width:530px;
    height:auto;
    border:#efefef solid 10px;
    padding-left:10px;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }

#maincontentbild {
    float:left;
    margin-bottom:10px;
    background:#FFFFFF;
    width:730px;
    height:255px;
    /*overflow:hidden;*/
    border:#efefef solid 10px;
    padding:0;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;

    }
    
#maincontentcolumnnext  {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    background:#FFFFFF;
    width:540px;
    height:auto;
    border:#efefef solid 10px;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }

#maincontentcolumntext  {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    background:#FFFFFF;
    width:520px;
    height:auto;
    border:#efefef solid 10px;
    padding:10px;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }
#maincontentcolumntext a {  color:#000;}  
#maincontentcolumntextfoto  {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    background:#FFFFFF;
    width:540px;
    height:auto;
    border:#efefef solid 10px;
    padding-bottom:0;
        /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }

#maincontentwrapper{
    float:left;
    width:570px;
    height:100%;
    /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }   
#maincontentwrapperbig{
    float:left;
    width:790px;
    height:100%;
    margin-right:10px;
    /*/////////////////////////////////////////////////////////////*/
    display: inline;
    }  
 
#footer {
    background-color: #a70b11;
    clear:both;
    width:980px;
    height:50px;
    border: #efefef;
    border-style:solid;
    border-bottom:1px;
    border-left:0;
    border-top:0;
    border-right:0;
    font-size:70%;
    color: #FFFFFF;
    }
    
#footertext {
    padding-left:10px;
    vertical-align:middle;
    height:15px;
    }
    
.teaser {
   overflow:visible;
    margin-right:10px;
    margin-top:0;
    float:left;
    background:#FFFFFF;
    width:160px;
    max-width:160px;
    
    height:210px;
    border:#efefef solid 10px;
    outline:0;
    padding:0;
    }
.teaser a {
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    }
    
.teaserclear {
    float: left;
    background:#FFFFFF;
    width:160px;
    max-width:160px;
    /*overflow:hidden;*/
  overflow:visible;
    height:210px;
    border:#efefef solid 10px;
    }
.teaserclear a {
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    }
    
.teaserright {
    margin-bottom:10px;
    float: none;
    background:#FFFFFF;
    width:160px;
    max-width:160px;
    /*overflow:hidden;*/
    height:210px;
    border:#efefef solid 10px;
    }
    
.teaserrightnext {
    margin-bottom:10px;
    float: none;
    background:#FFFFFF;
    width:160px;
    max-width:160px;
    /*overflow:hidden;*/
    height:210px;
    border:#efefef solid 10px;
    }
.teaserright a {
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    }
#contentpictureright {
    float:right;
    margin-left:15px;
    margin-right:0;
    border: #669966;
    border-style:solid;
    border-left:10px;
    border-top:0;
    border-right:0;
    border-bottom:0;
    
    }
#pictureright {
    border: #FF6699;
    border-style:solid;
    border-bottom:10px;
    border-top:0;
    border-right:0;
    border-left:0;
    }
#pictureright img{
    border:0;
    margin:0;
    padding:0;
    }
/* ------------------- Formatierung all -------------------- */
a {
    margin:0;
    padding:0;
    border:0;
    text-decoration:none;
    }
    
a:hover {
text-decoration:underline;
}

h1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight: bold;
    font-size: 24px;
    margin-top:0;
    margin-bottom:5px;
    }

h2 {    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-top:0;
    margin-bottom:10px;
    font-size: 12px;
    font-weight:bold;
    }

h3 {    
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin-top:4px;
    margin-bottom:2px;
    font-size: 12px;
    font-weight:bold;
    }
    
h4 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-style:italic;
    font-weight: bold;
    font-size: 24px;
    margin-top:10px;
    margin-bottom:5px;
    }

p {
    font-size:80%;
    color:#666666;
    margin-top:5px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

.teasertext {
    font-size:80%;
}

/* ---------------------- topnavigation ---------------------- */

#topnavcontainer{
    position:relative;
    height:120px;
    color:#E0E0E0;
    background: #CCFF33;
    width:980px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    }

#topnav{
    position:relative;
    height:120px;
    font-size:10px;
    /*text-align:center;*/
    font-weight:bold;
    /*background: #993300;*/
    width:980px;
    background: #FFF url(http://www.capricorn.de/upload/Layout/menu-bg.gif) top left repeat-x; 


    }

#logo {
    float:left;
}

#topnav ul{
    margin:0;padding:0;
    list-style-type:none;
    width:auto;
    

    float:left;
    }

#topnav ul li{
    display:block;
    float:left;
    /*margin:0 1px;*/
    
  

    }

#topnav ul li a{
    display:block;
    float:left;
    color:#EAF3F8;
    text-decoration:none;
    padding:0 0 0 10px;
    height:120px;
    margin-right:4px;


      

    }

#topnav ul li a span{
    padding:80px 10px 0 0;
    text-align:center;
    float:left;
     /*line-height:275%;*/
      
   
   
   


    
}

#topnav ul li a:hover{
    color:#fff;
        background: #FFF url(http://www.capricorn.de/upload/Layout/menu-bg-over.gif) top left repeat-x; 
    /*background:transparent url(http://www.capricorn.de/upload/Layout/navigation_bg-OVER.gif) repeat-x bottom left;*/
    color: #333333;
    
       

    }

#topnav ul li a:hover span{
    display:block;
    width:auto;
    
          


    }

#topnav ul li a.current,#topnav ul li a.current:hover{
    color:#fff;
    background: #FFF url(http://www.capricorn.de/upload/Layout/menu-bg-over.gif) top left repeat-x; 
    /*background: #efefef url(http://www.capricorn.de/upload/Layout/navigation_bg-ON.gif) no-repeat top left;*/
    /*line-height:275%;*/
       

    }

#topnav ul li a.current span{
    display:block;
    padding:80px 10px 0 0;
    width:auto;
    background: #FFF url(http://www.capricorn.de/upload/Layout/menu-bg-over.gif) top right repeat-x; 
    /*background: #efefef url(http://www.capricorn.de/upload/Layout/navigation_right-ON.gif) no-repeat top right;*/

    color: #333333;
    
       

    }

/* ----------------------- END topnav -------------------------- */

/* --------------------------- Teaser -------------------------- */

.teaserpicture {
    border-bottom:10px;
    border-bottom-color:#efefef;
    border-bottom-style:solid;
        height: 120px;
        overflow: hidden;
    }
    
.teasertextboxalt {
    margin:0;
    width:150px;
    height:80px;
    padding:5px;
    }
.teasertextbox {
    overflow:visible;
    width:150px;
    height:80px;
    padding:5px;
    }  
/* --------------------------- Footer -------------------------- */

#footerlist li,a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
padding-right:10px;
margin:0;
display: inline;
list-style-type: none;
text-decoration:none;
color:#FFFFFF;

}

#footerlist
{
margin:0 0 5px 0;
}

#partnerlogo {
    width:200px;


    }
#partnerlogo a {
    margin:0;
    padding:0;
    border:0;

    }

#aaa{
    float:right;
    width:160px;
    border:#efefef solid 10px;
    border-bottom:0;
    border-top:0;
    border-right:0;
    margin-left:15px;

}
#bbb {
    border-bottom:10px;
    border-bottom-color:#efefef;
    border-bottom-style:solid;
}

#grey {
    clear:both;
    width:170px;
    }
    
#teaserbox {
width:750px; 
height:230px; 
float:left; 
margin:0;
}
.contact {
    float:left;
    margin-bottom:10px;
    margin-right:10px;
    margin-left:0;
    background:#FFFFFF;
    width:520px;
    height:auto;
    border:#efefef solid 10px;
    padding:10px;
        /*/////////////////////////////////////////////////////////////*/
    display: inline; 

}

#contactForm {
font-size:11px;
display:block;
width:300px; 
height:200px; 
float:left;
        /*/////////////////////////////////////////////////////////////*/
    display: inline; 
    margin:-3px;
 
 
}

.contactHead {
    /*/////////////////////////////////////////////////////////////*/
    display: inline;
        margin:-3px;
}

.contactAdresse {
/*display:block;*/
width:220px; 
height:200px; 
float:left; 
    /*/////////////////////////////////////////////////////////////*/
    display: inline; 
        margin:-3px;
}


#contactForm .contactRow {
    margin:4px 0;
    float:left;


 
}
#contactForm .contactRowName {
    margin:4px 0;
    float:left;

 

 
}
#contactForm label {
    display:block;
    /*float:left;*/
    width:65px;
}
#contactForm .contactRow input {
    border:1px solid #ccc;
    width:141px;
   background-color:#ccc;
  

   
  /* margin-right:10px;*/
}

#contactForm .contactRowName input {
    border:1px solid #ccc;
    width:141px;
   background-color:#ccc;

   
   
   margin-right:10px;
}
#contactForm .contactRow textarea {
    border:1px solid #ccc;
    width:296px;
   background-color:#ccc;
 
}
#contactForm .contactRow select {
    border:1px solid #ccc;
    width:300px;
        display: inline; 
}
#contactForm .contactRowName select {
    border:1px solid #ccc;
    width:300px;

}
/*
* html #contactForm .contactRow input , * html #contactForm .contactRow textarea {
    width:300px;

}
* html #contactForm .contactRowName input , * html #contactForm .contactRow textarea {
    width:300px;
 
}
*/
#contactForm .contactRow input {
    height:14px;
}
#contactForm .contactRowName input {
    height:14px;
}
#contactForm .contactRow textarea {
    height:70px;
       font-family:Verdana, Arial, Helvetica, sans-serif;
    /*font-size:11px;*/
}

#contactFormSubmit #contactFormSubmitLeft {
    float:left;
    margin:0 0 0 80px;
    width:174px; 


}
* html #contactFormSubmit #contactFormSubmitLeft {
    margin:0 0 0 26px;
}
#contactFormSubmit #contactFormSubmitRight {
    float:right;
    width:174px;

}

#contactFormSubmit #contactFormSubmitLeft input, 
#contactFormSubmit #contactFormSubmitRight input {
  /*  background-color:#ccc;
    border:0;
    color:#000;
    padding:0 10px 0 0;
    font-size:11px;
    width:70px;
    height:auto;
    float:right;
    margin:0;*/
    float:right;


}

.dropdown select {
width:298px;
margin-bottom:5px;
margin-top:7px;
    border:1px solid #ccc;
}

.red {
color:#993333;
}

.green {
color:#099333;
}