@charset "utf-8";
body {
	border: 0px solid white;
	margin: 0px;
	background-color: #FFFFFF;
	padding: 0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	line-height: 110%;
}

#mobilenavi { display: none;}

.imagerow {
	border:0px solid red;
	float:none;
}

#container_content {
	border:0px solid blue;
	width:99%;
	margin:0px;
}

#contentright {
	border:0px solid black;
	margin-left: 350px;
	height: 1050px;
	font-size:0.85em;
}

#contentleft {
	border:0px solid orange;
	float:left;
	position:relative;
	margin-left: 22px;
	width: 300px;
	height: 300px;
}


.overlaytitle{
  position: relative;
  z-index: 10;
  color: red;
  font-weight: bold;
  padding-left:1em;
  top:2em;
  width:120px;
  height:0px;
  vertical-align:middle;
  font-size: 1.3em;
  background-color: rgba(0, 0, 255, 0.3); /*dim the background*/
  visibility:hidden;
}

.overlay{
  position: absolute;
  width: 25em;
  top: 15em;
  left: 35em;
  z-index: 10;
  color: white;
  background-color: rgba(0,0,0,0); /*dim the background*/
}

h2 {
	font-size:1em;
	font-weight:bold;
	line-height:110%;
	margin:0;
}

textarea {font-size:1em;}

fieldset {
	font-size:0.85em;
	border: 0px solid black;
	padding:0px;
}
label {
	width: 7em;
	float:left;
	border:0px solid black;
}
/* hide from IE mac \*/

label {
	float:left;
}
fieldset div {
	margin-left:7.1em;
}

#logo {
	position:static;
	height: 34px;
	width: 377px;
	margin-left: 100px;
	margin-bottom: 12px;
        background-color: black;
        text-align: right;

}
#logo img {
	border: 0px;
        align: right;
}
#header {
	margin-left: 22px;
	margin-bottom: 55px;
	height: 50px;
	width: 1500px;
}


#contentright a:link, a:visited, a:active, a:hover {
	text-decoration : none;
}
#footer {
	background-color: #999999;
}
#contentright img {
	vertical-align:top;
	border:0px solid white;
	margin-right:3em;
	margin-bottom:0em;
}
/* CSS Document */


.imagebyline {
	margin-top:0.2em;
	border:0px solid silver;
}
.showimage {
	border:0px solid blue;
	float:left;
        margin-bottom: 1em;
}

.showimage_Resize  {
	border:0px solid blue;
	float:left;
        margin-bottom: 1em;

}

.showimage_Resize img {
	border:1px solid blue;
        height:220px;
        width: auto;
        margin:0em;
	float:left;
}

.navibox {
	border:0px solid black;
	float:left;
	padding-right: 50px;
	height: 50px;
	background-color: white;
	margin-right:13px;
	font-size: 1.5em;
	font-weight: bold;
	color: silver;
	padding-top: 2em;
	text-align: center;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
.navibox1 {
	position:static;
	top:50px;
	left:22px;
	background-color: white;
	margin-right:25px;
	text-align: left;
}
.navibox A:link {
	color: silver;
	text-decoration : none;
}
.navibox A:visited {
	color: silver;
	text-decoration : none;
}
.navibox A:active {
	color: silver;
	text-decoration : none;
}
.person {
	max-width:500px;
	min-width:250px;
        width:98%
}
.leftcontentinfo h2 {
	font-size:1em;
	font-weight:bold;
	line-height:110%;
	margin:0;
}
.werkliste h2 {
	font-size:1em;
	font-weight:bold;
	line-height:110%;
	margin:0;
}
.katform {
	padding-top:5px;
	padding-left:5px;
	float:left;
	width:250px;
	height: 89px;
	background-color: silver;
	margin-right:20px;
}
.formsmall {
	font-size:smaller;
	color:grey;
}
.formsmall table {
	width:100%;
}
.formsmall input {
	font-size:1em;
}
.leftcontentinfo {
	margin-left:0em;
	font-size:0.85em;
}
.leftcontentitem {
	margin-bottom:1em;
}
.werkliste {
	margin-bottom:1em;
}
A:link {
	color: #000;
	text-decoration : none;
	font-weight: bold;
}
A:visited {
	color: #000;
	text-decoration : none;
	font-weight: bold;
}
A:active {
	color: #000;
	font-weight: bold;
	text-decoration : none;
}

/* media--------------------------\*/

@media (max-width: 750px) {
  html { background: white; }

#logo {
	width: 102%;
	margin-bottom: 5px;
	margin-left: 0px;
}
#logo img {
	border: 0px;
        max-width: 100%;
}

#mobilenavi { display: inline;
              float:left;
              margin-left: 1em;
}

.navibox {
	display:none;
}
.naviboxmobile {
	border:0px solid black;
	float:none;
	padding-right: 0px;
	height: 1.4em;
	margin-right:0px;
	font-size: 1.4em;
	font-weight: bold;
	color: silver;
	padding-top: 2em;
	padding-left: 1em;
	text-align: left;
	font-family: Verdana, Helvetica, Arial, sans-serif;
}
#header {
        max-width:400px;
	margin-left: 0px;
	margin-bottom: 10px;
	height: 10px;
}

#contentleft {
	border:0px solid orange;
	float:none;
	margin-left: 15px;
	margin-bottom: 15px;
        height: 100%;
	font-size:1.3em;
}
#contentright {
	border:0px solid black;
	margin-left: 15px;
	height: 1050px;
	font-size:1.2em;
}


.imagerow img{
	border:1px solid red;
	float:none;
    min-width: 350px;
    max-width: 100%;
    height: auto;

}

.person {
	margin-left: 15px;
}

label {
	width: 0em;
	float:none;
	border:0px solid black;
        display: none;
}
fieldset div {
	margin-left:0em;
}
}
/*----------------------media \*/