/*Grundlayout Bereichssstruktur-Projekt layoutquelle.css
Abst�nde auf 0 setzen*/
*{ 
    margin: 0;  
    padding: 0;  
    box-sizing: border-box;  
}
/*linker Abstand Listenpunkt*/
li{ 
    margin-left: 10px;  
}
#wrapper1 { 
    width: 70%;  
    min-width: 300px;  
    max-width: 800px;  
    margin-left: 10%;  
}
#wrapper2 { 
    margin-top: 20px;  
    width: 80%;  
    min-width: 200px;  
    max-width: 800px;  
    margin-left: 10%;  
}
#wrapper2 { 
    background-color: rgba(255, 255, 255, 0.8);  
    border: thin;  
    border-radius: 20px;  
    padding-top: 20px;  
    padding-bottom: 20px;  
    box-shadow: inset 0 0 5px #888;  
    margin-bottom: 30px;  
    position: relative;  
}
#inhalt, #navibereich, #rand { 
    margin: auto;  
}
#inhalt, #rand { 
    width: 90%;  
    clear: both;  
}
#navibereich { 
    padding-top: 10px;  
    min-height: 60px;  
    margin: auto;  
}
body { 
    background-image: url(../bilder/dd_P1070022_matzwitz2014_03.jpg);  
    background-color: #59594f;  
    background-position: left top;  
    background-repeat: no-repeat;  
    background-size: 100%	auto;  
    background-size: cover;  
    background-attachment: fixed;  
}

/*Baustein: resp_arial.css Abschnitt ohne Media-Queries
Einfache responsive Schrift-Formatierungen 03/2015*/
body{ 
    color: #101010;  
    font-family: Arial, sans-serif;  
    font-size: 16px;  
    line-height: 1.4;  
    margin-top: 0.5em;  
    margin-bottom: 0.5em;  
}
p, pre, blockquote, ul, ol, dl, figure, table, fieldset { 
    font-size: 1em;  
    margin: 0.3em 0;  
}
h1 { 
    color: #555;  
    font-size: 2em;  
    font-weight: 300;  
    line-height: 1.25;  
    margin: 1.5em 0 0.5em;  
}
h2 { 
    color: #66001b;  
    font-size: 1.5em;  
    letter-spacing: 0.05em;  
    font-weight: 700;  
    line-height: 1.25;  
    margin: 1em 0 0;  
    text-transform: uppercase;  
}
h3 { 
    color: #555;  
    font-weight: 300;  
    font-size: 1.5em;  
    line-height: 1.25;  
    margin: 1em 0 0;  
}
h4 { 
    font-size: 1em;  
    letter-spacing: 0.125em;  
    line-height: 1.25;  
    margin: 2em 0 0.5em;  
    text-transform: uppercase;  
}

/* Baustein: resp_arial.css Media-Query-Abschnitt*/
@media all and (max-width: 760px) {	body {		  font-size: 14px;	}}@media all and (max-width: 480px) {	body {		  font-size: 12px;	}}
/*Baustein: resp_fluid_width_6.css Abschnitt ohne Media-Queries
Fluid With Navigation mit Trennlinien  */
#navibereich ul{ 
    overflow: hidden;  
    margin: 0;  
    padding: 0;  
}
#navibereich ul li { 
    margin: 0;  
    list-style: none;  
    float: left;  
    text-align: center;  
    border-left: 1px solid #fff;  
    border-right: 1px solid #ccc;  
    width: 12.5%;  
    width: 16.667%;  
    box-sizing: border-box;  
}
#navibereich ul li:first-child { 
    border-left: none;  
}
#navibereich ul li:nth-child(6) { 
    border-right: none;  
}
#navibereich ul li a ,#navibereich ul li strong { 
    display: block;  
    text-decoration: none;  
    color: white;  
    font-size: 20px;  
    font-weight: normal;  
    padding: 5px 0;  
}
#navibereich ul li a:hover ,#navibereich ul li strong { 
    font-weight: bold;  
}

/* Baustein: resp_fluid_width_6.css Media-Query-Abschnitt*/
@media all and (max-width: 700px) {	#navibereich ul li {		width: 50%;	}	#navibereich ul li:nth-child(2n) {		border-right: none;	}	#navibereich ul li:nth-child( 2n+1) {		border-left: none;	}}}@media all and (max-width:380px) {	#navibereich ul li {		width: 100%;		border: none;	}}
/*Baustein: resp_floatbox.css Abschnitt ohne Media-Queries
*/
.floatbox { 
    overflow: hidden;  
    padding: 20px;  
    margin-top: 20px;  
    margin-bottom: 20px;  
}
.floatbox img { 
    float: right;  
    width: 70%;  
    max-width: 400px;  
    padding: 10px;  
}
.floatbox p, .floatbox h3 { 
    margin-left: 0;  
}

/* Baustein: resp_floatbox.css Media-Query-Abschnitt*/
@media all and (max-width: 760px) {	.floatbox img {		float: none;		width: 100%;		max-width: 350px;	}}@media all and (max-width: 480px) {	.floatbox img {		float: none;		width: 100%;	}}
/*individueller CSS-Baustein individuell.css
  individuelle Formatierungen */
#kopf h1{ 
    color: white;  
}
#inhalt a { 
    color: #66001b;  
    background-color: #ccc;  
}
#inhalt { 
    min-height: 180px;  
}
.gallery-item img{ 
    width: 85px;  
}
#Tipps ul li, #Kontakt ul li { 
    list-style: none;  
}
/* Kopf-Bereich f�r Seite Land braucht hintergrund, da Bild zu hell f�r wei�e Schrift*/
#Land #kopf h1,#Land #navibereich ul li a,#Land #navibereich ul li strong{ 
    background-color: rgba(152, 108,61, 0.8);  
    background-color: #4B7494;  
    background-color: rgba(48, 74, 94, 0.7);  
    padding-left: 5px;  
    padding-right: 5px;  
    border: thin none;  
    border-radius: 8px;  
    display: inline-block;  
}
#Strand { 
    background-image: url(../bilder/dd_P1070058_matzwitz2014_14.jpg);  
}
#Wohnung { 
    background-image: url(../bilder/dd_P1070081_matzwitz2014_08.jpg);  
}
#Land  { 
    background-image: url(../bilder/dd_P1060975_matzwitz2014_01.jpg);  
}
#Tipps  { 
    background-image: url(../bilder/dd_P1070061_matzwitz2014_20.jpg);  
}
#Kontakt { 
    background-image: url(../bilder/dd_P1070025_matzwitz2014_04.jpg);  
}
/*iframe f�r Anzeige Openstreetpap-karte*/
iframe{ 
    width: 100%;  
}
/*floatbox ohne padding */
.floatbox{ 
    padding: 0;  
}
.floatbox img { 
    margin-top: 10px;  
    padding: 15px;  
}