@charset "iso-8859-1";

*
{
	border:		0 none;
	padding:	0;
	margin:		0;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif ;
}

table
{
	border-collapse: separate;
}

body
{
	color:			#372274;
	font-size:		100.1%;
	background: #e2e6fc url(/design/background.png) repeat-x;
}

a
{
	text-decoration:	underline;
	color:				#372274;
}

a:hover
{
	text-decoration:	underline;
	color: #e2001a;
}

label
{
	cursor: pointer;
}



/* === [ Grundlayout ] ===================================================================== */

#wrapper
{
	width: 900px;
	margin: 0 auto;
	background-color: #e2e6fc;
	border-right: 1px solid #372274;
}

	#wrapper:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

	#wrapper h1
	{
		background: #fff;
		font-width: 1em;
		width: 750px;
		float:left;
		height: 90px;
	}

		#wrapper h1 img
		{
			display: block;
			
		}
		
#slider
{
	float: right;
	background: #fff;
}
		
		
	#content
	{
	width: 900px;
	margin: 0 auto;
	background: #ffffe6;
	border: 1px solid #372274;
	min-height: 670px;
	clear:both;
	}

	#content:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}

#value

{
	padding: 20px 10px 20px 0; 
	float: right;
	background: #ffffe6;
}

#value img

{
	display: block;
}



#footer
{
	width: 900px;
	margin: 0 auto;
	color: #372274;
	font-size: 0.7em;
	text-align: center;
	line-height: 2.3;
	padding-top:8px;
	clear: both;
	padding-bottom: 10px;
}

	#footer a
	{
		color: #e2001a;
		text-decoration: none;
	}

	#footer a:hover
	{
		color: #e2001a;
		text-decoration: underline;
	}
	
#mail
{
	clear: both;
	padding: 8px 0 15px 29px;
	background: url(/design/icon/at_zeichen.jpg) 30px 3px no-repeat;
	height: 3em;
	margin-top: 20px;
}

#bildload
{
	display:none;
}
	
/* === [Pfad ] ===================================================================== */

#pfadleiste
{
	width: 900px;
}

	#pfadleiste ul
	{
		width: 30em;
		padding: 0 0 0 34px;
		list-style-type: none;
		font-size: 0.6em;
		line-height: 4;
		color: #372274;
	}

		#pfadleiste ul li
		{
			display: inline;
			padding: 0 2px 0 0;
		}

		#pfadleiste ul li a
		{
			font-size: 0.9em;
		    color: #372274;
			text-decoration: underline;

		}

		#pfadleiste ul li a:hover
	{
		   color: #e2001a;
	}
	
#laufschrift

{
	font-size: 0.69em;
	text-align: center;
	float: right;
	width: 500px;
	padding-top: 11px;
	margin-right: 25px;

}

/* === [ Navigation ] =========================================================================== */

#topnavigation
{
	width: 900px;
	clear: both;
}

#topnavigation ul#navi
{
	list-style-type: none;
	font-size: 0.7em;
	color: #fff;
}

	#topnavigation ul#navi li
	{
		float: left;
		width: 100px;
		position: relative;
		background-color: #372274;
		line-height: 2.3;
	}
	
	#topnavigation ul#navi li.contact
	{
		width: 99px;
	}
	
		#topnavigation ul#navi li a
		{
			display: block;
			color: #fff;
			text-decoration: none;
			border-left: 1px solid #ffffe6;
			padding: 0 5px;
			text-align:center;
		}

			#topnavigation ul#navi li a:hover
			{
				color: #e2001a; 
			}

			#topnavigation ul#navi li a.act
			{
				color: #e2001a; 
			}
			
			
			

	/* 2. Ebene */
	#topnavigation ul#navi li ul
	{
		left: -999em;
		list-style-type: none;
		position: absolute;
		z-index: 100;
	}
		#topnavigation ul#navi li ul li
		{
			width: 155px;
			line-height: 2.3;
		}
		
		#topnavigation ul#navi li ul#contact li
		{
			width: 94px;
		}
		
		#topnavigation ul#navi li ul li a
		{
			border-bottom: 1px solid #372274;
			border-left: 1px solid #372274;
			border-right: 1px solid #372274;
			background-color: #e2e6fc;
			color: #372274;
			text-align: left;
			padding-left: 15px;
		}
		
		#topnavigation ul#navi li ul li a:hover
		{
			color: #e2001a;
		}


	#topnavigation ul#navi li:hover ul,
	#topnavigation ul#navi li.sfhover ul
	{
		left: auto;
	}

	
/* === [ content ] =========================================================================== */


.rot
{
	color: #e2001a;

}
h2 
{
	color: #372274;
	padding-left: 34px;
	font-size: 1.1em;
	background: url(/design/ues-linie.png) 0 2.4em no-repeat;
	line-height: 2.5;
	margin-bottom: 20px;
	border-top: 1px solid #e2001a;
	clear:both;

}

h3
{
	color: #372274;
	font-size: 0.9em;
	padding-left: 34px;
	line-height: 2.5;
	margin-bottom: 0.5em;
	clear: both;
}

h4
{
	color: #372274;
	font-size: 0.79em;
	padding-left: 34px;
	line-height: 2.5;
	margin-bottom: 0.5em;
	clear: both;
	font-style:italic;
}

h5
{
	color: #372274;
	font-size: 0.7em;
	padding-left: 34px;
	line-height: 1.3;
	margin-bottom: 0.5em;
	clear: both;
}


#content p
{
		font-size: 0.69em;
		line-height: 1.8;
		color: #372274;
		padding: 0 25px 1em 34px;
		clear: both;
	}
	
	
#content p.red 
{
	color: #e2001a;
	
}
	
	
#content dl.bildrechts
{
	float: right;
	padding: 0 25px 0.5em 1em;
}

#content dl.bildlinks
{
	float: left;
	padding: 0 0.5em 0.5em 0;
}


	#content dl.bildrechts dt img,
	#content dl.bildlinks dt img
	{
		display: block;
		border: 1px solid #e2e6fc;
		padding: 2px;
	}

	#content dl.bildrechts dd,
	#content dl.bildlinks dd
	{
		font-size: 0.6em;
		color: #372274;
		text-align: center;
	}
	
	#content dl.bildrechts dd img,
	#content dl.bildlinks dd img
	{
		margin-left: 8px;
		margin-right: 4px;
	}
	
	
#content ul.liste-kipp
	{
		list-style-type: none;
		font-size: 0.69em;
		color: #372274;
		padding: 20px 0 40px 60px;
		line-height: 2;
		width: 700px;
	}

	#content ul.liste-kipp li
	{
		padding-left: 15px;
		background: url(/design/icon/ecke_kipp.png) 0 0.5em no-repeat;
	}
	
	
#content ul.kringel
	{
		list-style-type: none;
		font-size: 0.69em;
		color: #372274;
		padding: 0 0 40px 60px;
		line-height: 1.7;
		width: 400px;
	}

	#content ul.kringel li
	{
		padding-left: 13px;
		background: url(/design/icon/bull_6.png) 0 0.6em no-repeat;
	}
	
	#content ul.kringel li ul 
	{
		list-style-type:none;
	}
	
	#content ul.kringel li ul li
	{
		background: url(/design/icon/bull_5.png) 0 0.5em no-repeat;
	}
	
	
	
#content ul.clients
{
		list-style-type: none;
		font-size: 0.69em;
		color: #372274;
		padding: 20px 0 0 35px;
		line-height: 1.7;
		float: left;

}

	#content ul.clients li
	{
		padding-left: 15px;
		background: url(/design/icon/ecke_kipp.png) 0 0.5em no-repeat;
	}

	
#left dl.auflistung
	{
		list-style-type: none;
		font-size: 0.69em;
		color: #372274;
		padding: 0 0 1.7em 60px;
		line-height: 1.7;
		float: left;
		width: 35em;
	}

	#left dl.auflistung dt
	{
		padding-left: 15px;
		background: url(/design/icon/ecke_kipp.png) 0 0.5em no-repeat;
	}
	
	#clear
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}
	
	#content dl.li-partner
	{
	padding: 0 10px 20px 0;
	width: 390px;
	float: left;
	}



	#content dl.li-partner dt img
	{
		display: block;
		border: 1px solid #e2e6fc;
		padding: 2px;
		float: left;
		margin-right: 15px;
		margin-left: 34px;
	}

	#content dl.li-partner dd
	{
		font-size: 0.69em;
		color: #372274;
		padding-top: 20px;
	}
	
	
/* === [ table ] =========================================================================== */
	
#content table.address
{
	width: 700px;
	margin: 0 0 1.7em 34px;
	empty-cells: show;
}

#content table.address td

	{
		font-size: 0.69em;
		color: #372274;
		text-align: left;
		vertical-align: top;
	}
	
#content table.address td img
{
	float: left;
}

	
#content table.address th
{
		font-size: 0.69em;
		font-weight: bold;
		text-align: left;
}
	
	
	
#content table.prof
{
	width: 700px;
	margin: 0 0 1.7em 34px;
	empty-cells: show;
}

	#content table.prof th,
	#content table.prof td
	{
		font-size: 0.69em;
		color: #372274;
		text-align: left;
		border: 1px solid #372274;
		padding: 6px;
	}

	#content table.prof th
	{
		background-color: #e2e6fc;
		color: #372274;
	}

		#content table.prof tr
	{
		background-color: #fff;
	}

	#content table.prof td.bo
	{
		font-style: italic;
		font-weight: bold;
	
	}

/* === [ div popup ] =========================================================================== */


#content dl.bild
{
	float: left;
	padding: 0 0.5em 0.5em 34px;
}


	#content dl.bild dt img
	{
		display: block;
		border: 1px solid #e2e6fc;
		padding: 2px;
	}

	#content dl.bild dd
	{
		font-size: 0.6em;
		color: #372274;
		text-align: center;
	}
	
	#content dl.bild dd img
	{
		margin-left: 8px;
		margin-right: 4px;
	}

	#content dl.bild:after
	{
		content: ".";
		visibility: hidden;
		height:		0;
		display:	block;
		clear:		both;
	}


/* === [ Formulare ] =========================================================================== */

#kontaktform
{
	padding: 1em 20px 1em 20px;
	width: 800px;
}

#kontaktform fieldset
{
	width: 800px;
	border: 1px solid #d0d4d9;
	padding: 0 0 8px 10px;
	margin: 0 0 8px 0;
}

#kontaktform legend
{
	font-size: 1em;
	color: #372274;
	font-weight: bold;
}

label
{
	width: 300px;
	font-size: 0.9em;
	color: #372274;
	cursor: pointer;
	padding-top: 7px;
}


#kontaktform input
{
	float: left;
	width: 300px;
	margin: 15px 15px 15px 0;

}


#kontaktform input.schrift
{
	display: block;
	width: 10px;
	padding: 2px;
	margin-left:10px;
	border: 1px solid #939ea8;
	font-size: 0.9em;
	color: #000;
	background-color: #f2f2f2;
}

#kontaktform label em
{
	font-size: 12px;
	font-weight: normal;
	color: #e30505;
}



#kontaktform input, #kontaktform textarea
{
	display: block;
	width: 200px;
	padding: 2px;

	border: 1px solid #939ea8;

	font-size: 0.9em;
	color: #000;
	background-color: #f2f2f2;
}

#kontaktform #checkbox
{
	border: 0 none;
	padding: 10px 0 20px 0;
	
}

#kontaktform #checkbox input
{
	display: inline;
	width: auto;
	padding-left: 10px;
}


#kontaktform #kontakt_senden
{
	margin-left: 51px;
	font-size: 1em;
	background-color: #9F0420;
	color: #fff;
	margin-bottom: 15px;
}

#kontaktform textarea
{
	width: 350px;
}

#kontaktform textarea:focus, #kontaktform input:focus
{
	color: #000;
	background-color: #e1e1e1;
}

#kontaktform fieldset table.kontakt td
{
	
	padding: 0 0 0 25px;
	font-size: 0.79em;
	text-align: left;
}

#kontaktform fieldset table.kontakt td.head
{
	
	padding: 10px 0 0 25px;
	font-size: 0.9em;
}

#kontaktform fieldset table.kontakt td.text
{
	padding:15px 0 0 0 ;

}

#kontaktform fieldset table.kontakt label
{
	
	width: 50px;
}