/*Stylesheet Cygnum*/


/*-----------------Aufbau-----------------
	1. Allgemein 
	2. Header, Navigation, Subnavigation
	3. Container
	4. Linke Sidebar, Servicenavigation
	5. Inhaltsbereich
	6. Rechte Sidebar, Sidebox
	7. Footer
*/


/*Allgemein*/
* {
  margin: 0px;
  padding: 0px; 
  list-style: none;
  text-decoration: none;
  font-family: "Lucida Sans Unicode", Verdana, Arial;
  color: #003a87;
  letter-spacing: 0.03em;
}

h1 {
	color: #ff6c00;
	font-size: 180%;
	margin: 28px 0px 28px 0px;
	font-weight: normal;
}

h2 {
	color: #003a87;
	font-size: 110%;
}

a:hover {
	color: #ff6c00;
}


body, html {
	height: 100%;
}

body {
	background-color: #9aaab3;
	font-size: 62.5%;
	width: 100%;
}

div#wrap {
	background-color: #FFF;
	width: 999px;
	margin: 0 auto;
	min-height: 100%;
	position: relative;
	padding-bottom: 0px;
}

/*-----------------------HEADER-----------------------*/

div#header {
		width: 999px;
		height: 22em;
		position: relative;
		background: url(img/header_bg.gif) no-repeat bottom center;
}

div#header img {
	display: block;
}


div#header img.logo-cygnum {
	position: absolute;
	top: 0;
	left: 0;
	margin: 34px 0px 0px 35px;
	border: 0px;
}

div#header img.slogan {
	position: absolute;
	bottom: 7px;
	left: 1px;
}


/*HEADER NAVIGATION*/
div#header ul {
	display: block;
	font-size: 110%;
	margin-left: 310px;
	padding: 23px 0px 0px 0px;
	width: auto;
}

div#header ul li {
	float: left;
	padding: 0px 0px 0px 26px;
	position: relative;
	background: url(img/twopoints_blue.gif) no-repeat 9px 5px;
}

div#header ul li.first {
	padding: 0px;
	background: none;
}

div#header ul li.first ul li{
	padding: 0px;
}


div#header ul li a {
	text-transform: uppercase;
	color: #003a87;
	height: 35px;
	display: block;
	float: left;
}	

div#header ul li a.firstActive{
	color: #ff6c00;
	background: url(img/pfeil.gif) no-repeat 0px 27px;
}


div#header ul li a:hover, div#header ul li a.active {
	background: url(img/pfeil.gif) no-repeat 0px 27px;
	color: #ff6c00;
}	

/*HEADER SUBNAVIGATION*/

div#header ul ul {
	margin: 42px 0px 0px 0px;
	position: absolute;
	width: 180px;
	padding: 0px;
	left: 0;
	top: 0;
}

div#header ul ul.subpart2 {
	margin: 42px 0px 0px 160px;
	position: absolute;
	width: 180px;
	padding: 0px;
	left: 0;
	top: 0;
}

div#header ul ul li{
	float: none;
	margin-bottom: 0px;
	background: none;
	padding-bottom: 0px;
}

div#header ul ul li a{
	text-transform: none;
	font-size: 95%;
	display: inline;
	float: none;
	}
	
div#header ul ul li a.secondActive{
	color: #ff6c00;
}
div#header ul ul li a:hover {
	color: #ff6c00;
}


/*-----------------------CONTAINER-----------------------*/

div#container {
	background: url(img/container_bg.gif) no-repeat top right;
	width: 999px;
}

/*-----------------------Linke Sidebar-----------------------*/

div#leftbar {
	float: left;
	width: 233px;
}

div#leftbar img{
	margin: 0px 0px 0px 1px;
}
div#leftbar div#hidden-animation img {
	display: none;
}
div#leftbar ul {
	font-size: 90%;
	padding: 7px 0px 0px 0px;
	float: right;
	text-align: right;
	height: 90px;
}

div#emotionbild {
	height: 503px;
}

div#leftbar ul li {
	float: left;
	padding: 0px 0px 0px 17px;
	background: url(img/points_blue.gif) no-repeat 6px 4px;
}

div#leftbar ul li#homelink {
	padding: 0px;
	background: none;
}


div#leftbar ul li a {
	color: #003a87;
	letter-spacing: 0em;
}	

div#leftbar ul li a.Active {
	color: #003a87;
}	

div#leftbar ul li a:hover {
	color: #ff6c00;
}	

/*-----------------------Inhaltsbereich-----------------------*/

div#content a, div#sidebar a {
	text-decoration: underline;
}

div#content {
	float: left;
	width: 430px;
	padding: 0px 20px 60px 78px;
	font-size: 110%;
	line-height: 1.61;
	color: #003a87;
	display: inline;
}


div#content ul{
	margin-bottom: 5px;
	color: #003a87;
	width: 400px;
}

div#content ul li{
	padding: 0px 0px 3px 12px;
	background: url(img/pfeil_blue.gif) no-repeat 1px 4px;
	margin-left: 0px;
}

/*QUICK NAVIGATION - Seite drucken & nach oben*/

div#container div#content ul.quicknavi {
	margin: 25px 0px 0px 0px;
	height: 20px;
}

div#container div#content ul.quicknavi li {
	float: left;
	color: #ff6c00;
	padding: 0px 0px 0px 0px;
	background: none;
	margin: 0px;
}

div#container div#content ul.quicknavi li a {
	color: #ff6c00;
	text-decoration: none;
}

div#container div#content ul.quicknavi li a:hover {
	color: #003a87;
}

/*Navigation im Inhalt bei den Hauptrubriken*/

div#container div#content ul.contentnavi {
	margin: 20px 0px 0px 0px;
}

div#container div#content ul.contentnavi li a {
	text-decoration: none;
}

/*------------------------Sidebar-----------------------*/

div#sidebar {
	float: left;
	width: 237px;
	padding: 87px 1px 0px 0px;
	font-size: 110%;
	display: inline;
}

div#sidebar p {
	font-size: 100%;
	line-height: 1.61;
	color: #003a87;
	margin: 0px;
	padding: 0px;
}

div#sidebar p, ul{
	width: 210px;
	clear: both;
	line-height: 1.6;
}

div#sidebar h2{
	display: block;
	border-bottom: 3px solid #ff6c00;
	font-size: 110%;
	font-weight: normal;
	margin-bottom: 2px;
}

div#sidebar h2 span{
	background-color: #ff6c00;
	padding: 0px;
	color: #FFFFFF;
	padding: 0px 4px 0px 4px;
}


/*-----------------------Footer-----------------------*/

div#footer {
	position: absolute;
	bottom: 0;
	clear: both;
	/*padding-top: 40px;*/
	width: 999px;
	height: 42px; /*31*/
	background: url(img/footer_bg.gif) no-repeat bottom center;
}
div#footer.form-footer {
	position: relative;
}

div#footer span {
	display: block;
	color: #003a87;
	padding-top: 10px;
	font-size: 110%;
	padding-left: 310px;
}

/*-----------------------STARTSEITE-----------------------*/

body#startseite div#leftbar {
	height: 384px;
}

body#startseite div#header {
	height: 415px;
	background: url(img/header_bg_start.gif) no-repeat center bottom;
}

body#startseite div#container {
	background: url(img/container_bg_start.gif) no-repeat top right;
}

body#startseite div#content {
	float: left;
	width: 426px;
	padding: 43px 40px 0px 63px;
}

body#startseite div#footer {
	background: url(img/footer_bg_start.gif) no-repeat bottom center;
	position: absolute;
	bottom: 0;
}

body#startseite div#leftbar ul {
	font-size: 90%;
	padding: 42px 0px 0px 57px;
	margin: 0px;
	width: 173px;
}

body#startseite div#leftbar ul li#homelink {
	display: none;
}

body#startseite div#leftbar ul li.first {
	background: none;
	padding: 0px;
}


body#startseite div#header ul li a {
	text-transform: uppercase;
	color: #003a87;
	height:27px;
	display: block;
	float: left;
}	
body#startseite div#wrap div#header div#headerbild {
	margin: 0 0 0 296px;
	height: 356px;
	width: 702px;
}

body#startseite div#wrap div#header img.emotion {
	clear: both;
}
	
	
body#startseite div#header ul li a:hover {
	background: none;
	color: #ff6c00;
}	
	


body#startseite div#sidebar {
	float: left;
	width: 236px;
	font-size: 110%;
	padding: 43px 1px 0px 0px;
}