/****************************************************************************************
***						 Bereichsangaben 								***
****************************************************************************************/

body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #B0C3C9;
	color: #363636;
}

/* äußeres haupt-div */
.main {
	width: 800px;
	height: 600px;	
	margin-left: auto;				/* zum zentrieren des div's */
	margin-right: auto;				/* zum zentrieren des div's */
	border-top: 1px solid #F25A05;
	border-bottom: 1px solid #F25A05;
	border-right: 1px solid #F25A05;
	border-left: 10px solid #F25A05;
	position: relative;
	top: 50px;
}

/* header / logo */
.header {
	width: 800px;
	position: absolute;
	top: 0;
	left: 0;
}

/* hauptnavigation */
.nav1 {
	width: 800px;
	line-height: 27px;
	background-color: #363636;
	color: white;
	border-top: 2px solid white;
	border-bottom: 2px solid white;
	text-transform: uppercase;
	font-weight: bold;
	position: absolute;
	top: 0;
	left: 0;
}

/* subnavigation */
.nav2 {
	width: 800px;
	height: 27px;
	line-height: 27px;
	background-color: #b4baad;	
	color: #363636;
	border-bottom: 2px solid white;
	font-weight: bold;
	position: absolute;
	top: 31px;
	left: 0;
}

/* navigationspunkte */
.nav1 td { padding: 0 25px; }
.nav2 td { padding: 0 10px; }

/* iframe, welcher den inhaltsbereich + image beinhaltet */
.ifr {
	width: 800px;
	height: 520px;
	position: absolute;
	top: 77px;
	left: 0;
}

/* inhaltsbereich */
.content {
	width: 490px;
	height: 520px;
	line-height: 23px;
	float: left;
	padding: 15px 25px;
	background-color: #CDD9D9;
	border-right: 2px solid white;
	font-size: 13px;
	position: absolute;
	top: 60px;
	left: 0;

}

/* image rechts neben inhaltsbereich */
.content-image {
	width: 258px;
	height: 500px;
	float: right;
	position: absolute;
	top: 60px;
	left: 542px;
}

.history td {
	vertical-align: top;
	line-height: 13px;
	padding-bottom: 6px;
}

/* datumsspalte unter history */
.history-date {
	font-weight: bold;
	width: 112px;
}

/* angaben einer person bei team */
.portrait {
	width: 490px;
	line-height: 15px;
	margin-bottom: 12px;
	font-size: 11px;
}

/* für zweispaltige variante mit portrait
.portrait {
	width: 230px;
	line-height: 23px;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	font-size: 11px;
} */

/* zugehöriges bild einer person */
.portrait img {
	float: left;
	height: 69px;
	padding-right: 10px;
}

/* für linkten teil des geschwungenen bogens */
.bottom-left{
	width: 542px;
	height: 53px;
	z-index: 111;
	float: left;
	position: absolute;
	bottom: -1px;
	left: 0;
}

/* für rechten  teil des geschwungenen bogens */
.bottom-right{
	width: 258px;
	height: 149px;
	z-index: 111;
	float: left;
	position: absolute;
	bottom: -1px;
	right: 0;
}


/****************************************************************************************
***						 allgemeingültige Angaben						***
****************************************************************************************/

/* Bilder */
img 		{ border: 0; }

/* iframe */
iframe 	{ width: 100%; height: 100%; }

/* Seitenüberschriften */
h1 		{ font-size: 18px; font-weight: bold; padding-bottom: 5px; }

/* Listen */
ul 		{ margin: 0; padding-left: 120px; list-style: none; }
li 		{ background: url(../images/bullet.gif) no-repeat center left; padding-left: 15px; margin: 0; line-height: 23px; font-weight: bold; }


/****************************************************************************************
***						 Angaben für Links							***
****************************************************************************************/

/* hebt aktiven Seitennamen hervor */
.active 		{ color: #C43300; }

/* allgemeine Links */
a	 		{ text-decoration: none; color: #363636; }
a:visited	{ text-decoration: none; color: #363636; }
a:active 	{ text-decoration: none; color: #C43300; }
a:hover 		{ text-decoration: none; color: #C43300; }

/* Links der Hauptnavigation */
a.whitelink			{ color: #FFFFFF; }
a.whitelink:visited	{ color: #FFFFFF; }
a.whitelink:active	{ color: #C43300; }
a.whitelink:hover	{ color: #C43300; }

/* Links im Content */
a.contentlink			{ color: #C43300; }
a.contentlink:visited	{ color: #C43300; }
a.contentlink:active	{ color: #C43300; text-decoration: underline; }
a.contentlink:hover		{ color: #C43300; text-decoration: underline; }