html{
	overflow-y: scroll;
}

html,body {
	height: 100%;
        font-family: Helvetica, sans-serif;
        font-size: 14px;
        padding: 0;
        margin: 0;
        width: 100%;
	color: #3B4040;
}

body {
    width:				100%;
	padding:			0px;
	margin:				0 auto;
}


h1 {
    font-size: x-large;
    font-family: Helvetica,sans-serif;
    font-weight: bold;
    font-style: normal;
}


ul {
    	list-style-position:	inside;
}


/* ------ Standard Linkdefintionen ---------- */
a {
	font-size: 1em;
}
a:link {
	text-decoration: dotted;
	color: gray;
}
a:visited { 
	text-decoration: dotted;
	color: gray;
	}
a:hover {
	text-decoration: dotted;
	color: gray;
	}
a:active { 
	text-decoration: dotted; 
	color: gray;
	}
	
/* ------ Ende Linkdefintionen ---------- */

textarea, tt {
	font-family:	"Courier New", Courier, monospace;
}

pre, code {
	font-family:	monospace;
	font-size:	1.1em;
}
	
h1, h2, h3, h4, h5, h6 {
	padding:	0px 0px 3px 0px;
	font-weight:	normal;
}

cite, blockquote {
    font-style: 	italic;
    padding: 	0px 0px 5px 8px;
}


#header {
    background-color:   #DEDEDE;
    width:              100%;
    margin-top: -1.5em;
}



div.balken {
    float: none;
    background-color:   #3B4040;
    display:            block;
    height:             30px;
    border-bottom:      1px solid #FFF;
    box-shadow:         0px 0px 3px #666;
    width:              100%;
}



.logo-und-nav {
    width: 100%; /* Zentrierung des Menüs */
    text-align: center;/* Zentrierung des Menüs */
    height: 5em;
    background-color: #f8f8f8;
}



/* ------- Hauptnavigation oben ---------- */
    
#navigation {
    display: inline-block; /* bewirkt zentrierung des Menus */
    /* max-width:      850px; */
    text-transform: uppercase;
    height:	    auto;
    padding:	    0;
    margin:	    0;
    
}

ul {
    list-style-type:	none;
    padding:		0px;
    margin: 0;
    white-space:	nowrap;
}

#hauptnavigation {
    border: none;
}

@media screen and (max-width: 540px) {
    div.logo-und-nav {
        height: 8em;
        margin-top: 0;
    }

    div.logo-und-nav ul li {
        line-height: 2em;
        border-bottom: 1px dotted darkgray;
    }
    div.logo-und-nav ul li:last-child {
        border-bottom: none;
    }
    div.balken {
        display: none;
        visibility: hidden;
    }
}



@media screen and (min-width: 541px) {
    #navigation ul.level_0 li {
        display: table-cell;
        margin-right: 1em;
        float: left;
        -moz-transition: color 0.4s, background-color 0.4s, border 0.4s, box-shadow 0.4s; /* Firefox 4 */
        -webkit-transition: color 0.4s, background-color 0.4s, border 0.4s, box-shadow 0.4s; /* Safari and Chrome */
        transition: color 0.4s, background-color 0.4s, border 0.4s, box-shadow 0.4s;
        height: 5em;
    }

    #navigation li.level_0_inaktiv {
        color: #DEDEDE;
        border-bottom: 4px solid white;
    }

    /* href in der Hauptnavigation */
    #navigation ul.level_0 li a {
        display: table-cell;
        text-decoration: none;
        padding-top: 2em;
        padding-right: 15px;
        padding-left: 15px;
        padding-bottom: 1px;
        z-index: 100000;
    }

    #navigation ul.level_0 li.level_0_inaktiv a:visited {
        color: black;
    }

    #navigation ul.level_0 li.level_0_inaktiv a:hover {
        color: white;
    }

    #navigation li.level_0_aktiv, #navigation li.level_0_inaktiv:hover {
        color: #DEDEDE;
        background-color: #333;
        border-bottom: 4px solid white;
        box-shadow: 0px -20px 20px -20px white inset;
    }

    #navigation a {
        color: black;
    }

    #navigation li.level_0_aktiv a {
        color: white;
    }

    /* ------ Ende Navigation */
}

#nonka_slide {
    clear: both;
    position: relative;
    width: 100%;
    height: 320px;
    background-image:url('../images/nonka7.png');
    -webkit-background-size: cover;
    -moz-background-size: cover;
    -o-background-size: cover;
    background-size: cover;
}


/* Ende Banner in der Mitte der Seite */
#banner_mitte, #footer{
    height: auto;
    color: white;
    clear: both;
    background-color:   #478EEB;
    background-color: #3eab86;
    width:		100%;
    margin:		0 auto;
    -webkit-box-shadow:	0px 7px 5px -5px rgba(0,0,0,0.7) inset, 0px -7px 5px -5px rgba(0,0,0,0.7) inset;
    -moz-box-shadow:	0px 7px 5px -5px rgba(0,0,0,0.7) inset, 0px -7px 5px -5px rgba(0,0,0,0.7) inset;
    box-shadow:		0px 7px 5px -5px rgba(0,0,0,0.7) inset, 0px -7px 5px -5px rgba(0,0,0,0.7) inset;
    background-image:	url('../images/shadow.png');
    background-position:top center;
    background-repeat:	no-repeat;
}

#banner_mitte {
    height: auto;
}

#banner_mitte h1 {
    font-family:Helvetica,sans-serif;
    font-size:  xx-large;
    font-weight:normal;
    font-style: normal;
    padding:	15px 0px 0px 0px;
    margin:	0 auto;
    text-align:	center;
    padding:    15px 0px 0px;
    margin:     0px auto;
    text-align: center;
}

#banner_mitte h2 {
	padding:    0px 0px 15px 0px;
	margin:     0 auto;
	text-align: center;
}

/* Ende Banner in der Mitte der Seite */


#inhalt {
	position:	relative;
	margin-top:	1em;
	margin:		2em auto;
	max-width:	1000px;
	height:		35%;
	padding-left:	1em;
    padding-right:   1em;
    padding-bottom:   1em;
	}

#inhalt p {
	padding:	0px 0px 5px 0px;

}

#inhalt_links,#inhalt_mitte,#inhalt_rechts,#inhalt_rand {
    float:left;
    position: relative;
}
	
#inhalt_links,#inhalt_rechts {
    visibility: hidden;
    display: none;
    }

/*
#inhalt_mitte {
        left: 0;
        width: 73%;
        margin-right: 2%;
    }*/    

/***CODIGO NUEVO****/
#inhalt_mitte {
    left: 0;
    width: 100%;
    margin-right: 2%;
}

@media screen and (min-width: 768px) {

    #inhalt_mitte {
        left: 0;
        width: 73%;
        margin-right: 2%;
    }
}

.ce-left .ce-gallery{
    float: initial !important;
}

@media screen and (min-width: 768px) {

    .ce-left .ce-gallery{
        float: left !important;
    }
}

/*******************/



#inhalt_rand
    {
	width:		    20%;
	overflow:	    hidden;
        display:	    inline-block;
        padding:            0px 0px 30px 40px;
	margin:		    5px 0;
	padding:	    20px;
	-webkit-box-shadow: 0px 2px 4px #CCC;
	-moz-box-shadow:    0px 2px 4px #CCC;
	box-shadow:	    0px 2px 4px #CCC;
	background-color:   #e0e0e0;

    }

#inhalt_links h1,#inhalt_mitte h1,#inhalt_rechts h1 {
        padding-bottom: 0px;
	font-size: 2em;
        border-bottom: 1px solid black;
        padding-bottom: 1em;
	margin-bottom: 1em;
    }

/* Fusszeile */
#footer {
	padding: 		20px 0px;
	width:			100%;
	text-align:             center;
	font-weight:		normal;
        background-image:	url('../images/shadow.png');
	background-position:	top center;
	background-repeat:	no-repeat;
}

.clearfix {
    clear: both;
}

.align-right {
    text-align: right;
    padding: 0;
    }
	
td p {
    padding: 0;
    border: 0;
    margin: 0;
    padding-top: 1em;
        
}


/* Powermailtitel ausblenden */
.powermail_form h3 {
    display: none;
    }
	
	
/* Ende Fusszeile */