a, abbr, address, article, aside, audio, b, blockquote, body, canvas, 
caption, cite, code, dd, del, details, dfn, div, dl, dt, em, embed, fieldset,
figcaption, figure, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup,
html, i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav, 
object, ol, p, pre, q, samp, section, small, span, strong, sub, summary, 
sup, table, tbody, td, tfoot, th, thead, time, tr, ul, var, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font-weight: inherit;
  font-style: inherit;
  vertical-align: baseline;
}

article, aside, canvas, details, figcaption, figure, footer, header, 
hgroup, menu, nav, section, summary {
  display: block;
}

a, ins, del {
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

table {
  border-spacing: 0;
  border-collapse: collapse;
}

caption, th {
  text-align: left;
}

q:after, q:before {
  content: "";
}


html {
    min-height:100%;
}

body {
    min-height:100%;
    text-align:center;
    font-family: 'Merriweather Sans',arial,sans serif;
    font-size:16px;
    margin:auto;
    color:#444444;
	font-weight:300;


    background-color: #efefef;
    /* IE9, iOS 3.2+ */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZGZkZmRmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==);
    /* Android 2.3- hack (needed for the actual radial gradient) */
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiIHZpZXdCb3g9IjAgMCAxIDEiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxyYWRpYWxHcmFkaWVudCBpZD0idnNnZyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIGN4PSI1MCUiIGN5PSI1MCUiIHI9IjcwLjcxMDY3ODExODY1NDc2JSI+PHN0b3Agc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIiBvZmZzZXQ9IjAiLz48c3RvcCBzdG9wLWNvbG9yPSIjZGZkZmRmIiBzdG9wLW9wYWNpdHk9IjEiIG9mZnNldD0iMSIvPjwvcmFkaWFsR3JhZGllbnQ+PHJlY3QgeD0iLTUwIiB5PSItNTAiIHdpZHRoPSIxMDEiIGhlaWdodD0iMTAxIiBmaWxsPSJ1cmwoI3ZzZ2cpIiAvPjwvc3ZnPg==),
        -webkit-gradient(radial, center center, 0, center center, 455,color-stop(0, rgb(255, 255, 255)),color-stop(1, rgb(223, 223, 223)));
    /* Android 2.3 */
    background-image: -webkit-radial-gradient(center center, ellipse farthest-corner,rgb(255, 255, 255) 0%,rgb(223, 223, 223) 100%);
    /* IE10+ */
    background-image: radial-gradient(ellipse farthest-corner at center center,rgb(255, 255, 255) 0%,rgb(223, 223, 223) 100%);
    background-image: -ms-radial-gradient(center center, ellipse farthest-corner,rgb(255, 255, 255) 0%,rgb(223, 223, 223) 100%);
}
 
/* IE8- CSS hack */
@media \0screen\,screen\9 {
    .gradient {
        filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffffff",endColorstr="#ffdfdfdf",GradientType=0);
    }



}


p#head {
    letter-spacing:8px;
	color:#7A7A7A;
	font-size:21px;
	font-weight:600;
	display:inline-block;
	padding:12px 20px; 
	margin-bottom:25px;
	background:#FFFFFF;
	line-height:1.4em;
	border-left:4px solid #ED5C19;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 99px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 99px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 99px;
}

#wrapper {
    text-align:center;
    margin:auto;
	padding:40px 20px;
	width:750px;
}
#content {
    text-align:justify;
	line-height:2em;
}

.box  {
	width:43%;
	min-height:80px;
	padding:3%;
	float:left;
	margin:1% 0;
	font-size:0.85em;
	font-weight:200;
	line-height:1.65em;
	text-align:center;
}

.box2, .activeBox {
	background:#FFFFFF;
	color:#444444;
	padding:25px 5%;
	float:left;
	width:90%;
	margin:8px auto;
	font-size:0.90em;
	font-weight:300;
	line-height:2.2em;
	display:none;
}

.activeBox p, #kontakt p {
	padding-left:0;
	padding-right:0;
}


#footer {
	font-size:11px;
	text-align:center;
	color:#999999;
	line-height:1.8em;
	padding:20px 0;
	font-weight:400;
	font-family:inherit;
	clear:both;
}

button, input[type="submit"] {
	padding:8px 25px;
	font-weight:400;
	font-family: 'Merriweather Sans',arial,sans serif;
	letter-spacing:0;
	font-size:inherit;
	margin:22px 0;
}

/*
BOX AND BUTTON STYLES
*/

button, input[type="submit"], .box {
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	-ms-transition: all 0.25s ease-in-out;
	-o-transition: all 0.25s ease-in-out;
	background:#707070;
	border:none;
	border-bottom:4px solid #404040;
	color:#F2F2F2;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
button:hover, input[type="submit"]:hover, .box:hover {
	cursor:pointer;
	background: #ED5C19;
	border-bottom: 4px solid transparent;
	color:#FFFFFF;
}


input[type="text"], input[type="email"], input[type="url"], input[type="tel"], textarea {
	font-family: inherit;
	width:75%;
	font-size: 11px;
	line-height: 1.3em;
	padding: 10px 6px;
	margin: 6px 0;
	color: #333333;
	border:1px solid #CCCCCC;

  -webkit-transition: all 0.35s ease-in-out;
  -moz-transition: all 0.35s ease-in-out;
  -ms-transition: all 0.35s ease-in-out;
  -o-transition: all 0.35s ease-in-out;
}

input[type="text"]:focus, input[type="tel"]:focus, input[type="url"]:focus, input[type="email"]:focus,  textarea:focus {
	border:1px solid #444444;
}

input[type="submit"] {
	width: auto;
}

*:focus {
    outline: 0;
}


.error {
	font-family: inherit;
	color:#ED5C19;
	font-size: 11px;
	line-height: 1em;
	padding: 5px 0;
	display:none;
	font-weight:700;
}

form {
	margin: 20px 0;
}
	
h2 {
    font-size:25px;
    margin:15px 0;
}

p {
    margin:15px 0;
}

strong {
	font-weight:400;
}

a {
    color: #ED5C19;
    text-decoration:none;
    padding:1px;
}
a:hover {
        border-bottom: 1px dotted #ED5C19;
}

#top a:hover {
        border: none;
}

ul {
	margin: 10px 0 10px 10px;
	padding-left: 20px;
	list-style: circle;
}
ol {
	margin: 10px 0 10px 10px;
	padding-left: 20px;
	list-style-type: decimal;
}

li {
	padding-left: 10px;
}

div#contact1 {
	display:none;
}


#ex1 img, #ex2 img {
	margin:auto;
}

.activeBox img {
	max-width:100%
}