/* stylesheet Arber Gern! website */
/* stand 25.01.2017*/

body {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #EBE812;
}

div, table, td {
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, Sans-Serif;
	text-align: left;
}


a:link { color:#004D52; text-decoration: underline; }
a:active { color:#004D52; text-decoration: underline; }
a:hover { color:#004D52; text-decoration: underline; }
a:visited { color:#004D52; text-decoration: underline; }

a.nav:link { color:#000000; text-decoration: none; }
a.nav:active { color:#000000; text-decoration: none; }
a.nav:hover { color:#000000; text-decoration: none; }
a.nav:visited { color:#000000; text-decoration: none; }

a.nav2:link { color:#000000; text-decoration: none; }
a.nav2:active { color:#000000; text-decoration: none; }
a.nav2:hover { color:#000000; text-decoration: none; }
a.nav2:visited { color:#000000; text-decoration: none; }

a.nav-a:link { color:#000000; text-decoration: none; }
a.nav-a:active { color:#000000; text-decoration: none; }
a.nav-a:hover { color:#000000; text-decoration: none; }
a.nav-a:visited { color:#000000; text-decoration: none; }


.copy-xs { font-size:9px; line-height:14px; }
.copy-s { font-size:10px; line-height:15px; color: #474747;}

.copy-ls { font-size:12px; line-height:16px; color: #474747;}

.copy-m {
	font-size:13px;
	line-height:17px;
	color: #474747;
}

.copy-l {
	font-size:14px;
	line-height:20px;
	color: #474747;
}

.copy-xl {
	font-size:16px;
	line-height:22px;
	color: #474747;
}
	
.subhead {
	font-size:14px;
	line-height:16px;
	color:#474747;
	font-weight: bold;
}

.head {
	font-size:18px;
	line-height:22px;
	color:#474747;
	font-weight: bold;
}

.head-linie {
	font-size: 18px;
	line-height: 22px;
	color: #474747;
	font-weight: bold;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #EBE812;
	border-bottom-color: #EBE812;
	margin-bottom: 0px;
	padding-bottom: 0px;
}

.copy-zitat {
	font-size: 16px;
	line-height: 20px;
	color: #474747;
	font-style: italic;
	text-align: right;
	font-weight: bold;
}

.copy-zitat-quelle {
	font-size: 10px;
	line-height: 20px;
	color: #474747;
	font-style: italic;
	text-align: right;
}

.nav {
	font-size:12px;
	line-height:22px;
	color:#474747;
	padding-left: 16px;
}

.nav2 {
	font-size:12px;
	line-height:22px;
	color:#474747;
	padding-left: 32px;
}

.nav-a {
	font-size:12px;
	line-height:22px;
	color:#000000;
	padding-left: 16px;
	font-weight: bold;
	background-image: url(images/subnav-hg.png);
}

.nav2-a {
	font-size:12px;
	line-height:22px;
	color:#000000;
	padding-left: 32px;
	font-weight: bold;
}

#container  {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 955px;
	z-index: 0;
	height: 750px;
}	
#header {
	position: absolute;
	visibility: visible;
	height: 155px;
	width: 955px;
	z-index: 1;
	background-image: url(images/header.png);
	background-repeat: no-repeat;
}

#navigation {
	position: absolute;
	height: 595px;
	width: 200px;
	top: 155px;
	left: 28px;
	z-index: 4;
}

#navigation-long {
	position: absolute;
	height: 895px;
	width: 200px;
	top: 155px;
	left: 28px;
	z-index: 4;
}

#content-home {
	position: absolute;
	height: 595px;
	width: 600px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-left: 300px;
	font-weight: normal;
}

#content-profile-CS {
	position: absolute;
	height: 895px;
	width: 325px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-left: 250px;
	padding-right: 325px;
	background-image: url(images/portrait-profile-cordula-stein.jpg);
	font-weight: normal;
}

#content-profile-EA {
	position: absolute;
	height: 895px;
	width: 350px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-left: 500px;
	padding-right: 50px;
	background-image: url();
	font-weight: normal;
}

#content-kontakt {
	position: absolute;
	height: 595px;
	width: 575px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	padding-left: 325px;
	background-image: url();
	font-weight: normal;
}

#content {
	position: absolute;
	height: 595px;
	width: 600px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	padding-left: 250px;
	padding-right: 50px;
}

#content-long {
	position: absolute;
	height: 895px;
	width: 600px;
	top: 155px;
	left: 28px;
	z-index: 3;
	background-color: #FFFFFF;
	padding-left: 250px;
	padding-right: 50px;
}

#subcontent-left {
	width: 400px;
	float: left;
}

#subcontent-right {
	width: 179px;
	float: left;
	padding-left: 20px;
	padding-top: 25px;
}

#grafik-overlay {
	position: absolute;
	width: 649px;
	height: 470px;
	background-color: #FFFFFF;
	top: 17px;
	z-index: 1;
	left: 249px;
	visibility: hidden;
}

#bottom-right {
	position: absolute;
	background-image: url(images/corner-right-bottom.png);
	width: 16px;
	height: 16px;
	top: 579px;
	left: 884px;
	z-index: 2;
}

#bottom-right-long {
	position: absolute;
	background-image: url(images/corner-right-bottom.png);
	width: 16px;
	height: 16px;
	top: 879px;
	left: 884px;
	z-index: 2;
}

#footer {
	position: absolute;
	width: 400px;
	height: 25px;
	top: 525px;
	z-index: 2;
}