/* Design by Thomas Eckert, Achern */

* {
   margin: 0;
   padding: 0;
 /* nunito-700 - latin */
  font-family: 'Nunito';
  font-style: normal;
  font-weight: 700;
  src: url('fonts/nunito-v25-latin-700.eot'); /* IE9 Compat Modes */
  src: local(''),
       url('fonts/nunito-v25-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
       url('fonts/nunito-v25-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
       url('fonts/nunito-v25-latin-700.woff') format('woff'), /* Modern Browsers */
       url('fonts/nunito-v25-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
       url('fonts/nunito-v25-latin-700.svg#Nunito') format('svg'); /* Legacy iOS */

	
}








 
.comicred {font-family:comic sans ms; color: #ff0067;}
.comicgreen {font-family:comic sans ms; color:#caee05;}
.comiclightgreen {font-family:comic sans ms; color:#90EE90;}
.comicyellow {font-family:comic sans ms; color:#ffec29;}
.comicblue {font-family:comic sans ms; color:#adecf8;}
.comicwhite {font-family:comic sans ms; color:#ffffff;}
.comicorange {font-family:comic sans ms; color: orange;}
.comiclightblue {font-family:comic sans ms; color:#87cefa;}


body {
background-color:#333333;
background-image:url(layout/jutesack.jpg);
color:#4e2000;
font-weight:600;
}

#superdoc {
width:1500px;
height:auto;
margin:0 auto;}

#doc {
width:980px;
height:auto;
float:left;
background-image:url(layout/holz_hintergrund02.jpg);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}


header {
padding:15px;
width:980px;
height:320px;}


section {
width:920px;
height:auto;
margin:15px;
padding:15px;
background-image:url(layout/textfeld.jpg);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}



/* ::: Hauptnavigation :: */

menu nav {
margin:0 auto;
font-size:13px;
padding-left:15px;
}

menu nav li {list-style-type:none;}

nav a { 
display:block;
margin-bottom:5px;
text-align:center; 
padding-left:5px;
padding-top:5px;
padding-bottom:5px;
padding-right:5px;
text-decoration:none;
float:left;
box-shadow: 0px 0px 5px 0px #2e5202;
-moz-box-shadow: 0px 0px 5px 0px #2e5202;
-webkit-box-shadow: 0px 0px 5px 0px #2e5202;
}

menu nav a:link { 
color:#00490c;
background-color:#cae676;
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
margin-left:0px;
margin-right:5px;
width:110px;
font-size:12px;
}

menu nav a:visited { color:#00f; background-color:transparent; font-size:12px; }
menu nav a:hover   { color:#cae676; background-color:#00490c; font-size:12px; }
menu nav a:active  { color:#ff0; background-color:#a03; font-size:12px;}

a {text-decoration:none;}
li {list-style-type:none;}



/*  ::::::  Angebotstafel ::::: */
#tafel {
width:480px;
height:auto;
background-color:#111111;
float:left;
margin-left:15px;
background-image:url(layout/holz_hintergrund02.jpg);
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}

#tafelcontent {
width:430px;
height:auto;
margin:10px;
padding:15px;
background-color:#000000;
color:#ffffff;
font-family: comic sans ms;
font-size:16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}


#tafelcontentweihnachten {
width:430px;
height:auto;
margin:10px;
padding:15px;
background-color:#000000;
background-image: url(layout/schneemann150.png);
background-repeat: no-repeat;
background-position: top right;
color:#ffffff;
font-family: comic sans ms;
font-size:16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}

#tafelcontentfastnacht {
width:430px;
height:auto;
margin:10px;
padding:15px;
background-color:#000000;
background-image: url(layout/clown150.png);
background-repeat: no-repeat;
background-position: top right;
color:#ffffff;
font-family: comic sans ms;
font-size:16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}

#tafelcontent_ostern {
width:430px;
height:auto;
margin:10px;
padding:15px;
background-color:#000000;
background-image: url(layout/osterhase150.png);
background-repeat: no-repeat;
background-position: top right;
color:#ffffff;
font-family: comic sans ms;
font-size:16px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}

.tafelbildunten {
margin:10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;}




footer {
/*background-color:#a8620a;*/
background-color:#008520;
background-image:url(layout/banner_footer_950px.jpg);
width: 930px;
height:130px;
font-size:12px;
margin:15px;
padding:10px;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
box-shadow: 0px 0px 4px 1px #000000;
-moz-box-shadow: 0px 0px 4px 1px #000000;
-webkit-box-shadow: 0px 0px 4px 1px #000000;
}

/* Ueberschriften */

h1 {font-size:36px;}
h2 {font-size:32px;}
h3 {font-size:28px;}
h4 {font-size:24px;}
h5 {font-size:18px;}

bold {font-weight:bold;}

#copy {text-align:center; font-size:11px; color:#ffffff;}

header, footer {
color:#ffffff;
}

/* Positionen */
.clear {clear:both;}
.left {float:left; padding-right:10px;}
.right {float:right;}


/* Bilder */

.roundpicture {
border-radius: 5px;
-moz-border-radius: 5px;
-webkit-border-radius: 5px;
box-shadow: 0px 0px 5px 0px #00000;
-moz-box-shadow: 0px 0px 5px 0px #000000;
-webkit-box-shadow: 0px 0px 5px 0px #000000;
}