a {
       font-family: 'Roboto', sans-serif;
       color: #000099;
       font-weight: bold;
}

.navbar-brand.imag-responsive {
        width: 100%;
        height: auto;

}

img.imag-responsive {
        width: 100%;
        height: auto;
}


img.imag-responsive-50 {
        width: 50%;
        height: auto;
        float:left; margin-right:20px; margin-bottom:10px;
}

img.imag-responsive-r50 {
        width: 50%;
        height: auto;
        float:right; margin-left:20px; margin-bottom:10px;
}

img.imag-responsive-r33 {
      width: 33.3333333%;
        height: auto;
        float:right; margin-right:20px; margin-bottom:10px;
}

img.imag-responsive-r25 {
      width: 25%;
        height: auto;
        float:right; margin-left:20px; margin-bottom:20px;
}

img.rand-schwarz {
       border: 1px #000000 solid; 
}

img.simple-shadow {
  -moz-box-shadow:    2px 2px 2px 2px #333333;
  -webkit-box-shadow: 2px 2px 2px 2px #333333;
  box-shadow:         2px 2px 2px #333333;
}

img.one-edge-shadow {
	-webkit-box-shadow: 0 8px 6px -6px black;
	   -moz-box-shadow: 0 8px 6px -6px black;
	        box-shadow: 0 8px 6px -6px black;
}

div.downloads { color: #000000; padding: 8px; border: 1px #dddddd solid; }
div.messagebox {padding: 10px;  border: 1px #0060AA solid; background-color: #ffffff;}


div.dynapageNOTE {padding: 20px;  border-left: 3px #EED3D7 solid; background-color: #FDF7F7;}
div.dynapageINFO {padding: 20px;  border-left: 3px #E12028 solid; background-color: #F5F5F5;}
div.dynapageMEMO {padding: 20px;  border-left: 3px #FAEBCC solid; background-color: #FAF8F0;}

div.dynapageBOX {
    padding: 0.45em 1em 0.4em 1em;
    border: 1px #E1E1E8 solid; 
    background-color: #F5F5F5;
   -webkit-border-radius: 0.45em;
   -moz-border-radius: 0.45em;
   border-radius: 0.45em;
}

div.productBox {
	float: left;
	width: 30%;
	margin-right: 3.3333333333333%;
	ppadding: 0 1% 0 0;
        padding: 0 0 0 0;
	text-align: left;
	position:relative;
        margin-bottom: 1.5%;
}

div.Hoch150 {
        min-height: 150px;
}
div.Hoch250 {
        min-height: 250px;
}
div.Hoch300 {
        min-height: 300px;
}
div.Hoch333 {
        min-height: 333px;
}
div.Hoch400 {
        min-height: 400px;
}
div.Hoch450 {
        min-height: 450px;
}
div.Hoch500 {
        min-height: 500px;
}
div.Hoch600 {
        min-height: 600px;
}
div.Hoch900 {
        min-height: 900px;
}

div.FiftyFiftyBox {
	float: left;
	width: 45%;
	margin-right: 2.5%;
	padding: 0 1% 0 0;
	text-align: left;
	position:relative;
        margin-bottom: 1.5%;
       vertical-align: top;
}

div.QuartaBox {
	float: left;
	width: 25%;
	margin-right: 0%;
	padding: 0 1% 0 0;
	text-align: left;
	position:relative;
        margin-bottom: 0.75%;
       vertical-align: top;

}

div.SponsorBox {
	float: left;
	width: 25%;
	margin-right: 0%;
	padding: 0 1% 0 0;
	text-align: center;
	position:relative;
        margin-bottom: 0.75%;
       vertical-align: top;

}

div.boxzentriert {
       text-align: center;
}

div.FullPageBox {
	float: left;
	width: 100%;
	margin-right: 0%;
	padding: 0 1% 0 0;
	text-align: left;
	position:relative;
        margin-bottom: 0.75%;
       vertical-align: top;

}


div.mybox {
	background-color: #78BCED;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myinfobox {
	background-color: #D8D8D8;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxGELB {
	background-color: #FFFFCC;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxHELLROT {
	background-color: #FE7D3F;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxGRUEN {
	background-color: #B8D69A;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxHELLBLAU {
	background-color: #CCEBFF;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxBEIGE {
	background-color: #FFE8A1;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}

div.myboxHELLGRAU {
	background-color: #F5F5F5;
	border-bottom: 1px solid #dfd5c6;
	padding: 0.75em 1em 0.4em 1em;
	margin-bottom: 1em;
	color: #000000;
	text-decoration: none;
	-webkit-border-radius: 0.75em;
	-moz-border-radius: 0.75em;
        border-radius: 0.75em;
}
div.haarlinie {
       margin-top: 1em;
       border-top: 1px solid #dddddd;
       height: 5px;
}

.textboldred { font-family: 'Roboto', sans-serif; font-weight: bold; color: #EE1111 }
.textboldblue {font-family: 'Roboto', sans-serif; font-weight: bold; color: #1886FB }
.textboldpink { font-family: 'Roboto', sans-serif; font-weight: bold; color: #FB18F8 }
.textboldgreen {font-family: 'Roboto', sans-serif; font-weight: bold; color: #027740 }
.textboldorange {font-family: 'Roboto', sans-serif; font-weight: bold; color: #FB8D18 }
.textboldBlack {font-family: 'Roboto', sans-serif; font-weight: bold; color: #000000 }