@charset "UTF-8";

@media all
{
	/**
	 * Fonts
	 * Zeichensatz und Schriftgrößen für Überschriften und übliche Text-Elemente
	 *
	 * @section content-fonts
	 */

	/* Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size: 100.01% }
	
	/* Schriftgröße von monospaced Elemente auf 16 Pixel setzen */
	textarea, pre, tt, code {
	font-family:"Courier New", Courier, monospace;  	
	}

	/* Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
		font-family: 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
			font-family: Verdana, Helvetica, Arial, sans-serif;
		font-size: 75.00%; 
		color: #3e3e3e;  
	}
		
		#col3_content {
			font-family: Verdana, Helvetica, Arial, sans-serif;
			font-size: 90.00%; 
			font: 90.00%/1.45em Verdana; 
			border: 0px solid #ff0000;
		}

		a { outline: none; }
	
	h1,h2,h3,h4,h5,h6 { 
		font-family: Verdana, Helvetica, Arial, sans-serif; 
		font-weight:bold; 
		color:#666;
		margin: 0 0 0.25em 0; 
	}

	h1 { font-size: 100% }  
	h2 { font-size: 100%;} 
	h3 { font-size: 100% }  
	h4 { font-size: 100% } 
	h5 { font-size: 100% } 
	h6 { font-size: 100%; font-style:italic } 

	h1 { 
		padding:3px 0px 4px 15px;
		margin:0px 0px 5px -2px;
		font-size: 130%;
		color:#c00026;
		background: #ffffff url("../../images/elemente/sign-headline.gif") no-repeat center left;
	} 

	h2 { 
		padding:0px 0px 0px 0px;
		margin:0px 0px 5px 0px;
		font-size: 110%;
		font-style:normal; 
		color:#c00026;
		background: #ffffff url() no-repeat center left;
	} 


	#header h1 {
		font-size:2.5em;
		letter-spacing:-2px;
		line-height:65%;
		color:#000;
	}

	#header span {
		color:#999;
	}

	p { line-height: 1.48em; margin: 0 0 1em 0; }

	/* ### Listen  #### */

	ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
	li { margin-left: 1.5em; line-height: 1.5em }
		
		ul li { list-style-type:none; padding: 0px 0px 0px 18px; margin-left:-2px;}
		ul li { background: transparent url("../../images/elemente/sign-liste2.gif") no-repeat 0px 0px;}

		ul.box { 
			list-style-type:none; 
			margin:0px 0px 0px -10px;
			padding:0px 0px 0px 30px;
		}
		ul.box li { padding: 0px 0px 0px 18px; margin-left:-16px; color:#c00026;}
		ul.box li { background: transparent url("../../images/elemente/sign-liste1.gif") no-repeat center left;}

	div.boxtop {
		width:497px;
		margin: 0px 0px 10px -10px; 
		background: #f8f7f5 url("../../images/elemente/box-top1.gif") no-repeat top left;
	}
	div.boxbot {
		width:100%;
		margin: 0px 0px 0px 0px; 
			padding:5px 0px 5px 6px;
		background: transparent url("../../images/elemente/box-bottom1.gif") no-repeat bottom left;
	}
	div.boxbot p {
		margin: 5px 10px 5px 6px; 
		padding:0px;
		border:0px solid #ff0000;
	}

	div.newsbox {
		width:498px;
		margin: 20px 0px 40px 0px; 
		padding-top:11px;
		background: transparent url("../../images/elemente/box-top2.gif") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.newsbox div {
		width:100%;
		overflow:hidden;
		background: transparent url("../../images/elemente/box-bg2.gif") repeat-y top left;
	}
	div.newsbox div div {
		width:auto;
		padding:2px 15px 5px 15px;
		overflow:hiddden;
		background: transparent url("../../images/elemente/box-bottom2.gif") no-repeat bottom left;
	}
	div.newsbox h1 {
		width:100%;
		margin-left:0px; 
		padding-left:0px;
		background: transparent url("") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.newsbox p {
		/*width:94%;*/
		margin-left:0px; 
		border: 0px solid #ff0000;
	}
	div.newsbox a {
		margin-left:10px;
		color:#c00026;
		text-decoration:underline;
	}
	div.newsbox img {
		margin:3px 10px 2px 0px;
	}
	div.newsbox div.date {
		position:relative;
		margin:-28px -15px 0px 0px; 
		padding:3px 8px 0px 0px; 
		float:right;
		line-height:10px;
		overflow:hidden;
		height:15px;
		height:13px;
		width:80px;
		color:#ffffff;
		text-align:right;
		background: #969696 url("") no-repeat top left;
		border: 0px solid #ff0000;
	}

	a.backbut {
		display:block; 
		width:105px; 
		color:#c00026;
		border:0px solid #ff0000; 
		background: transparent url("../../images/elemente/sign-back.gif") no-repeat center right;
		margin:5px 0px 5px 395px;
	}


	dt { font-weight: bold }
	dd { margin: 0 0 1em 2em }

	/* ### Textauszeichnung ### */

	cite, blockquote { font-style:italic }
	blockquote { margin: 0 0 1em 1.5em }

	strong,b { font-weight: bold }
	em,i { font-style:italic }

	pre, code { font-family: monospace; font-size: 1.1em; }

	acronym, abbr {
		letter-spacing: .07em;
		border-bottom: .1em dashed #c00;
		cursor: help;
	}

	/**
	 * Standardklassen zur Positionierung und Hervorhebung
	 *
	 * @section content-generic-classes
	 */

	.note {background: #dfd; padding: 1em; border-top: 1px #bdb dotted; border-bottom: 1px #bdb dotted;}
	.important {background: #ffd; padding: 1em; border-top: 1px #ddb dotted; border-bottom: 1px #ddb dotted;}
	.warning {background: #fdd; padding: 1em; border-top: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

	.float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;}
	.float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;}
	.center { text-align:center; margin: 0.5em auto }

	/**
	 * External Links
	 *
	 * Gestaltung von Hyperlinks
	 *
	 */

	a {color: #4D87C7; text-decoration:none;}
	a:focus,
	a:hover,
	a:active {color:#182E7A; text-decoration:underline;}
	
	#topnav a { color: #999; font-weight: normal; background:transparent; text-decoration:none; }
	#topnav a:focus, 
	#topnav a:hover,
	#topnav a:active { text-decoration:underline; background-color: transparent;}
	
	#footer a { color: #999; background:transparent; font-weight: bold;}
	#footer a:focus, 
	#footer a:hover,
	#footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

	/**
	 * Hervorhebung externer Hyperlinks mit CSS
	 *
	 * @section content-external-links
	 */

	/*
	#main a[href^="http://www.my-domain.com"],
	#main a[href^="https://www.my-domain.com"]
	{
		padding-left: 12px;
		background-image: url('your_image.gif');
		background-repeat: no-repeat;
		background-position: 0 0.45em;
	}
	*/

	/**
	 * Tabellen
	 * Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	 *
	 * @section content-tables
	 */

	table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
	table.full { width: 100%; }
	table.fixed { table-layout:fixed }

	th,td { padding: 0.5em; }
	thead th { background: #444; color: #fff }
	tbody th { background: #ccc; color: #333 }
	tbody th.sub { background: #ddd; color: #333 }
	
	/**
	 * Sonstiges
	 *
	 * @section content-misc
	 */

	khr {
		color: #fff;
		background:transparent;
		margin: 0 0 0.5em 0;
		padding: 0 0 0.5em 0;
		border:0;
		border-bottom: 1px #eee solid;
	}
	hr {
		margin:15px 0px 0px 0px;
		background-color:#ffffff;height:0px;
		border: 0;
		border-bottom: 1px dashed #b5b5b5;
	}

	#textarea{
		margin-top: 10px;
		color:#666;
		font-size:11px;
		line-height: 1.2em;
	}

/*******    Teaser Boxen      *******/
	#teaser {
		width:182px;
		height:59px;
		margin: 50px 0px 0px 0px; 
		padding: 0px; 
		background: #e4e3e1 url("../../images/content/kkrm-logo.gif") no-repeat top left;
		border: 1px solid #969696;
		border-left: 0px solid #969696;
		border-right: 0px solid #969696;
	}
	#teaser a {
		display:block;
		font-family: Verdana, Helvetica, Arial, sans-serif;
		font-weight:bold;
		font-size:9px;
		color: #717070;
		padding: 27px 5px 5px 60px; 
	}

/*******    Organigramm Boxen      *******/
	div.orgabox {
		width:498px;
		margin: 30px 0px 0px 0px; 
		text-align:center;
		padding-top:10px;
		background: transparent url("../../images/elemente/orga-top.gif") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.orgabox div {
		width:100%;
		background: transparent url("../../images/elemente/orga-mid.gif") repeat-y top left;
	}
	div.orgabox div div {
		width:100%;
		text-align:center;
		padding:2px 0px 70px 0px;
		background: transparent url("../../images/elemente/box1-bot.gif") no-repeat bottom left;
	}
	div.orgabox h1 {
		width:100%;
		margin:0px 0px 10px 0px; 
		padding:0px;
		font-size:100%;
		line-hight:20%;
		background: transparent url("") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.orgabox p {
		width:100%;
		margin-left:0px; 
		border: 0px solid #ff0000;
	}
	div.orgabox a {
		margin-left:0px;
		color:#c00026;
		text-decoration:underline;
	}
	div.orgabox img {
		margin:3px 10px 2px 0px;
	}
	div.orgabox hr {
		margin:0px 1px 7px 1px;
	}
	div.orgabox div.orgalabel {
		position:relative;
		margin:-28px 0px 0px 0px; 
		padding:5px 8px 0px 0px; 
		padding:3px 8px 0px 0px; 
		float:right;
		line-height:10px;
		overflow:hidden;
		height:15px;
		height:13px;
		width:249px;
		color:#ffffff;
		text-align:right;
		background: #969696 url("") no-repeat top left;
		border: 0px solid #ff0000;
	}


	div.orgabox1 div div {
		background: transparent url("../../images/elemente/orga1-bot.gif") no-repeat bottom left;
	}


	div.orgabox2 {
		margin-top:0px;
	}
	div.orgabox2 div div {
		background: transparent url("../../images/elemente/orga2-bot.gif") no-repeat bottom left;
	}


	div.orgabox3 {
		float:left;
		width:154px;
		margin: 0px 0px 20px 0px; 
		text-align:center;
		padding-top:10px;
		background: transparent url("../../images/elemente/orga3-top.gif") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.orgabox3 div {
		width:100%;
		background: transparent url("../../images/elemente/orga3-mid.gif") repeat-y top left;
	}
	div.orgabox3 div div {
		width:100%;
		text-align:center;
		padding:0px 0px 10px 0px;
		background: transparent url("../../images/elemente/orga3-bot.gif") no-repeat bottom left;
	}
	div.orgabox3 h1 {
		width:100%;
		margin:0px 0px 20px 0px; 
		padding:0px;
		font-size:100%;
		line-height:140%;
		font-size:100%;
		background: transparent url("") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.orgabox3 p {
		width:100%;
		margin-top:15px; 
		line-height:140%;
		border: 0px solid #ff0000;
	}
	div.orgabox3 a {
		margin:0px;
		color:#c00026;
		text-decoration:underline;
	}
	div.orgabox3 img {
		margin:3px 10px 2px 0px;
	}
	div.orgabox3 hr {
		margin:0px 1px 7px 1px;
	}


	div.orgabox4 {
		clear:both;
		margin-top:0px;
		margin-bottom:40px;
	}
	div.orgabox4 div div {
		padding-bottom:5px;
		background: transparent url("../../images/elemente/box1-bot.gif") no-repeat bottom left;
	}


/*******    Mitarbeiter Box      *******/
	div.staffbox {
		width:498px;
		margin: 20px 0px 40px 0px; 
		padding-top:10px;
		background: transparent url("../../images/elemente/box1-top.gif") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.staffbox div {
		width:100%;
		background: transparent url("../../images/elemente/box1-mid.gif") repeat-y top left;
	}
	div.staffbox div div {
		width:100%;
		padding:2px 0px 5px 0px;
		background: transparent url("../../images/elemente/box1-bot.gif") no-repeat bottom left;
	}

	div.staffbox div div div.mitarbox {
		float:left;
		margin:0px 0px 5px 0px;
		padding:0px 0px 5px 0px;
		background: transparent url("") no-repeat top left;
		border:0px solid #ff0000;
		border-bottom: 1px dashed #b5b5b5; 
	}

	div.staffbox h1 {
		width:auto;
		margin:5px 0px 0px 15px; 
		padding:0px;
		font-size:100%;
		background: transparent url("") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.staffbox p {
		width:auto;
		margin:0px; 
		margin-left:15px; 
		border: 0px solid #ff0000;
	}
	div.staffbox hr {
		margin:0px 1px 7px 1px;
	}
	div.staffbox a {
		margin-left:5px;
		color:#c00026;
		text-decoration:underline;
	}
	div.staffbox img {
		width:80px;
		height:100px;
		margin:0px 20px 0px 10px;
		border: 1px solid #b5b5b5;
	}
	div.staffbox div.stafflabel {
		position:relative;
		height:13px;
		width:249px;
		margin:-28px 0px 0px 0px; 
		padding:3px 8px 0px 0px; 
		float:right;
		line-height:10px;
		overflow:hidden;
		color:#ffffff;
		text-align:right;
		background: #969696;
		border: 0px solid #ff0000;
	}

/*******    Adressen Box      *******/
	div.adressbox {
		width:498px;
		margin: 20px 0px 40px 0px; 
		padding-top:10px;
		background: transparent url("../../images/elemente/box1-top.gif") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.adressbox div {
		width:100%;
		background: transparent url("../../images/elemente/box1-mid.gif") repeat-y top left;
	}
	div.adressbox div div {
		width:100%;
		padding:2px 0px 5px 0px;
		background: transparent url("../../images/elemente/box1-bot.gif") no-repeat bottom left;
	}

	div.adressbox div div div.mitarbox {
		float:left;
		margin:0px 0px 5px 0px;
		padding:0px 0px 5px 0px;
		background: transparent url("") no-repeat top left;
		border:0px solid #ff0000;
		border-bottom: 1px dashed #b5b5b5; 
	}

	div.adressbox h1 {
		width:auto;
		margin:5px 0px 0px 15px; 
		padding:0px;
		font-size:100%;
		background: transparent url("") no-repeat top left;
		border: 0px solid #ff0000;
	}
	div.adressbox p {
		width:auto;
		margin:0px; 
		margin-left:15px; 
		border: 0px solid #ff0000;
	}
	div.adressbox hr {
		margin:0px 1px 7px 1px;
	}
	div.adressbox a {
		margin-left:0px;
		color:#c00026;
		text-decoration:underline;
	}
	div.adressbox img {
		width:220px;
		height:120px;
		margin:0px 20px 0px 10px;
		border: 1px solid #b5b5b5;
	}
	div.adressbox div.adresslabel {
		position:relative;
		height:13px;
		width:249px;
		margin:-28px 0px 0px 0px; 
		padding:3px 8px 0px 0px; 
		float:right;
		line-height:10px;
		overflow:hidden;
		color:#ffffff;
		text-align:right;
		background: #969696;
		border: 0px solid #ff0000;
	}




	}