/* ======================================== */
/* ALLGEMEIN */

html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.85em;
	color: #000000;
	background-color: #FFFFFF;
}

body {
	margin: 0px;
	padding-top: 10px;
	text-align: center;
}

.hide {
	position:absolute;
	left:-1000px;
	top:-1000px;
	width:0px;
	height: 0px;
	overflow:hidden;
	display:inline;
}



/* ======================================== */
/* PAGE LAYOUT */

div#container {
   width: 935px;
	text-align: left;
	margin: auto;
}

/* ---------------------------------------- */
/* PAGE LAYOUT: Kopfzeile */

div#logo {
	width: 535px;
	margin-left: 400px;
	text-align: right;
	
	position: absolute;
}

div#logo img {
	border: 0px;
	margin-top: 21px;
	border-bottom: 1px solid #FFFFFF;
}

div#head {
	width: 935px;
	height: 131px;
	text-align: right;

	background-repeat: no-repeat;
	border-bottom: 22px solid #29B9E4;
}

/* ---------------------------------------- */
/* PAGE LAYOUT: Hauptteil */

div#main {
	float: left;
	clear: both;
	margin-top: 1px;
	
	background-image: url('bg-main.gif');
	background-repeat: repeat-y;
	
	min-height: 500px;
	height: auto !important;
	height:500px;
}

div#left {
	width: 211px;
	padding-right: 1px;
	
	float: left;
	
	overflow: hidden;
}

div#right {
	width: 193px;
	float: right;
	
	padding-left: 11px;
	padding-right: 8px;
	
	/*margin-top: 80px;*/
	margin-top: 58px;
	
	overflow: hidden;
}

div#middle {
	float: left;
	margin-top: 15px;
	margin-left: 17px;
	margin-right: 17px;
	width: 476px;
}



/* ======================================== */
/* NAVIGATION */

div#mainmenu ul {
	margin: 0px;
	padding: 0px;
}

div#mainmenu ul li,
div#mainmenu ul li ul li, 
div#mainmenu ul li ul li ul li {
	list-style: none;
}

div#mainmenu ul li a,
div#mainmenu ul li ul li a,
div#mainmenu ul li ul li ul li a {
	display: block;
	height: 2.78ex;
	border-bottom: 1px solid #C4CCD7;
	
	text-decoration: none;
	font-weight: bold;
	color: #000000;
	
	padding-left: 14px;
	padding-top: 2px;
	
	font-size: 1.1em;
}

div#mainmenu ul li a:hover,
div#mainmenu ul li ul li a:hover,
div#mainmenu ul li ul li ul li a:hover,
div#mainmenu ul li ul li.active ul li a:hover {
	background-color: #C4CCD7;
}

div#mainmenu ul li ul li ul li a {
   padding-left: 25px;
	font-weight: 300;
}

div#mainmenu ul li a.active,
div#mainmenu ul li ul li a.active,
div#mainmenu ul li ul li ul li a.active {
	background-image: url('bg-menu-active.gif');
	background-repeat: repeat-x;
	border-bottom: 1px solid #0FB0E1;
	color: #FFFFFF;
	background-color: #4DC4E8;
}




/* ======================================== */
/* FORMULARE */

form {
	margin: 0px;
	padding: 0px;
}

input {
	border: 1px solid #C4CCD7;
}

/* ---------------------------------------- */
/* FORMULARE: Seitensuche */

div#search {
	border-bottom: 1px solid #C4CCD7;
	margin-top: 5px;
	padding-bottom: 5px;
}

div#search form div {
	margin-left: 14px;
}

div#search input {
	width: 115px;
}

div#search input.submit {
	border: 0px;
	background-color: transparent;
	font-weight: bold;
	width: auto;
}

/* ======================================== */
/* TOOLBOX */

div.toolbox {
	margin-top: 22px;
}

div.toolbox h1 {
	text-transform: uppercase;
	color: #999999;
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	
	margin-bottom: 5px;
	font-size: 1.1em;
}

div.toolbox h2 {
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
}

div.toolbox p {
	margin: 0px;
	padding: 0px;
	line-height: 1.6em;
	color: #666666;
}

div.toolbox a.link {
	color: #0F96BF;
	text-decoration: none;

	background-image: url('arrow-blue.gif');
	background-repeat: no-repeat;
	background-position: 0px 0.5em;
	
	padding-left: 10px;
	
	display: block;
}

div.toolbox a.link:hover {
	color: #666666;
}

div.toolbox a.en {
	background-image: url('/assets/gfx/icon/english.gif');
	background-position:left;
	padding-left: 30px;
}
div.toolbox a.de {
	background-image: url('/assets/gfx/icon/german.gif');
	background-position:left;	
	padding-left: 30px;
}

/* ======================================== */
/* CONTENT */

div#content {
	padding-bottom: 40px;
	clear: both;
}

#content h1 {
	text-transform: uppercase;
	font-size: 1.6em;
	letter-spacing: 0.5px;
	margin-right:10px;
}
#content h2 {
	font-size: 1.1em;
	font-weight:bold;
	padding-top: 9px;
}
#content h2.box-head {
	text-transform: uppercase;
	color: #999999;
	font-size: 1em;
	margin: 25px 0px 0px 0px;
	padding: 0px;
	font-size: 1.1em;
}
#content h3 {
	font-size: 1.1em;
	padding-top: 9px;
}
#content a {
	color: #0F96BF;
	text-decoration: none;
}

#content a.more {
	color: #0F96BF;
	text-decoration: none;

	background-image: url('arrow-blue.gif');
	background-repeat: no-repeat;
	background-position: 0px 0.4em;

	padding-left: 12px;
	margin-left: 5px;
}

#content a.more:hover {
	color: #000000;
}

#content p {
	line-height: 1.6em;
	margin-top:0px;
}
#content .section {
	line-height: 1.6em;
}
#content .float-left {
	float: left;
	margin-right: 10px;
}
#content .float-right {
	float: right;
	margin-left: 10px;
}
#content .hr {
	clear:both;
	height:1px;
	padding:0px;
	margin:0px 0px 0px 0px;
	border-top: 0px none;
  font-size: 1px;
  line-height: 0px;	
}
.clearfloat { 
	clear:both;
	height:0px;
	font-size: 1px;
	line-height: 0px;
}

/* -- Teaser ------------------------ */

#content .teaser {
	margin: 8px 0px 8px 0px;
	padding:0px 0px 0px 0px;
}

#content .teaser .datum {
	font-weight:bold;
	color:#999;
}

#content .teaser h3 {
	margin: 0px 0px 5px 0px;
	line-height:120%;
	padding-top:3px;
}
#content .teaser p {
	padding:0px 0px 8px 0px;
	margin-top:0px;
}
#content .teaser h3 a {
	color:#0F96BF;
	text-decoration:none;
	padding-right:14px;
	background:url(arrow-blue.gif) no-repeat right;
	border-bottom:none;
}
#content .teaser h3 a:hover {
	color:#666666;
}
#content .teaser a.more {
	text-decoration:none;
	font-weight:bold;
	border-bottom:none;
}
#content .teaser a:hover {
	color:#666666;
}




/* -- Bilder ------------------------- */

#content img {
	border:0px none;
}
#content .image-teaser {
	background:#ffffff;
	display:inline; /* ie double margin bug fix */
	float:left;
	width:auto;
	margin: 3px 12px 0px 0px;
}
#content .image-left {
	display:inline; /* ie double margin bug fix */
	float:left;
	width:auto;
	margin: 3px 12px 0px 0px;
}
#content .image-right {
	display:inline; /* ie double margin bug fix */
	float:right;
	width:auto;
	margin: 3px 0px 0px 12px;
}
#content .image-center {
	width:auto;
	margin: 3px auto 9px auto;
}
#content .image-left img,
#content .image-center img,
#content .image-right img,
#content .image-border img {
	display:block;
	border:0px none;
}
#content .noborder img {
	border:0 none;
}
#content .image-teaser img {
	margin:auto;
	display:block;
}
#content .image-teaser .img-border {
	border:1px solid #CCCCCC;
}
#content .image-teaser a {
	border:0 none;
}

#content .big {
	width:519px;
}
#content .normal {
	width:367px;
}
#content .small {
	width:162px;
}
#content .tiny {
	width:82px;
}

#content .caption {
	color:#999999;
	background-color:#FFFFFF;
	border:0px none;
	margin: 0px;
	padding:2px 0px 2px 0px;
	text-align:center;
	font-size:0.95em;
}
#content .image-shadow {
	display:none;
}

#content .slideshow {
	background:#ebebeb;
	border:1px solid #CCCCCC !important;
}

#content img.slideshow-next {
	float:right;
	padding:3px 3px 3px 20px;
}
#content img.slideshow-prev {
	float:left;
	padding:3px 20px 3px 3px;
}
#content .slideshow-controller a {
	border:0 none;
}


#content .object-wrap {
	border-top:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
}




/* ======================================== */
/* Linklist */

#content .linklist ul {
	margin: 16px 0px 0px 0px;
	padding: 0px;
}
#content .linklist ul li {
	list-style: none;
	padding-bottom:4px;
	height:
}
#content .linklist a {
	color: #0F96BF;
	text-decoration: none;

	background-image: url('arrow-blue.gif');
	background-repeat: no-repeat;
	background-position: 0px 0.4em;
	padding-left: 10px;
}
#content .linklist a:hover {
	color: #666666;
}


/* ======================================== */
/* Box */

#content .box {
	border-top:1px solid #0F96BF;
}



/* ======================================== */
/* PARTNER */

div#partner {
	clear: both;
	border-top: 1px solid #00ABDF;
}

div#partner h1 {
	font-size: 1em;
	color: #0F96BF;
	font-weight: normal;
	text-align: left;
	margin: 0px;
	padding: 0px;
}

div#partner {
	text-align: center;
}

div#partner img {
	margin-left: 13px;
	margin-right: 13px;
}

/* ======================================== */
/* FOOTER */

div#footer {
	background-image: url('line-footer.gif');
	background-repeat: no-repeat;
	background-position: bottom;
	
	height: 24px;
	margin-bottom: 72px;
	margin-top: 44px;
	
	padding-left: 229px;
	padding-top: 14px;
	
	color: #0F96BF;
	
	clear: both;
}

div#footer a {
	text-decoration: none;
	color: #0F96BF;
}

div#footer a:hover {
	color: #666666;
}

div#footer span#copy {
	float: left;
}

div#footer span#print {
	float: right;
	width: 300px;
	text-align: right;
}

div#footer span#print,
div#footer span#print a {
	white-space: nowrap;
}

div#footer span#print a.print {
	background-image: url('icon-print.gif');
	background-repeat: no-repeat;
	background-position: 0px 0.4em;
	
	padding-left: 23px;
	margin-right: 32px;
}

div#footer span#print a.top {
	background-image: url('arrow-top.gif');
	background-repeat: no-repeat;
	background-position: 0px 0.4em;

	padding-left: 21px;
}




/* --- ilink --- */

.ilink {
	text-align:center;
	margin:0px 3px 0px 3px;
	padding:1px 16px 1px 16px;
	background:#FC0;
	display:block;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	font-size:12px;
	border-top:solid 1px #FF6;
	border-bottom:solid 1px #CA0;
}
.ilink:hover {
	color:#F00;
}
#content a.ilink {
	float:right;
	text-align:center;
	margin:0px;
	padding:0px 2px 0px 2px;
	background:#FC0;
	display:inline;
	text-decoration:none;
	font-weight:bold;
	color:#000000;
	font-size:12px;
	border-top:solid 1px #FF6;
	border-left:solid 1px #FF6;
	border-bottom:solid 1px #CA0;
	border-right:solid 1px #CA0;
}
.ilink:hover {
	color:#F00;
}
li.icon div {
	width:15px;
	float:right;
}




/* --- Zweispalter --------------- */

#content .twocolumn {
	background:url(../gfx/twocolumn-back.gif);
	min-height: 1px; /* ie7 disappearing background fix */
}
#content .twocolumn .teaser {
	border:0px none;
	padding-bottom:0px;
	padding-top:0px;
	margin-top:10px;
	margin-bottom:10px;
	font-size:1em;
}
#content .twocolumn .left {
	float:left;
	width:47%;
	padding-right:8px;
}
#content .twocolumn .right {
	float:left;
	width:47%;
	padding-left:8px;
}






/* --- Linkliste --------------------*/

#content .linklist {
	margin: 0px 0px 8px 0px;
	padding: 5px 0px 0px 0px;
}
#content .linklist li {
	color:#666666;
	list-style:none;
	margin: 2px 0px 2px 0px;
	line-height:140%;
}
#content .linklist li a {
	text-decoration:none;
	font-weight:bold;
}
#content .linklist li a.external {
}



/* --- List Icons --------------------*/


#content li.icon {
	list-style:none;
	margin: 0px 0px 4px 0px;
	background:url(../gfx/icon/link-intern.gif) no-repeat;
}

#content li.link {
	background:url(../gfx/icon/link-intern.gif) no-repeat;
}
#content li.link-extern {
	background:url(../gfx/icon/link-extern.gif) no-repeat;
}
#content li.file {
	background:url(../gfx/icon/file.gif) no-repeat;
}
#content li.jpeg {
	background:url(../gfx/icon/file-picture.gif) no-repeat;
}
#content li.gif {
	background:url(../gfx/icon/file-picture.gif) no-repeat;
}
#content li.pdf {
	background:url(../gfx/icon/file-pdf.gif) no-repeat;
}
#content li.doc, 
#content li.docx {
	background:url(../gfx/icon/file-doc.gif) no-repeat;
}
#content li.zip {
	background:url(../gfx/icon/file-zip.gif) no-repeat;
}
#content li.ppt,
#content li.pps {
	background:url(../gfx/icon/file-ppt.gif) no-repeat;
}
#content li.xls {
	background:url(../gfx/icon/file-xls.gif) no-repeat;
}
#content li.mp3 {
	background:url(../gfx/icon/file-mp3.gif) no-repeat;
}
#content li.wmv {
	background:url(../gfx/icon/file-video.gif) no-repeat;
}
#content .iconlist li.mp4 {
	background:url(../gfx/icon/file-video.gif) no-repeat;
}
#content li.txt {
	background:url(../gfx/icon/file-txt.gif) no-repeat;
}
#content li.vv_produkt,
#content li.product {
	background:url(../gfx/icon/vv_produkt.gif) no-repeat;
}
#content li.vv_orgeinheit,
#content li.orgUnit {
	background:url(../gfx/icon/vv_orgeinheit.gif) no-repeat;
}
#content li.vv_mitarbeiter {
	background:url(../gfx/icon/vv_mitarbeiter.gif) no-repeat;
}




/* --- Definition List  --------------------*/



#content dl { 
	margin: 0px 0px 9px 0px;
	padding: 0px;
}

#content dl dt {
	position: relative;
	left: 18px;
	top: 1.4em;
	width: 60px;
	color:#9F9E9C;
	font-weight:bold;
	line-height:140%;	
}

#content dl dd {
	border-left: 1px solid #0F96BF;
	margin: 0 0 0 86px;
	padding: 0 16px 0px 5px;
	line-height:140%;
}
#content dl dd a {
	color:#000000;
	text-decoration:none;
	font-weight:bold;
	padding-right:16px;
	background:transparent url(../gfx/arrow/double-right-link.gif) bottom right no-repeat;	
	line-height:140%;
	border-bottom:none;	
}

#content dl dd a:hover {
	color:#666666;
}

/* ------ Infotable ------------------ */
#content .infotable {
	margin: 0px;
	padding: 8px 15px 10px 15px;
}
#content .infotable table {
	padding:0px;	
}
#content .infotable th {
	color:#9F9E9C;
	text-align:right;
	vertical-align:top;
	font-weight:bold;
	padding:0px 10px 2px 0px;
	line-height:140%;
	width:80px;		
}
#content .infotable td {
	text-align:left;
	vertical-align:top;
	padding:0px 0px 2px 0px;	
	width:auto;
	line-height:140%;
}
#content .infotable td p {
	font-size:1em;
	padding:0px;
	margin:0px;	
}