@CHARSET "UTF-8";

BODY {
	font-size: 100.01%;
	background-color: #fff;
	font-family: Verdana;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

H1 {
	position: absolute;
	margin: 0 35% 0 35%;
	width: 30%;
	top: 10%;
	font-size: 140%;
	font-weight: 600;
}

SPAN.headline {
	font-size: 80%;
	font-weight: 400;
}

/* INHALTSÜBERSCHRIFT */
H2 {
	position: relative;
		
	font-size: 1.25em;
	font-weight: 500;
	display: inline;
	
	color: #003768;
	text-decoration: underline;
	
	height: 1.75em;
	padding: 0.5em 1em 0.5em 1em;
	
	opacity: 0.7;
	background-color: #fff;
	border: solid 2px #003768;
	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

H3 {
	font-size: 115%;
	font-weight: 500;
}

H4 {
	margin: 1em 0 0.5em 2em;
	font-size: 110%;
	font-weight: 500;
}

/* NAVIGATIONSBAKLEN OBEN */
#nav {
	position: fixed;
	z-index: 1;
	top: 0%;
	width: 100%;
	background-color: #003768;
}

/* INHALT KOMPLETT OHNE NAVIGATION */
#content {
	position: absolute;
	height: 100%;
}

/* EINZELNE INHALTSBOX = BILDSCHIRMSEITE */
DIV.contentbox {
	height: 100%;
	padding: 5em 20% 0 20%;
}

/* INNERE INHALTBOX */
DIV.innercontent {
	min-height: 30%;
	max-height: 70%;
	margin: 1.5em 0 1.5em 0;
	padding: 2em;

	overflow: auto;

	opacity: 0.7;
	background-color: #fff;
	border: solid 2px #003768;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

#start_innercontent {
	min-height: 70%;
	max-height: 70%;
	margin: 1.5em 0 1.5em 0;
	padding: 2em;

	background-color: #fff;

	--background-image: url("../pic/obg-it.de_logo_all_blau.jpg");
	background-size: contain;
	background-repeat: no-repeat;
	background-position: center;
}

/* NACH OBEN SPRUNG */
.topanker {
	position: relative;
	text-align:  right;

	height: 1.75em;
	padding: 0.5em 1em 0.5em 1em;

	opacity: 0.7;
	background-color: #fff;
	border: solid 2px #003768;

	-webkit-border-radius: 2em;
	-moz-border-radius: 2em;
	border-radius: 2em;
}

A.topanker:LINK,A.topanker:ACTIVE,A.topanker:HOVER,A.topanker:FOCUS,A.topanker:VISITED {
	text-decoration: none;
	font-weight: 500;
	font-size: 125%;
	color: #003768;
}

#start {
	background-color: #fff;
}

#impressum {
	background-image: url("../pic/bg_contact.jpg");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: top;
}

/* ALLGEMEINES */
DIV P {
	font-size: 90%;
}

UL {
	list-style-type: none;
}

/* NAVIGATION: LISTE */
LI.nav {
	display: inline;
}

LI.nav P {
	font-size: 90%;
	display: inline;
	padding: 0.15% 1% 0.15% 1%;
	cursor: pointer;
	border-left: solid 2px #06756E;
	color: #06756E;
}

/* ERSTER NAVIGATIONSPUNKT HAT KEINE BORDER */
#navP1 {
	border: none;
}

/* NAVIGATIONSLINKS */
A.nav:HOVER,A.nav:FOCUS {
	border-top: 2px solid #06756E;
	border-bottom: 2px solid #06756E;
	color: #06756E;
}

A.nav:LINK,A.nav:ACTIVE,A.nav:VISITED {
	text-decoration: none;
	color: #06756E;
}

/* ALLGEMEINE LINKS */
A:LINK,A:ACTIVE,A:HOVER,A:FOCUS,A:VISITED {
	cursor: pointer;
	-font-style: italic;
	text-decoration: none;
	color: #06756E;
}

SPAN {
	font-size: 80%;
}

TEXTAREA,INPUT {
	width: 100%;
	background-color: #96c3eb;
	border: 2px solid #003768;
	color: #003768;
	font-size: 90%;
}

INPUT.btn {
	width: 20%;
	min-width: 10em;
	text-align: center;
}

FORM P {
	margin: 1em 2em 0 2em;
}

LABEL {
	font-size: 100%;
	margin: 0 1% 0 0;
}

TEXTAREA:HOVER,INPUT:HOVER,TEXTAREA:FOCUS,INPUT:FOCUS {
	background-color: #fff;
	border: 2px double #06756E;
	color: #003768;
}

LABEL.error {
	color: red;
}