@charset "UTF-8";                     

body { font-size: 100%; font-family: "Verdana", Sans-Serif; margin: 0 auto; 
	}



background: background: url(pattern-green.png), url(pattern-braun.png);
            background-position: left top, left bottom;
            background-repeat: repeat-x;




html, body, #wrappergesamt { height: 100%; }

img { max-width: 100%; }
#sectionli  img { display: inline; display: inline-block; text-align: center;  }
#sectionre  img { display: inline; display: inline-block; text-align: center;  }
a img { border: none; }
a { outline: none; }



/* ##########################    Wrapper    ########################## */


#wrappergesamt {	margin: 0 auto; font-size: 1em;	
			min-width: 10em; max-width: 60em; 
		   }

.wrapper { background-color: transparent; overflow: hidden; padding: 0 5%; margin-top: 3%; clear: all; }
.wrapper2 { background-color: transparent; overflow: hidden; padding: 0 5%; margin-top: 3%; clear: all; }
.wrapper2 { text-align: center; padding-right: 10%; }
.wrapper3, .wrapper3 a { text-decoration: none; }
.wrapper4 { text-align: center; }
.wrapper7 { text-align: center; }
.wrapper8 { text-align: center; 
			font-family: "Paris Extra Black", Sans-Serif; color: #827358; font-size: 1.5em;
			}


#section { background-color: #fff; overflow: hidden; padding: 0 1%; margin-top: 5%; clear: both;}
#section p { font-family: Candara, Verdana; font-size: 0.8em;}

article {	overflow: hidden; }
body p { font-family: "Comic Sans MS", Sans-Serif; color: #827358; font-weight: normal; font-size: 0.9em; }

h1 { color: #da7267; font-size: 1em; font-weight: bold; letter-spacing: 0.2em; font-variant: small-caps; }


/* ##########################    Kopf    ########################## */


#logo { width: 70%; margin: 0 auto; }
@media all and (max-width: 38em){ #logo { width: 100%; } }


/* ##########################    Inhalt    ########################## */


#sectionli {	width: 45%;	float: left; margin-top: 2%; padding: 0 5% 0 0; }
@media all and (max-width: 29em){ #sectionli { width: 100%; float: none; padding: 0; margin: 0 auto;  } }								
#sectionre {	 width: 45%; float: right; margin-top: 2%; }
@media all and (max-width: 29em){ #sectionre { width: 100%; float: none; padding: 0; margin: 0 auto;  } }


/* ##########################    Haupt-Navi    ########################## */


#navi { margin-top: 3%; } 
#navi ul { text-align: center; }
#navigation { width: 100%; }
#navigation ul { list-style-type: none; padding: 0; margin: 0;  }
#navigation li { display: inline-block; display: inline; }
#navigation a, #navigation strong   { text-decoration: none; padding-right: 3%; color: #cdea59; }


/* ##########################    Footer    ########################## */


#navifooter { width: 100%; }
#navifooter ul { list-style-type: none; padding: 0; margin: 0; }
#navifooter li { display: inline-block; display: inline; }
@media all and (max-width: 30em){ #navifooter li { display: block;  } }				
#navifooter a, #navifooter strong { text-decoration: none; padding: 5px 10px 5px 0; color: #c5f472; /* alt:cdea59*/ }
#navifooter a, #navifooter strong { font-family: Verdana, sans-serif; font-size: 1.2em;  font-variant: small-caps; font-weight: bold; }
#navigation a:hover, #navigation a:focus, #navigation a:active, #navifooter a:hover, #navifooter a:focus, #navifooter a:active { text-decoration: underline; }

.mail a { color: #da7267; text-decoration: none; display: inline-block; display: inline; }
.mail { font-family: "Comic Sans MS", Sans-Serif; color: #827358; font-weight: normal; font-size: 0.9em; }