/**
 * Main stylesheet for KMB  - reset some BP styles, build basic elements
 *
 * (c) 2009 S. Teuber
 */

body {
	position: 			relative;
}

#logo {
	position:			absolute;
	top:				0;
	left:				0;
}

/* Meta Navigation */
#metaNav {
	width:				87.4em;
	text-align:			right;
	list-style-type:	none;
	margin:				0 0 1em 47px;
	padding:			0;
	font-size:			.9em;
	color:				#E51D3C;
}

#metaNav li {
	display:			inline;
}

#metaNav li a {
	margin:				0 1px 0 2px;
	color:				#E51D3C;
	text-decoration:	none;
}

#metaNav li a.act {
	font-weight:		bold;
}


#zoomCont {
	margin-left:		47px;
	width:				79.4em; /*87.4em;*/
	position:			relative;
}

/* Main navigation */
#mainNav {
	list-style-type:	none;
	margin:				0;
	padding:			0;
	width:				26em;
	color:				#E51D3C;
	position:			relative;
	float:				left;
}

#mainNav li {
	line-height:		1.1em;
	height:				1.1em;
	margin-bottom:		1.5em;
	overflow:			hidden;
}

#mainNav li a {
	text-transform:		uppercase;
	color:				#E51D3C;
	display:			block;
	width:				110px;
	overflow:			hidden;
	background-repeat:	no-repeat;
	background-position:0 0;
	text-decoration:	none;
}

#mainNav li a:hover,
#mainNav li a:active,
#mainNav li a.act {
	font-weight:		bold;
	text-decoration:	none;
	background-position:0 -20px;
}

#mainNav ul {
	list-style-type:	none;
	position:			absolute;
	margin:				0;
	padding:			0;
	top:				0;
	left:				10em;
}

#mainNav li li a {
	width:				170px;
}

#mainNav .bonn {
	height:				65px;
	margin-left:		-.2em;
	margin-top:			12em;
}

#bonn {
	position:			absolute;
	top:				30em;
	left:				0;
}


/* Content area */
#content {
	width:				35em;
	/*margin-left:		30em;*/
	margin-right:		2em;
	float:				left;
	margin-bottom:		3.5em;
	position:			relative;
}

#content-wide {
	float:				left;
	margin-bottom:		3.5em;
	width:				52.6em;
}

p {
	line-height:		1.725em;
	margin-bottom:		1.725em;
}

#content h1,
#content h2,
#content-wide h1,
#content-wide h2,
.contentRow h1,
.contentRow h2 {
	text-transform:		uppercase;
}

.highlight {
	font-weight:		bold;
	color:				#E51D3C;
}

.smalltext {
	font-size:			.9em;
	line-height:		1.9em;
}

hr {
	height:				1px;
	width:				100%;
	color:				white;
	border-top:			1px dotted black;
	margin-bottom:		1.725em;
}

.contentRow {
	margin-bottom:		0;
	position:			relative;
	width:				100%;
	overflow:			hidden;
}

.contentRow .cRleft {
	width:				35em;
	margin-right:		2em;
	float:				left;
}

.contentRow .cRright {
	font-size:			.9em;
	float:				left;
	width:				17.3em;
	overflow:			hidden;
}

#content .contentRow .cRleft {
	width:				17em;
	margin-right:		2em;
	float:				left;
}



/* Margin */
#margin {
	font-size:			.9em;
	float:				left;
	width:				17.4em;
	overflow:			hidden;
	padding-top:		2px;
}


/** FCE **/
.clear {
	clear:				both;
	margin-bottom:		0;
}

.twoCols .left,
.twoCols .right {
	float:				left;
	width:				16em;
}

.twoCols .left {
	margin-right:		2em;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	margin-bottom:		1.725em;
}

#content .csc-textpic-caption {
	font-size:			.9em;
}



/** Tabellen **/
table.admission .td-0 {
	width:				18em;
}
table.admission .td-1 {
	width:				5em;
}
table.admission .td-2 {
	width:				5em;
}


/**
    Sitemap */
.csc-sitemap a {
	color:				black;
}

.csc-sitemap a:hover,
.csc-sitemap a:active {
	color:				#E51D3C;
	text-decoration:	none;
}

.csc-sitemap ul {
	list-style-type:	none;
	margin:				0;
	margin-top:			-.2em;
	font-weight:		bold;
}

.csc-sitemap ul li {
	margin-bottom:		1.85em;
}

.csc-sitemap ul ul {
	font-weight:		normal;
	margin-left:		10em;
	margin-top:			-1.5em;
}

.csc-sitemap ul ul li {
	margin-bottom:		0;
}


.tx-felogin-pi1 input,
.tx_rootkmbpresse input {
	border:				0;
	border-bottom:		1px solid black;
}

.tx-felogin-pi1 div {
	margin-bottom:		1.725em;
}

.tx-felogin-pi1 h3 {
	display:			none;
}

.tx-felogin-pi1 form div {
	margin-bottom:		.4em;
}

.tx-felogin-pi1 form label {
	display:			block;
	float:				left;
	clear:				left;
	width:				9em;
}

.tx-felogin-pi1 form .submit {
	margin-left:		20em;
	margin-top:			1em;
	border:				1px solid black;
	background-color:	transparent;
	clear:				left;
	float:				none;
}

.tx_rootkmbpresse .row {
	height:				2.4em;
	width:				100%;
}

.tx_rootkmbpresse label {
	display:			block;
	float:				left;
	width:				9em;
	margin-top:			.6em;
}

.tx_rootkmbpresse input,
.tx_rootkmbpresse select {
	margin-top:			.3em;
}

.tx_rootkmbpresse input.submit {
	margin-left:		20em;
	margin-top:			1em;
	border:				1px solid black;
	background-color:	transparent;
}

#tracking {
	clear:				both;	
}


/***************************
 Lightboxes */

/* Shared styles for lightbox & slimbox*/
#sbOverlay {
	position:			absolute;
	top:				0;
	left:				0;
	width:				100%;
	height:				100%;
	background-color:	white;
	/*cursor:pointer;*/
	z-index:			90;
}

#prevLink, #nextLink {
	display:			block;
	position:			absolute;
	top:				0;
	width:				33%;
	height:				100%;
	background:			transparent url(../media/blank.gif) no-repeat; /* Trick IE into showing hover */
}

#prevLink {
	left:				0;
	float:				left;
}

#nextLink {
	right:				0;
	float:				right;
}

#prevLink:hover {
	background:			transparent url(../media/prev.gif) no-repeat 0% 15%;
}

#nextLink:hover {
	background:			transparent url(../media/next.gif) no-repeat 100% 15%;
}

#playLink, #pauseLink, #saveLink, #closeLink {
	display:			block;
	float:				right;
	/* Set these two to the actual dimensions of your images! If they differ in size you have to set them seperately!*/
	width:				26px;
	height:				26px;
	/* End*/
	margin-left:		1em;
}

#playLink {
	background:			transparent url(../media/play.gif) no-repeat center;
}

#pauseLink {
	background:			transparent url(../media/pause.gif) no-repeat center;
}

#saveLink {
	background:			transparent url(../media/save.gif) no-repeat center;
}

#closeLink {
	background:			transparent url(../media/close.gif) no-repeat center;
}


/* Slimbox-only*/
#sbCenter, #sbBottomContainer {
	position:			absolute;
	left:				50%;
	overflow:			hidden;
	background-color:	#fff;
	z-index:			100;
}

#sbCenter a, #sbBottomContainer a {
	text-decoration:	none;
	border:				none;
	outline:			none;
}

.sbLoading {
	background:			#fff url(../media/loading.gif) no-repeat center;
}

#sbImage {
	position:			absolute;
	left:				0;
	top:				0;
	border:				10px solid #fff;
	background-repeat:	no-repeat;
}

#sbBottom {
	font-family:		Arial, "Helvetica Neue", Helvetica, Verdana, sans-serif;
	font-size:			11px;
	color:				#000;
	line-height:		1.4em;
	text-align:			left;
	padding:			0 10px 10px 10px;
}

#sbCaption {
	width:				66%;
	font-weight:		bold;
	margin-bottom:		.1em;
}

#sbNumber, #sbPresent {
	width:				66%;
	margin-bottom:		.1em;
}

#sbPresent a {
	color:				#000;
	margin-right:		1em;
}

#sbPresent a.act {
	font-weight:		bold;
	color:				#fff;
	background:			#000;
	border-right:		.2em solid #000;
	border-bottom:		.1em solid #000;
	border-left:		.4em solid #000;
}

.circleDiv {
	width:			110px;
	height:			110px;
	position:		absolute;
	right:			3.5em;
	top:			-7em;
	z-index:		250;
}