/*
    COPYRIGHT
	cpeach - FRANK GEBHARD
	- MEDIENDESIGN UND INTERNET AGENTUR -
	KASTANIENALLEE 40
	38104 BRAUNSCHWEIG, GERMANY
	INFO@CPEACH.DE

    INITILIZE: 12/05/2016   LAST UPDATE: 14/06/2016
*/

ul{
    list-style: none;
    padding: 0px;
    margin: 10px 0px 0px 20px;
    line-height: 30px;
}
li{
    margin-right: 6px;
    display: inline;
}
h1{
    font-size: 24px;
    text-align:left; 
    margin-bottom:12px;  
}
h2{
    font-size:16px;
}
h4{
   margin-bottom:6px;
}
a{
    text-decoration: none;
    color: #333;
}

/* MAIN DIVs START */
.cp_tabDiv{
    display:table;
    width:100%;
    height:100%;
    
}
.cp_tabCellDiv{
    display:table-cell;
    width:100%;
    height:100%;
    vertical-align:middle;
}
.cp_containerDiv{
    width:100%;
    max-width:1500px;
    min-width:768px;
    margin:auto;
    height:600px;
    position:relative;
}              
/* MAIN DIVs ENDE */

/* MENU LOGO MOBILE START */
#cp_menuMobileDivMainArea{
    display:none;
}
#cp_menuMobileBar{
    width:100%;
    height:40px; 
    display:none;
}
#cp_menuMobileBtn{
    margin:5px;
    float:left;  
}
#cp_menuMobileBtn>img{
    width:30px; height:30px
}
#cp_mobileLogo{
    margin:5px 20px;
    float:right;
    font-size: 18px; 
}
/* MENU LOGO MOBILE ENDE */

/* CONTENT START */
.cp_imgDiv{
    position:absolute;
    left:39px;
    top:0px;
    right:439px;
    bottom:80px;
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
    background-repeat: no-repeat;
    background-attachment: local;
    background-position: center;
}
.cp_theContentDivArea {
    position:absolute;
    right:39px;
    top:0px;
    width:390px;
    height:520px;
    background-color: #98afc7;
}
.cp_theContentDiv {    
    position: absolute;  
    top: 21px;
    left: 39px;          
    right: 39px;
    font-size: 12px;
    max-height: 480px;
    overflow-y:auto;
}

/* LISTS IN the_content START */  
.cp_theContent h2{
    margin-left:30px;
}
 .cp_theContent ul{
    width:330px;
    line-height: 24px;
}

.cp_theContent ul li{
    display: inline-block;
    line-height: 16px;
} 

.cp_theContent ul li:nth-child(1){
    width:72px;
    text-align:right;
    margin-right:12px;
}

.cp_theContent ul li:nth-child(2){
    max-width:240px;
    text-align:left;
}
.cp_theContent ul.col1 li:nth-child(1){
    width:100%;
    text-align:left;
}
/* SEITEN SPEZIFISCHE SEITEN S.U.
    LISTS IN the_content ENDE */
/* CONTENT ENDE */

/* LOGO DESKTOP START */
div.cp_deskLogoDiv{
    text-align:right;
    position:absolute;
    bottom:0px;
    right:39px;
    height:80px;
    width:390px;
}
div.cp_deskLogoWord{                           
    line-height:24px; 
    font-size:16px; 
    margin-right:20px;
    text-align:center;
    margin-top: 15px;
 }
/* LOGO DESKTOP ENDE */

/* NAVIGATION START */ 

div.cp_naviMainDiv{
    position:absolute;
    bottom:0px;
    left:39px;
    height:80px;
    width:600px;  
    font-size:16px;
}
div.cp_naviMainDiv ul{
    line-height:30px; 
}     
div.cp_naviMainDiv ul>li:hover{
    background-color: #98afc7;
}
div.cp_naviMainDiv ul>li:hover>a{
    color: #FFF;
}
div.cp_naviMainDiv ul>li>ul>li{
    display:none;
}
div.cp_naviMainDiv ul>li>ul{
    position:absolute;
    left:0px;
    top:24px; 
}

div.cp_naviMainDiv ul>li.cp_active>ul>li{
    display:inline;
}

div.cp_naviMainDiv ul>li:hover>ul>li{
    display:inline;
}
div.cp_naviMainDiv ul>li{
    font-weight:100;
}
div.cp_naviMainDiv ul>li.cp_active{
    font-weight:bold;
}
/* NAVIGATION ENDE */

/* SEITEN SPEZIFISCHES CSS */
/* kontakte */
.cp_body_kontakt .cp_theContent{
    margin-left:20px;
} 

.cp_body_kontakt .cp_theContent h2{
    margin-left:-20px;
    line-height:14px;
}

.cp_body_kontakt .cp_theContent ul{
    margin:0;
    line-height: 14px;
}

.cp_body_kontakt .cp_theContent ul li{
    display: inline-block;
    line-height: 14px;
}

.cp_body_kontakt .cp_theContent ul li:nth-child(1){
    width:48px;
    text-align:right;
    margin-right:12px;
}    

.cp_body_kontakt .cp_theContent li, .cp_body_kontakt .cp_theContent a, .cp_body_kontakt .cp_theContentDiv{
    font-size:14px;
}

/* impresssum */
.cp_body_impressum .theContentDiv{
    overflow-y: scroll;    
}

.cp_body_impressum .cp_theContent{
    max-width: 320px;
}
/* rundgang */
.deskGallery{
    display:block;    
}

.mobileGallery{
    display:none;  
}