﻿/* Natureplus Stylesheet 2013*/

/* Main page props */

body {
margin:0;padding:0;
font-family: verdana, geneva, sans-serif;
}


img {
border: 0px;
}
/* font specs */

a {
color: #4176AB;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}


/**/
#banner {
margin-top: -30px;
/*height: 70px;*/
/*background-color: rgb(245,245,245);*/
}

#bannerinner {
width: 470px;
text-align:right;
}

.topcenter {
width: 380px;
float: left;
}

#main {
margin-top: 30px;
margin-left: auto;
margin-right: auto;
margin-bottom: 50px;
width: 1120px;
/*border: 1px solid rgb(0,0,0);*/
overflow: visible;

}



.mainleft {
float: left;
width: 245px;
/*border: 1px solid rgb(255,0,0);*/

}

.maincenter {
float: left;
width: 835px;
/*border: 1px solid rgb(0,255,0);*/

}

.mainright {
float: left;
margin-left: 20px;
width: 255px;
/*border: 1px solid rgb(0,0,255);*/

}

#footer {
/*height: 200px;
background: -moz-linear-gradient(top, #0086CD 0%, #025480 200px);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#0086CD), color-stop(200px,#025480));
background: -webkit-linear-gradient(top, #232323 0%,#025480 200px);*/
}

#footercontent {
/*float: left;*/
padding-top: 20px;
margin-left: auto;
margin-right: auto;
width: 1120px;
font-size: 0.8em;
height: 200px;
}

#footercontent p, #footercontent a{
	font-size: 0.9em; color: #aaa; font-weight: bold; line-height: 1.3em;
}


/* special divs */

#logo {
/*display:block;*/
z-index: 100;
margin-left: -15px;
margin-top: -25px;
}

#logobottom {
-webkit-border-radius: 10px;
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);
}

#breadcrumbs {
margin-top: 25px;
font-size: 0.625em;
color: #666;
}

#language {
width: 268px;
}

/* mainnav*/

/* #mainnav
    {
    background-color:#6AAB54;
    float:left;
    width:100%; 
    height:30px;
    }

    ul#mainnav {
    font-size: 1.1em;
    font-weight: 600;
    margin-top: 5px;
	margin-right: 8px;
    padding: 0;
    text-align: left;
      position:relative
    }
    ul#mainnav li {
    display: inline;
    list-style: none;
    padding-left: 15px;
	 padding-right: 15px;
    float:left;
    }
	
	ul#mainnav li:before { 
	font-size: 0.7em;
	color: #fff;
	content: "\25B6";
	margin-right: 10px;
	}
	
    ul#mainnav li a {
        background: none;
        color: #FFF;
        text-decoration: none;
    }
    ul#mainnav li a:hover {
        color: #FFF;
        text-decoration: none;
    }

    ul#mainnav ul
    {
    display:none;
    }
    
    ul#mainnav li:hover ul {
    display: block;
      position:absolute;
      top:70x;
 width:200px;
    }

    ul#mainnav li:hover ul li a{
		background-color: #fff;
    display: block;
	position: relative;
	font-size: 0.7em;
    color:black;
    }
	
.hassubnav li {
	background-color: #f00;
}	*/

/**  NAV  **/

#mainnav {width: 100%; background-color: #0082cb; height: 40px; font-size: .9em; }

.menu2 ul, .menu2 li {

list-style: none;

margin: 0;

padding: 0;



}

.menu2 ul.level1 {

width: 990px;

height: 25px;

padding-left:10px;

padding-top: 10px;



}

.menu2 ul.level1 li {

display: inline-block;
position: relative;

float: left;
height: 22px;
width: 220px;

padding: 8px;
padding-top: 0px;

font-weight: bold;

/*border: 1px solid rgb(255,0,0);*/

}


.menu2 ul.level1 li a {

padding: 10px ;

text-decoration: none;

color: #fff;



}

.menu2 ul.level2 {

display: block;



}

.menu2 ul.level1 li li a {

padding: 3px;

display: block;

color: rgb(30,30,30);
font-size: 0.9em;
font-weight: normal;

}




.menu2 ul.level1 a:hover,

.menu2 ul.level1 a:active,

.menu2 ul.level1 a:focus

{

color: #fff;

/*background-color: #0082cb;*/

}

.menu2 ul.level2 a:hover,

.menu2 ul.level2 a:active,

.menu2 ul.level2 a:focus

{

color: #fff;

background-color: #0082cb;

}

.menu2 ul.level1 li li {

display: block;

height: auto;

padding: 1px;

}

.menu2 ul.level1 li:hover {

/*background-color: #8082cb;*/

}

.menu2 div.megadd {

position: relative;

left: -999em;

/*width: 990px;*/


background: rgba(255,255,255,0.95);
box-shadow: 2px 2px 6px rgba(0,0,0,0.6);

z-index: 100;

/*clear: both;*/

vertical-align: bottom;

padding: 10px;
margin-top: 7px;

}

.menu2 ul.level1 li:hover div.megadd {

/*left: 80%; 
margin-left: -495px;*/
position: absolute;
left: -10px;
top: 24px;
margin-left: 5px;




}

.menu2 ul.level2 li.inner2, .menu2 ul.level2>li.inner {

/*width: 200px;

float: left;*/

}

menu2 ul.level2 li.inner2 a:hover, .menu2 ul.level2>li.inner a:hover {
background-color: #8082cb;


}


.menu2 ul.level2 li:hover ul.level3 {
/*display: block;*/
}

.menu2 ul.level3 {

/*display: none;*/

padding-left: 20px;

}

ul.level3 li a {
color: rgb(60,60,60);
}

.menu2 ul.level4 {

padding-left: 20px;

}

.level2 li{
	/*background-color: rgb(255,0,0);*/
	display: block;
}



/**  NAV ende  **/

#rightmenu ul {
list-style-type: none;
margin-left: -30px; 
}

#rightmenu ul  li a{
font-size: 0.8em;
line-height: 2em;
text-decoration: none;
}

#rightmenu ul  li a:hover{
text-decoration: underline;
}



/* Content div*/
#maincontent {
font-size: 0.8em;
color: rgb(102, 102, 102);
}


#maincontent p {
line-height: 1.5em;
}

#maincontent h1 {
font-size: 1.5em;
font-weight: bold;
color: #7bbd42;
margin-top: 30px;
}

#maincontent h2 {
font-size: 1.4em;
color: #7bbd42;

}

.naturenewsimg {
	padding-right: 30px; padding-bottom: 50px; float: left;
	
}


.mainblue {
color: rgb(19,127,195);
	}
	
.mainred {
color: #E30615;
	}	
	
.maingreen {
color: #50af31;
	}	


#maincontent li {
/*font-weight: bold;
line-height: 2em;*/
margin-bottom: 5px;
}

#maincontent hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

/* right */

.mainright h1 {
font-size: 1.2em;
}

.mainright hr {
color: #ccc;
background-color: #ccc;
height: 1px;
border: 0px;
margin-top: 20px;
margin-bottom: 20px;
}

/* newshead*/

#newshead {
font-weight: bold;
color: rgb(40,40,40);
padding-bottom: 4px;
border-bottom: 3px solid rgb(19,127,195);
}

/* newsflash*/
#newsflash p {
font-size: 0.75em;
line-height: 1.3em;
}

#newsflash a {
font-weight: bold;
}

.search {
text-align:right;
}

#nav-top {
display: none;
}

/* language tmp*/
#language p {
font-size: 0.58em;
}
#language b {
color: #4176AB;
}
#language span {
color: #ccc;
}

/* mailform platzierung*/
#search #mailform div {
float: right;
}

#mailform {
border: 1px solid rgb(255,255,255);
}
.csc-mailform {
border: 1px solid rgb(255,255,255);
width: 400px;
}
#mailformformtype_mail {
margin-top: 30px;
}

.csc-mailform-field {
margin-top: 5px;
margin-bottom: 10px;
display:table-row;
}

#mailformname, #mailformemail, #mailformStreet, #mailformCity, #mailformTelephone {
margin-left: 30px;
float: right;
padding: 5px;
border: 1px solid rgb(200,200,200);
}
#mailformemail {
margin-left: 32px;
}
#mailformaddress {
margin-left: 30px;
padding: 5px;
border: 1px solid rgb(200,200,200);
margin-bottom: 20px;
}
.csc-mailform-check {
float: right;
margin-left: 10px;
margin-bottom: 5px;
}

.csc-mailform-field {
/*background-color: rgb(255,0,0);*/
}

/* Newsletter Formular */
input {
padding: 5px;
border: 1px solid rgb(200,200,200);
}

#mailformsubmit {
border: 1px solid rgb(255,255,255);
}

#magnifier {
border: 1px solid rgb(255,255,255);
}

/* News Style Newsflash */
#newsflash img {
display: none;
}
#newsflash .news-list-item a {
display: none;
}
#newsflash .news-list-item h3 a {
display: block;
}
#newsflash .news-list-subheader  a {
display: block;
font-size: 0.7em;
}
#newsflash .news-list-subheader{
font-size: 0.8em;
color: rgb(102, 102, 102);
}
#newsflash .news-list-date {
font-weight: normal;
font-size: 0.8em;
display: block;
}
#newsflash h3 {
font-weight: normal;
font-size: 0.9em;
}
#newsflash .news-list-browse{
display: none;
}
.news-list-morelink {
display: none;
}
#newsflash .news-list-category {
display: none;
}

/* News maincontent */
#maincontent .news-single-item h2 {
font-size: 1.5em;
color: rgb(123, 189, 66);
}
#maincontent  .news-list-container .showResultsWrap{
display: none;
}
.csc-linkToTop {
display: none;
}

/* Highlights */
#highlights {
font-size: 0.75em;
color: rgb(102, 102, 102);
line-height: 1.4em;
margin-left: 20px;
}

#highlights h1 {
font-size: 1.5em;
text-align: center;
font-weight: bold;
/*color: #7bbd42;*/
color: rgb(0,128,201);
}

#highlights table {
padding-left: 10px;
padding-right: 10px;
padding-bottom: 10px;
border: 2px solid rgb(0,128,201);
-moz-border-radius: 10px 10px 10px 10px;
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
}

/* Marker */

.mark:before {
color: #E30615;
margin-right: 5px;	
content: "\25B6";
	
}

/* twitter-plugin*/
.timeline-InformationCircle-widgetParent { display: none;}

/* Infodiv */

.infodiv {
	float: left;
	width: 390px;
	margin-right: 20px;
	
	
	
}

/* Einstellungen für Inhaltselemente */

.centerimg {
	display: block;
    margin-left: auto;
    margin-right: auto }
	
}

/* standdardpluginwerte überschreiben */

.ce-image  {
	overflow: visible !important;
	margin: 50px !important;
	
	
}

/* Eventsliste externe Veranstaltungen*/

#eventdateframe {
top: 10px;
left: 10px;
width: 150px;
height: 150px;
background-image: url("/fileadmin/template/img/events.png");
float: left;
display: inline-block;
}

#eventMonat {
position: relative;
top: 25px;
width: 150px;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: 1.2em;
color: rgb(220,220,220);
margin-top: 0px;
}

#eventTag {
width: 150px;
position: relative;
top: 30px;
text-align: center;
font-family: arial;
font-weight: bold;
font-size: 5.5em;
color: rgb(100,100,100);
}

#eventtxt {
	display:inline-block;
	    width: 600px;
    margin-top: -30px;
	
}


.eventextra {
	color: #E30615;
	
}

/* Cookiehinweis */

.cc_container .cc_btn {
background-color: #e4e4e4 !important; /* Farbe des Buttons */
color: #000 !important; /* Textfarbe des Buttons */
}
 
.cc_container {
background: #ccc !important; /* Hintergrundfarbe des gesamten Bereichs */
color: #fdfdfd !important; /* Schriftfarbe des gesamten Bereichs */
}
 
.cc_container a {
color: #31a8f0 !important; /* Textlink-Farbe "Mehr Infos" */
}

/* Newletter - Formular*/

.fieldrow, .submit {
	
	margin-top: 10px !important;
	
}

