@charset "utf-8";

/*******************************************************************************/
/* BASIS LAYOUT   */
/*******************************************************************************/

html {
height:100%;
margin:0px;
padding:0px;
} 

body {
height:101%;
background-color:#fff;
margin:0;
padding:0;
z-index:0;	
overflow: scroll;
/* overflow-x: hidden; */
}

a {
outline:none !important;
}

a img {
outline:none !important;
} 


#wrapper {
    height:100%;
	width:100%;
    border-collapse:collapse;
    display : table;
}


.container {
    margin: 0 auto;
	margin-top:25px;
    max-width: 1010px;
    padding-left: 0 !important;
    padding-right: 0 !important;
    width: 1010px !important;
	z-index:1;
    /*position:relative;  */
	border-collapse:collapse;
    display : table;
}

#home { 
	position:absolute;
	width:450px;
	height:35px; 
	top:10px;
	left:15px;
    z-index:5;
	display:none;
}

#header {
position:relative;
margin:0 auto;
width:980px;
height:127px;
z-index:25;

}

#home-icon {
	position:absolute;
	top:15px;
	left:0;
	width:50px;
	height:50px;
	z-index:50;
}

#home-icon .fa-home { font-size:2em; color:#8F80BB; }


#header-links {
float:left;
max-width:750px;
height:127px;

}

#header-rechts {
float:right;
width:230px;
height:127px;
position:relative;
}


#linkbar {
display:block;
display:none; 
width:130px;
height:48px;
}

#lbar {
width:130px !important;
height:27px !important;
max-width:130px !important;
max-height:27px !important;
}


#navigation {
display:block;
height:62px;
text-align:left;
}



#logo {
position:absolute !important;
top:12px;
right: 0px;
margin-right:-80px;
z-index:200 !important;
width:315px;
height:98px; 

background-image:url('../bilder/logo_suhrepark.png');
background-repeat:no-repeat;
background-size:100%;
}


#logo a {
    display:block;
    width:100%;
    height:100%;
}



#wrap-topbild {
position:relative;
width:100%;
max-height:350px;
background-color:#E2DEF0;
/* overflow: hidden; */
border-top:10px solid #8F80BB;
}


#topbild {
    margin:0 auto;
    height: auto !important;
    position: relative;
    width: 100% !important;

    max-height:350px !important;
    max-width:980px !important;
	vertical-align:central;
	vertical-align:middle;
 }

#topbild div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
    margin-bottom: 0px !important;
}

#topbild div.csc-textpic-image { margin:0px !important; margin-bottom:0px; padding:0px !important;}
#topbild .csc-textpic-imagewrap img { margin-top:0px;} 


/*slider*/

#topbild .theme-default .nivoSlider {
	position:relative;
	background: none !important;
	margin-bottom:0px;
	-webkit-box-shadow: 0px 0px 0px 0px #4a4a4a;
	-moz-box-shadow: 0px 0px 0px 0px #4a4a4a;
	box-shadow: 0px 0px 0px 0px #4a4a4a;

}


#kontakt {
position:absolute;
right:0px;
top:0px;
margin-top:0px;
width:166px;
height:45px;
background-color: #8F80BB; 
-moz-border-radius: 0px 0px 0 15px;
-webkit-border-radius:0px 0px 0 15px;
-khtml-border-radius: 0px 0px 0 15px;
border-radius: 0px 0px 0 15px;

color:#fff; 
font-size:16px; 
font-weight:400;
z-index:50;
}

#kontakt a,
#kontakt a:hover,
#kontakt a:visited {
    display:block;
    width:100%;
    height:100%;
    padding-left:20px;
    padding-top:12px;
    text-decoration:none;
    color:#fff;
}




#center {
position:relative;
margin:0 auto;
height:auto;
width:980px;
padding:50px 150px 30px 70px;
min-height:500px;
}

#center2 {
    position:relative;
    margin:0 auto;
    height:auto;
    width:980px;
    min-height:500px;
    padding:50px 70px 30px 70px; 
}


.center-corners {
    -moz-border-radius: 0px 0px 20px 20px;
    -webkit-border-radius: 0px 0px 20px 20px;
    -khtml-border-radius: 0px 0px 20px 20px;
    border-radius: 0px 0px 20px 20px;
}


#inhalt, .inhalt {
padding:0px;
background-color:transparent !important;
}


#wrap-footer {
    display : table-row;
    vertical-align : bottom;
    height : 1px;
	margin:0 auto;
}

#footer {
	max-width:980px;
	margin:0 auto;
 	margin-top:10px;
	padding:34px 0px 34px 70px;
	font-size:13px;
    color:#fff;
	text-align: center;

    background-color: #9C9C9C;
     -moz-border-radius: 20px 20px 0px 0px;
    -webkit-border-radius: 20px 20px 0px 0px;
    -khtml-border-radius: 20px 20px 0px 0px;
    border-radius: 20px 20px 0px 0px;
}


#footer p {
    margin:0px !important;
}

#footer-link {
    margin:0 auto;
     }

p.servicelinks {
    text-align:center;
    padding-top:10px;
    font-size: 11px;
}



#gmap {
	max-width:980px;
	margin:0 auto; 
	margin-top:20px;
	margin-bottom:10px; 
     -moz-border-radius: 20px 20px 20px 20px;
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px;
}



img {
	width:100%;
	max-width: 100%;
	height: auto;
}



.row {
    margin-bottom:20px;    
}

#col2 {
    font-size: 13px !important;
}

#col2 h3 {
    font-size: 13px !important;
}






/*******************************************************************************/
/* NAVIGTION   Desktop */  
/*******************************************************************************/

#navcontainer { position: absolute; top:72px;   left:0px;   width:700px;height:55px;background-color:none; z-index:50;}
#navcontainer ul {margin:0px;padding:0px;}
ul.menu {list-style-type: none; text-decoration: none;  list-style-image: none; /*background-color:#646219; */ }

ul.menu ul {   list-style-type: none;   text-decoration: none;  list-style-image: none; background-color:#FEFEFE; margin-top:0px !important;}



ul.menu li {   
margin-left:0px;  
margin-right:10px; 
float:left; 
width:205px; 
height:55px; 
-moz-border-radius: 0px 15px 0 0;
-webkit-border-radius:0px 15px 0 0;
-khtml-border-radius: 0px 15px 0 0;
border-radius: 0px 15px 0 0;
}


ul.menu a { /*  line-height: 20px;*/
display: block; 
text-decoration:none;
color:#fff;
text-align:left;  
padding-top:16px;
padding-left:15px;
text-transform:uppercase;
height:55px;

font-family: 'Open Sans', sans-serif;
font-size:20px;
font-weight:600;
}


.n1 { background-color: #8F80BB; }
.n2 { background-color: #C4D200; }
.n3 { background-color: #01C2C1; }


ul.menu li:hover, ul.menu li a:hover{
    -moz-border-radius: 0px 15px 0 0;
    -webkit-border-radius:0px 15px 0 0;
    -khtml-border-radius: 0px 15px 0 0;
           border-radius: 0px 15px 0 0;
}



ul.menu ul {position: absolute; display:none;/* width:120px;*/ z-index:100;}
/*ul.menu>ul>ul{position: absolute;display:none;}*/
/* IE-Hack für die Breite *//**html ul.menu ul { width:96px;    bottom:20px;}*/
/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */


ul.menu ul a {text-decoration:none; color:#000; font-size:16px; width:190px; padding-left:15;margin:0; font-weight:400;}
ul.menu ul a:hover{ color:#000; background-color:transparent; margin-bottom:0px; margin-top:0px; font-weight:600;}
ul.menu ul a.active { color:#000; background-color:transparent; font-weight:600;}


ul.menu li > ul.menu li {height:28px !important; border-bottom:none; padding:0px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;}
ul.menu li > ul.menu li a {height:24px; padding-top:5px; margin:0; -moz-border-radius:0;-webkit-border-radius:0;border-radius:0;  }


ul.menu li.hover ul, ul.menu li:hover ul  { display:block; border-top:10px solid #8F80BB;    }  /*test */
ul.menu ul li:first-child {/*margin-top:0px; padding-top:0px;*/}
ul.menu ul li { float:none; background-color: transparent;text-decoration:none; margin-bottom:0px; display:block; height:10px !important; padding:0px;}

/* Dritte Ebene */
ul.menu li  ul.menu li  ul.menu li {width:140px;}
ul.menu li.hover ul ul, ul.menu li:hover ul ul {display: none;}

/* Dritte Ebene anzeigen */ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {display: block;}
#navcontainer ul.menu ul ul{background-color: #7D7A3D;text-decoration:none; /*-moz-opacity:0.8;*/color:#fff;    margin-left:135px;  margin-top:-29px;}
/*ul.menu ul ul li{     color:#B9BBBC;}*/
ul.menu ul ul a {text-decoration:none;color:#fff;font-size:13px; width:140px;}
ul.menu ul ul a:hover{ background-color:#989463; color:#ffffff;}
/*fertig nav*/


.hover {
background-color:#7D7A3D !important;

}


/* ############################################################################################*/








/*******************************************************************************/
/* INHALTSSEITEN   */
/*******************************************************************************/


/* Lightbox */
a.lightbox img {
border:0px solid #E96048 !important;
}


/*
iframe {
    border: medium none;
    width: 100%; 
      background-color:#fff !important;

}
*/

/* Kokntakt Formular */
input { 
    display:block;
    width:300px;
    font-size:13px;
    padding:2px 0px 2px 4px;
    margin-bottom:8px;
    border:none;
}


textarea {
    width:400px;
    height:120px;
    border:none;
     font-size:13px;
     padding:2px 0px 2px 4px;
}


/*******************************************************************************/
/* Formular TYPO3   */
/*******************************************************************************/
.csc-form-element {
	font-size: 14px;
	line-height: 20px;
	text-align: left;
	clear: both;
	width:100%;
}

.csc-form-element label {
	float: none !important;
	display: block;
	width: 100% !important;
	margin-right: 0 !important;
	margin-top:5px;
}
.csc-form-element label em {
	display: inline !important;
	font-size: 14px !important;
	padding-left: 2px;
}
.csc-form-element label strong {
	display: inline !important;
	padding-left: 2px;
	text-transform: none !important;
}

.csc-form-element input {
	float: none !important;
	display: block;
	width: 100% !important;
	margin-right: 0 !important;
	padding:2px 0px 2px 4px;
}

.csc-form-element input[type=text],
.csc-form-element textarea {
	border: 1px solid #656261;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-size: 14px;
	/*max-width: 400px;
	min-width: 400px;*/
	padding: 3px 5px;
/*	width: 400px;*/
	margin-left:0px;
}

.csc-form-element textarea {
	border: 1px solid #656261;
	/*font-family: Arial,Helvetica,sans-serif;*/
	font-size: 14px;
	/*max-width: 400px;
	min-width: 400px;*/
	padding: 3px 5px;
/*	width: 400px;*/
width:100%;
	margin-left:0px;
	margin-bottom:20px !important;
}

/*.csc-form-element-submit input { background-color: #01C2C1; color:#ffffff; font-size:14px; line-height:20px;  }*/

#formular fieldset {
	border: 0px solid #CCCCCC;
	padding-left:0px;
}
#formular fieldset ol, #formular fieldset ol li {
	padding-left:0px;
	margin-left:0px;
}