/* 
    Document   : main
    Created on : 01.01.2012, 11:33:08
    Author     : comfix
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/
body {
    background: #FCFCFC url(../../media/background.png) repeat-x;

}

hr {
    height:1px;
    border-style:solid; 
    border-width:1px 0 0 0;
    border-color:#70889b;
}

.container {
    width: 1100px;
    
}

.menu_point {
    
    margin-right: 20px; 
    width: 80px;
    text-align: center;
}

.header {
    margin-bottom: 50px;
    margin-left: 40px;
}
.content {
    background: #fff;
    padding: 0px 20px 1px 20px;
    
}
.logo {
    margin-top: 10px;
}
.menu {
    margin-top: 40px;
}
.menu  a {
    font-size: 15px;
    color: #70889b;
    font-family: Arial;
    line-height: 22px;
    text-transform: uppercase;
    text-decoration: none;
}
.menu a:hover {
    color: #636466;
}
.primary  menu_point a {
    color: #636466;
}
.vorschau {
    height: 240px;
    width: 286px;
    
    margin-right: 30px;
    
}
.middle {
    margin-left: 20px;
    margin-top: 20px;
}
.reiter {
    width: 65px;
    padding-top: 4px;
}

.reiter a {
    font-size: 15px;
    color: #636466;
    text-decoration: none;
}
.line {
    width: 813px;
}

.reiter-small {
    width: 65px;
    padding-top: 9px;
}

.reiter-small a {
    font-size: 15px;
    color: #636466;
    text-decoration: none;
}
.line-small {
    width: 10px;
}
.small {
    width: 286px;
    margin-right: 30px;
}
.small-grid {
    margin-top: 50px;
}
h6 {
   font-weight: normal;
   font-family: Arial;
   color: #636466;
   background-color: #fff;
   margin-top: 9px;
   z-index: 50;
   
}
.sub-category {
    background-image: url(../../media/background-line.png);
    background-repeat: repeat-x;
    margin-left: 40px;
    margin-right: 40px;
    background-position: center;
    
}
.sub-category-small {
    background-image: url(../../media/background-line.png);
    background-repeat: repeat-x;
    margin-left: 0px;
    
    
    background-position: center;
    
}
.span2 {
    width: 640px;
}
.span22 {
    width: 313px;
    
}
.auswahl {
    width: 151px;
    margin-right: 11px;
    background-color: #70889b;
    color: #fff;
    height: 35px;
    display: inline;
    float: left;
    text-align: center;
    padding-top: 15px;
}
.auswahl:hover {
    background-color: #b7c4cd;
}

.auswahl a{
    color: #fff;
    text-decoration: none;
    font-size: 20px;
    
    
}
.checked {
    background-color: #b7c4cd;
}
.small-pic-box {
    background-color: #b7c4cd;
    height: 350px;
    width: 100%;
}
.img_hover {
   
}
.img_hover:hover {
    display: none;
    width: 10px;
}
.left-pic {
    margin-left: 24px;
    margin-top: 31px;
}
.details {
    margin: 40px 0px 40px 40px;
    text-decoration: none; 
    color: #999; 
    font-size: 12px;
}
.details a {
    text-decoration: none; 
    color: #636466; 
    font-size: 13px;
}
.details h5 {
    color: #b7c4cd;
    text-transform: uppercase;
    margin: 0px;
    line-height: 26px;
}
.details h4 {
    color: #666;
    font-size: 13px;
    line-height: 27px;
}

.last {
    color: #70889b;
}
.first {
    color: #636466;
}

.footer {
    margin-top: 20px;
    text-align: center;
    color: #666;
    font-size: 11px;
}
.footer p {
    
    color: #666;
    font-size: 11px;
}
.footer a {
    
    
    text-decoration: none;
}

.footer a:hover {
    color: #70889b;
}

textarea{

    resize: none
}