/* CSS for 
www.krekeler-ingenieure.de

© 2009 by KUBA Marketing GmbH, Berlin

© 2004 by athmerdotcom – all rights reserved
handcoded for your secure

Version: 	$Id: ing_globals.css 357 2009-09-09 15:35:44Z Ulrich $
========================*/

html
{
	margin: 0px;
	padding: 0px;
	cursor: default;
	height: 101%;
}

/* Body & Globals */


		body {
		text-align:center;
		margin:10px auto;
		font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
		/*font-size: 0.9em;
		font-size:80%;
		line-height: 1.4em;*/
 		background:#5B7083 url(img/img_general/backgrd.gif);
		 /*
		scrollbar-base-color : #5B7083; 
		scrollbar-3dlight-color : #DAD2C4; 
		scrollbar-arrow-color : #333333; 
		scrollbar-darkshadow-color : #000; 
		scrollbar-face-color : #919191;  
		scrollbar-highlight-color : #ffffff; 
		scrollbar-shadow-color : #414141;  
		scrollbar-track-color :#5B7083;*/

}


		#container {
	width: 850px;
	/*85%;
	*/
	border: 1px solid gray;
	margin: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0px;
	background-color: #fff;
	background-image : url(img/img_nav/bg_container.gif);
	background-repeat : repeat-y;
}

		#banner {
			padding: 20px 15px 15px 20px;
			margin-bottom: 0px;
			border-bottom: 2px solid #919191;
			background-color: #fff;
			text-align: left;
}

		#logo_arch
			{
				float: right;
				background-color: transparent;
				padding: 3px 20px 3px 0px;
			}

		#content {
			padding: 35px 5px 5px 5px;
			margin-left: 215px;
			margin-right: 255px;
			background-color: #fff;
			text-align: left;
			/*height: 470px;
			overflow: auto;*/
		}
		
		#content_referenz {
		/* Auf Referenzseite fehlt die rechte Bilderleiste,
		mehr Platz für die Referenztabelle. - 010307 -
		*/
			padding: 35px 5px 5px 5px;
			margin-left: 215px;
			margin-right: 25px;
			background-color: #fff;
			text-align: left;
			/*height: 470px;
			overflow: auto;*/
		}
		
		/*   container für Startseite - Bilderleiste               */
	/*
		#img_box_start {
			background-color: transparent;
			z-index: 100;
			position: relative;
 			left: 90px;
			top: 110px;		
			width: 760px;	
			float: left;
		}
		*/
		.img_start	{
			margin-right: 20px;
			border: 1px solid #000;
		}

		.img {
			clear: left;
			border: 1px solid #000;
		}
		
		#sidebar-a {
			float: left;
			width: 200px;
			\width: 210px;
			w\idth: 200px;
			margin: 0;
			margin-right: 5px;
			padding: 50px 10px 0px 15px;
			background: transparent url(img/img_nav/bg_side_a.jpg) no-repeat;
			text-align: left;
			/*font-size: 11px;
			line-height: 2.3em;*/
			min-height: 480px;
			\height: 480px;
			border-right: 1px solid #fff;
}

		#sidebar-b {
			float: right;
			width: 200px;
			\width: 210px;
			w\idth: 200px;
			margin: 0;
			margin-left: 5px;
			margin-right: 10px;
			margin-bottom: 25px;
			padding: 5px;
			padding-top: 65px;
			background-color: #fff;
			/*height: 400px;
			Höhenangabe hatte zur Folge, 
			dass z. B. Bilder über den Rand nach unten hinausliefen und 
			der Footer an seiner festgelegten Stelle blieb - jetzt kommt
			der Footer erst, wenn der Inhalt komplett angezeigt wurde */
			text-align: left;
		}

		#footer {
			clear: both;
			overflow: auto;
			padding: 5px;
			margin-top: 0px;
			border-top: 1px solid #919191;
			background-color: #fff;
			font-size: 80%;
			text-align: center;
		}
		
		#flow
		{
 			position:relative;
			width:330px; height:420px;
 			overflow:auto;
			padding: 10px;
		}
		

		#copy
			{
				float: left;
				text-align: left;
				padding-left: 10px;
				color: #919191;

			}
	

		#sprache
			{
				float: right; 
				padding-right: 10px;
			}
			
	/*
		#bottom
		{
	bottom: 10px;
	background-color: #FDBF43;
	padding: 5px;
	position : absolute;
	border-top: 1px dotted #919191;
	font-size: 80%;
}
*/
		
/*Schriften */
/*

H1, H2, H3, H4 { 
	font-weight: bold;
	background-color: black;
	border-bottom: 2px solid red;
	color: white; 
	padding: 4px;
	width: 90%;
}*/

	h1
		 {
		 	font-weight:bold;
			color:#969696;/* #3A3A3A #AEBBC7 */
			font-size: 1.3em;
			background: transparent;
			border-bottom: 1px solid;
			margin-top: -10px;
			padding: 0px 0 7px 0;
			/*width:90%;*/
		}
		
	h2
		 {
		 	font-size:16px;
			color:#000000;
		}


	h3 
		{					 	
		 	font-size:110%;
			color:#464646;
			margin-bottom:0px;
			margin-top: 0px;
		}

	p
		{
	 		margin-top:0px;
			font-size: 90%;
			line-height: 140%;
			padding-left: 0px;
			text-align: left;
		}
		
		#textbox
		{
			padding: 6px;
			padding: 0px 0px 0px 10px;
			/*width:340px; --- Breitenangabe "verwirrt" den IE 6 - 19-02-07 */
			background-color: transparent;
			font-size: 80%;
			line-height: 1.5;
			color: #262626;
		}
		
		#textbox2
		/*schmale Version für Startseite - festgelegt durch padding-right */ 
		{
			padding: 6px;
			padding: 0px 230px 0px 10px;
			/*width:340px; --- Breitenangabe "verwirrt" den IE 6 - 19-02-07 */
			background-color: transparent;
			font-size: 80%;
			line-height: 1.5;
			color: #262626;
		}
		
		#textbox_rechts
		{
			font-size: 80%;
			line-height: 1.5;
			color: #262626;
		}
		
		ul#text
		{
			/*padding: -10px;
			padding-left: -10px;*/
			background-color: transparent;
			color: #262626;
			list-style: square;
		}
		
		ul#textboxrahmen
		{
			padding: 6px;
			padding-left: 20px;
			background-color: transparent;
			/*line-height: 1.4;*/
			font-size: 88%;
			color: #262626;
			border: 1px dotted #919191;
		}
		
		.fliesstext
		{
			font-family: Verdana,  Arial, Helvetica, sans-serif;
			line-height: 1.5;
			font-size: 10px;
		}
		
		.bold
		{
			font-weight: bold;
		}
		
		.underline{
			text-decoration: underline;
		}
		
		.achtung{
			color: Fuchsia;
			font-weight: bold;
		}
				
		.daten
		{
			color: #848484;
		}
		
		.rot
		{
			color: #CA0914;
		}

		.leerzeile /* für Absatz ober- und unterhalb der orangenen Menüpunkte*/
		{
			line-height: 70%;
		}
		
 		acronym  {
   			border-bottom: 1px dotted red;
  		 	cursor: help;
			background-color: #939393;
			padding: 2px;
		 }

		 
		 .rechts
			{
				text-align: right;	
			}
			
			
		 .marker
		 {
				font-weight: 600;
				color: #6E6E6E;
		}
		/*
		.tabellen
		{
			border: 1px solid #EFEFEF;
			border-spacing: 0px;	
			font-size: 95%;	
			padding: 4px;
			vertical-align: top;
		}*/
		
		table
		{
			/*width:355px;
			table-layout: fixed;
			table-layout: auto;
			border: 1px solid #EFEFEF;
			border-spacing: 0px;	
			font-size: 95%;	
			padding: 0px 5px 0px 0px;*/
		}
		
		td
		{
			border: 0px solid red;
			padding: 4px;
			vertical-align: top;
			
		}
		
		
		.hellgrau
		{
			background-color: #EFEFEF;
		}
		
		/* Links */
	 /*,	 a:active, a:hover, */
		a:active, a:link, a:visited
		{ 
  			text-decoration:none;
			color: #000;
			/*color: #5B7083;   #919191
			font-weight: bold;*/
		}

		 a:active, a:hover
		{ 
 			text-decoration:underline;
 			color: #CA0914;
			
		}

		#footer a:link, a:visited 
		{
			color: #919191;
			font-weight: normal;
			font-size: 100%;
		}

		#footer a:hover, a:active 
		{
			color: #CA0914;
		}
		
		.clear
		{
			clear:both;
		}
	
	
	/* Listen */
	
		ul#leistung
		{
	list-style : disc;
	list-style-position : outside;
	margin-left: 15px;
}
	/* Def. für Oberbegriffe - keine Links */
	
		.meta
		{
			font-size: xx-small;
			line-height: 1.8;
			font-weight: bold;
			color: #262626;
		}

		ul, ol
		{
			display: block;
			font-size: 10px;
			line-height: 1.4;
		}
	
	
		
		#selected
		{
			color: #CA0914;
			font-weight: bold;
			text-decoration: underline;
			/*border-left: 8px solid #CA0914;
			margin-left: -15px;
			padding-left: 7px;*/
			
		}
	
/* ---- Navigation ---- */
	ul, li {margin:0; padding: 0 0 0px 0;}

	/* Basisdefinitionen */
	#menu { width: 19em; background:transparent; list-style-type: none; position: relative; clear:both; border-bottom: 0em #f60 solid; font-size:10px;}
	#menu a { text-decoration: none; display:block; width: auto; }
	#menu li { display:inline; }
	/* Definition 2. Ebene */
	#menu li a { background-color: transparent; color: #203546; padding: 1px 3px 0px 15px; border-bottom: 0px #006 solid;
	background-image: url(img/img_nav/quad.png); background-repeat: no-repeat; background-position: top left; 
	}
	#menu li a:hover { color: #CA0914; text-decoration: underline; font-weight: bold; }
	/* Definition 3. Ebene */
	#menu li ul { list-style-type: none; }
	#menu li ul li a { background-color: transparent; color: #203546; padding: 1px 3px 0px 28px; border-bottom: 0px #006 solid; 
	background-image: url(img/img_nav/eck.png); background-repeat: no-repeat; background-position: top left; 
	}

	#menu li ul li a:hover { color: #CA0914; font-weight: bold; 
	background-image: url(img/img_nav/a_eck.png); background-repeat: no-repeat; background-position: top left;
	}

	#menu li#legend { display:block; width: auto; font-weight: bold; color: #203546; background-color: transparent; padding: 1px 3px 0px 0px; border-bottom: 0px #004 solid; }
	#menu li#legend a { display:block; width: auto; font-weight: bold; color: #203546; background-color: transparent; padding: 1px 3px 0px 0px; border-bottom: 0px #004 solid; background-image:none; }
	#menu li#legend a:hover { color: #CA0914; text-decoration: underline;}
	#menu li#active { text-decoration: underline; font-weight: bold; color: #fff; background-color:#aab; padding: 1px 3px 0px 20px; border-bottom: 1px #006 solid; }
	#menu li ul li#active { text-decoration: underline; font-weight: bold; color: #fff; background-color:#aab; padding: 1px 3px 0px 40px; border-bottom: 1px #006 solid;}	

/* Spezial für Leistungspunkte Stadtumbau ...*/

	#menu li#special { display:block; width: auto; font-weight: bold; color: #203546; background-color: transparent; padding: 1px 3px 0px 0px; border-bottom: 0px #004 solid; }
	#menu li#special a { display:block; width: auto; font-weight: bold; color: #203546; background-color: transparent; padding: 1px 3px 0px 15px; border-bottom: 0px #004 solid; background-image: url(img/img_nav/o_quad.png); background-repeat: no-repeat; background-position: top left; }
	#menu li#secial a:hover { color: #CA0914; text-decoration: underline; background-image: url(img/img_nav/o_quad.png); background-repeat: no-repeat; background-position: top left;}

	
	/*Für Behälter*/
/*verwendet man <span class="link"></span> wird es im Moz. 0.9.5 und NN 6.2.1 nicht korrekt angezeigt.*/
/*löscht man die Formatierung "display: inline;" wird die Box auf IE, Moz und NN
korrekt angezeigt. Nachteil: sie ist nicht inline.*/
.link {
        position: relative;
        top: 1px;
        left: 3px;
}

/*Lässt das Fenster verschwinden.*/
.link a span {display: none;}

.link a:link {
        color : #000000;
        text-decoration :underline;
}

.link a:visited {
        color : #333333;
        text-decoration :underline;
}

/*Formatierung für das Aussehen des Info-Fensters*/
		.link a:hover span {
        	display: block;
        	position: absolute;
        	top: 13px;
        	left: 20px; /*war nur 20 ohne px */
        	width: 300px;
           	padding: 5px;
        	margin: 10px;
    		background: #FFD683;   /*#efefef; */
        	color: #262626; /*#333333;*/
        	border: 2px solid #EFB239;  /*#666666;*/
           	font: 10px Verdana, Geneva, Arial, Helvetica, sans-serif; ;
        	text-decoration:none;
        	z-index: 100;
}

/*wird "border: 0px;" entfernt, wird es im  IE 5.0 u. 6.0 nicht mehr angezeigt.*/
.link a:hover {
        color: #ff6600;
        border: 0px;
        text-decoration:none;

}

.link a:active {
        color : #ff6600;
        text-decoration :none;
}