/* This code is only meant for previewing your Reflow design. */
.primaryContainer {
    height: auto;
    margin-left: auto;
    margin-right: auto;
    min-height: 100%;
    width: 100%;
}

#box6 {
    float: left;
    height: auto;
    margin-left: 2%;
    margin-top: 4%;
    clear: left;
    width: 27%;
    min-height: 60px;
}

#image1 {
    float: left;
    width: auto;
    max-width: 33%;
    height: auto;
    margin: 0px 0px 0px 0.34193717%;
    clear: none;
    color: rgb(0, 0, 0);
}

#image {
    float: left;
    width: auto;
    max-width: 33%;
    height: auto;
    margin-left: 0.00175233%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#image2 {
    float: left;
    width: auto;
    max-width: 100%;
    height: auto;
    margin-left: 0%;
    margin-top: 0px;
    clear: none;
    color: rgb(0, 0, 0);
}

#box7 {
    float: left;
    height: auto;
    margin-left: 2.466331%;
    margin-top: 3.4%;
    clear: none;
    width: 66.448437%;
    min-height: 600px;
    max-width: 700px;
}

#box3 {
    float: left;
    height: 190px;
    margin-left: 10.639062%;
    margin-top: 17.53125px;
    clear: left;
    width: 735px;
    margin-right: 0%;
}

#box1 {
    float: right;
    height: auto;
    margin-left: 0px;
    margin-top: 0.840625%;
    clear: none;
    width: auto;
    margin-right: 2.432812%;
    min-height: 10px;
}

#box {
    float: left;
    height: auto;
    margin-left: 6.133261%;
    margin-top: 12px;
    clear: none;
    width: 80%;
    max-width: 1000px;
}

#box4 {
    float: left;
    height: auto;
    margin-left: 5.846574%;
    margin-top: 40.734375px;
    clear: left;
    width: 22.85625%;
    margin-right: 0%;
    min-height: 20px;
}

#box5 {
    float: left;
    height: auto;
    margin-left: 2.323865%;
    margin-top: 40.734375px;
    clear: none;
    width: 60.1875%;
    min-height: 20px;
}

#box2 {
    float: left;
    height: auto;
    margin-left: 3.154688%;
    margin-top: 11.796875px;
    clear: both;
    width: 96.835938%;
}

@media only screen and (max-width: 1084px) {
    #box3 {
        display: block;
        margin-top: 24px;
        margin-left: 2.378016%;
        clear: left;
        margin-right: 0%;
        width: 735px;
        height: 190px;
    }

    #image {
        margin-top: 0px;
        margin-left: 0.0022311%;
        clear: none;
        margin-right: 0%;
    }

    #box1 {
        width: auto;
        height: auto;
        margin-right: 4.016688%;
        margin-top: 0.8279163%;
        clear: none;
        margin-left: 0px;
        min-height: 10px;
    }

    #image1 {
        margin-top: 0px;
        margin-left: 2.811739%;
        clear: none;
        margin-right: 0px;
    }

    #image2 {
        margin-top: 0px;
        margin-left: 3.346766%;
        clear: none;
        margin-right: 0%;
    }

    #box4 {
        margin-top: 24px;
        margin-left: 2.613009%;
        clear: left;
        width: 22.85084%;
        height: auto;
        margin-right: 0%;
    }

    #box5 {
        width: 67.452969%;
        height: auto;
        margin-top: 24px;
        margin-left: 3.069046%;
        clear: none;
        margin-right: 0%;
    }

    #box6 {
        margin-top: 7%;
        margin-left: 1%;
        clear: left;
        width: 25%;
       
    }

    #box7 {
        width: 67.333113%;
        margin-top: 22px;
        margin-left: 3.321866%;
        clear: none;
        height: auto;
    }

    #box {
        width: 92.73357%;
        margin-top: 12px;
        margin-left: 2.453412%;
        clear: none;
        height: auto;
    }

    #box2 {
        float: left;
        height: 168px;
        margin-left: 0.07438311%;
        margin-top: 18.15625px;
        clear: both;
        width: 95.016415%;
    }
}

@media only screen and (max-width: 793px) {
    #box6 {
        margin-top: 5%;
        margin-left: 1%;
        clear: left;
        width: 31%;
    }

    #image1 {
        float: left;
        width: auto;
        max-width: 24.399821%;
        height: auto;
        clear: none;
        color: rgb(0, 0, 0);
        margin-top: 6.953125px;
        margin-left: 5.285768%;
    }

    #image {
        margin-top: 5.984375px;
        margin-left: 8.527647%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 24.40389%;
    }

    #image2 {
        margin-top: 6.484375px;
        margin-left: 4.495228%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 24.397786%;
    }

    #box7 {
        width: 59.635081%;
        height: 57.486751%;
        margin-top: 2.024194%;
        margin-left: 5.322581%;
        clear: none;
    }

    #box3 {
        margin-top: 19.015625px;
        margin-left: 2.078629%;
        clear: left;
        width: 735px;
        height: 190px;
    }

    #box1 {
        margin-top: 1.383065%;
        margin-left: 0px;
        clear: none;
        height: auto;
        width: auto;
        min-width: 10px;
        min-height: 10px;
        margin-right: 3.024194%;
    }

    #box {
        margin: 0px 0px 0px 0%;
        clear: none;
        height: auto;
        width: 100%;
    }

    #box5 {
        margin-top: 2.268145%;
        margin-left: 5.334677%;
        clear: none;
        width: 59.806452%;
        height: auto;
        min-height: 20px;
    }

    #box4 {
        width: 29.643145%;
        height: auto;
        margin-top: 2.266129%;
        margin-left: 2.080645%;
        clear: left;
        min-height: 20px;
    }

    #box2 {
        margin-top: 12.28125px;
        margin-left: 2.606855%;
        clear: both;
        height: auto;
        width: 92.47379%;
    }
}

@media only screen and (max-width: 756px) {
    #box3 {
        visibility: visible;
        display: none;
        margin-top: -38.03125px;
        margin-left: -95.082364%;
        clear: none;
    }

    #box1 {
        width: auto;
        height: auto;
        margin-top: 1.556444%;
        margin-left: 0px;
        clear: none;
        margin-right: 4.884327%;
    }

    #box5 {
        width: 61.044974%;
        height: auto;
        margin-top: 1.762355%;
        margin-left: 2.779797%;
        clear: none;
    }

    #box6 {
        margin-top: 7%;
        margin-left: 0%;
        clear: left;
        width: 33%;
        margin-right: 0%;
        height: auto;
    }

    #box7 {
        width: 60.999504%;
        height: auto;
        margin-top: 3.387662%;
        margin-left: 3.026221%;
        clear: none;
    }

    #box4 {
        width: 28.6479%;
        height: auto;
        margin-top: 1.762355%;
        margin-left: 2.613251%;
        clear: left;
        margin-right: 0%;
    }

    #image {
        margin-top: 9.984375px;
        margin-left: 5.567529%;
        clear: both;
    }

    #image1 {
        margin-top: 10.953125px;
        margin-left: 5.285304%;
        clear: none;
    }

    #image2 {
        margin-top: 10.484375px;
        margin-left: 4.49764%;
        clear: none;
    }

    #box2 {
        margin-top: 9.984375px;
        margin-left: 2.614501%;
        clear: both;
        width: 92.470651%;
        height: auto;
    }
}

@media only screen and (max-width: 453px) {
    #image {
        margin-top: 0px;
        margin-left: -0.21652622%;
        clear: both;
        height: auto;
        width: auto;
        max-width: 31.728516%;
        padding-top: 0%;
    }

    #image1 {
        clear: none;
        height: auto;
        width: auto;
        max-width: 31.723633%;
        margin-left: 0%;
        margin-top: 0px;
        padding-top: 0%;
    }

    #image2 {
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
        height: auto;
        width: auto;
        max-width: 31.71875%;
        padding-top: 0%;
    }

    #box6 {
        margin-top: 8%;
        margin-left: 0%;
        clear: left;
        width: 100%;
    }

    #box7 {
        width: 93.642578%;
        height: auto;
        margin-top: 5.483398%;
        margin-left: 0.99609375%;
        clear: left;
        min-height: 400px;
    }

    #box3 {
        display: none;
        margin-top: -29.9375px;
        margin-left: -95.073242%;
        clear: none;
    }

    #box1 {
        margin-top: 2.792969%;
        margin-left: 0px;
        clear: none;
        height: auto;
        width: auto;
        margin-right: 4.804688%;
    }

    #box {
        height: auto;
        width: 100%;
        margin-top: 0px;
        margin-left: 0%;
        clear: none;
    }

    #box4 {
        width: 31.647995%;
        height: 51px;
        margin-top: -29.9375px;
        margin-right: 0%;
        margin-left: -95.073242%;
        clear: none;
        display: none;
    }

    #box5 {
        height: 51px;
        width: 93.62793%;
        margin-top: 3.139648%;
        margin-left: 0.99609375%;
        clear: left;
        margin-right: 0%;
    }

    #box2 {
        margin-top: 6.53125px;
        margin-left: 2.602539%;
        clear: both;
        width: 92.470703%;
        height: auto;
    }
	
	p {
	font-size: 100%;
	font-family: 'Gudea', sans-serif;
  	font-weight: normal;
  	font-style: normal;
  	line-height: normal;
	color: #5f3600;
	}

	p.zitat {
	font-size: 80%;
	font-weight:bold;	
	color: #487f00;
	font-style:normal;
	}
	
	#editor { 
	white-space:pre; 
	padding-top: 0px; min-height: 40px; height:auto;
	}
}

