/***********************************************************************/
/*** Allgemeine Auzeichnungen ***/
/***********************************************************************/

html, body {
	background-color: #ffffff;
	margin: 0;
	padding: 0px;
	text-align: center;
	font:11px Arial, Helvetica, sans-serif sans-serif;
	line-height:1.5;
	color: #4C4A4F;
}

img {
	border:none;
}

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

a:hover {
	}

div#spalte1 a, div#spalte2 a, div#spalte3 a, div#spalte4 a {
	padding-left: 12px;
	background: url('../bilder/linkwuerfel_off.gif') no-repeat left center;
	text-decoration: none;
	}

div#spalte1 a:hover, div#spalte2 a:hover, div#spalte3 a:hover, div#spalte4 a:hover {
	padding-left: 12px;
	background: url('../bilder/linkwuerfel_on.gif') no-repeat left center;
	}

h1 {
	font-size: 14px;
}

h2 {
	font-size: 13px;
}

h3 {
	font-size: 12px;
}

h4 {
	font-size: 11px;
	margin:0px 0px 0px 0px;
}

h5 {
	font-size: 10px;
	margin:0px 0px 0px 0px;
}

h6 {
	font-size: 11px;
	margin:0px 0px 0px 0px;
}

.aktuell {
	font-weight: bold;
}

ul {
	list-style:circle;
	padding-left: 8px;
	margin-top:0px;
	padding-top:0px;
	margin-left:8px;
	}

li {
	margin:0px;
	padding:0px;
}
/***********************************************************************/
/*** Navigationen ***/
/***********************************************************************/

/*** Hauptnavigation ***/
div#subnavigation ul li, div#sub ul li {
	line-height: 16px;
}

div#bereichsanzeige {
	position: absolute;
	top: 40px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

div#bereich_spektrum {
	position: absolute;
	top: 40px;
	left: 25px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

div#bereich_referenzen {
	position: absolute;
	top: 40px;
	left: 89px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

div#bereich_agentur {
	position: absolute;
	top: 40px;
	left: 167px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

div#bereich_aktuell {
	position: absolute;
	top: 40px;
	left: 208px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

div#bereich_kontakt {
	position: absolute;
	top: 40px;
	left: 308px;
	background-color: #C10020;
	height: 5px;
	width: 5px;
	font-size:5px;
}

body#kontakt div#bereichsanzeige, body#routenplaner div#bereichsanzeige {
	left: 305px;
}

body#agentur div#bereichsanzeige {
	left: 160px;
}

body#startseite div#bereichsanzeige {
	left: 217px;
}

body#spektrum div#bereichsanzeige {
	left: 23px;
}

body#referenzen div#bereichsanzeige, body#projekt div#bereichsanzeige {
	left: 89px;
}

div#spekref, div#ageakt, div#kon, div#log {
	position: absolute;
	top: 2px;
	width: 135px;
	vertical-align: bottom;
	padding-top:16px;
}

div#spekref {
	width:143px;
	}

div#spekref a, div#ageakt a, div#kon a, div#log a {
	color: #586661;
	text-decoration:none;
	font-size: 11px;
	font-weight: bold;
}

div#spekref a:hover, div#ageakt a:hover, div#kon a:hover, div#log a:hover {
	color: #C10020;
}

div#spekref a.mitrand, div#ageakt a.mitrand {
	border-right: 1px solid #586661;
	padding-right:5px;
	margin-right:2px;
}

	
div#spekref {
	left: 0px;
	border-right: 1px solid #586661;
}

div#ageakt{
	left: 149px;
	border-right: 1px solid #586661;
}

div#kon{
	left: 291px;
}

div#log{
	left: 360px;
}

ul#hauptnavigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style: none;
}

ul#hauptnavigation li {
	float:left;
	padding:0px 10px;
}

ul#hauptnavigation li a {
	color: #586661;
	text-decoration:none;
	font-size: 11px;
	letter-spacing: 1px;
}

ul#hauptnavigation li a:hover {
	color: #C10020;
	text-decoration:none;
}

/*** Subnavigation ***/

div#subnavigation ul {
	float: none;
	position: relative;
	left: 118px;
	margin: 0px 36px 0px 0px;
	padding: 0px;
	list-style: none;
}

div#sub ul {
	margin: 15px 36px 0px 0px;
	padding: 0px;
	list-style: none;
}

body#kontakt div#subnavigation ul, body#agentur div#subnavigation ul, body#routenplaner div#subnavigation ul {
	float: none;
	position: relative;
	left: 70px;
	margin: 0px 10px 0px 0px;
	padding: 0px;
	list-style: none;
}

div#subnavigation ul li, #sub ul li {
	padding: 0px 0px 16px 0px;
}

div#subnavigation ul a, #sub ul a {
	color: #4C4A4F;
	text-decoration: none;
	font-size: 11px;
}

div#subnavigation ul a:hover {
	color: #C10020;
}

div#subsubnavigation {
	font-size: 11px;
}

div#subsubnavigation a {
	display: block;
	color: #4C4A4F;
	text-decoration: none;
	margin: 0px 0px 16px 0px;
	font-size: 11px;
}

div#subsubnavigation a:hover {
	color: #C10020;
}

/***********************************************************************/
/*** Allgemeine Layout-Rahmen ***/
/***********************************************************************/

div#inhaltsrahmen {
	position: relative;
	width: 968px;
	margin: auto;
	padding:0px 0px 0px 0px;
	text-align: left;
	color: #4C4A4F;
}

div#kopf {
	position:absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 96px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

div#logo {
	position: absolute;
	top: 0px;
	left: 734px;
	width: 238px;
	height: 28px;
}

div#navigation {
	position: absolute;
	top: 0px;
	left: 0px;
}
/***********************************************************************/
/*** Spektrum/Referenzen/Einzelprojekt Layout-Rahmen ***/
/***********************************************************************/

body#spektrum div#grossesbild, body#referenzen div#grossesbild, body#einzelprojekt div#grossesbild {
	position: absolute;
	top: 96px;
	left: 0px;
	width: 100%;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body#spektrum div#inhalt, body#referenzen div#inhalt, body#einzelprojekt div#inhalt {
	position: absolute;
	top: 213px;
	left: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/***********************************************************************/
/*** Kontakt/Agentur Layout-Rahmen ***/
/***********************************************************************/

body#kontakt div#grossesbild, body#agentur div#grossesbild, body#routenplaner div#grossesbild {
	position: absolute;
	top: 96px;
	left: 244px;
	width: 724px;
	height: 80px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

 body#agentur div#grossesbild {
 	height: 168px;
 }

body#kontakt div#inhalt, body#agentur div#inhalt, body#routenplaner div#inhalt {
	position: absolute;
	top: 213px;
	left: 244px;
	width: 724px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

body#agentur div#inhalt {
	top: 276px;
	}

/***********************************************************************/
/*** Startseite Layout-Rahmen ***/
/***********************************************************************/


body#startseite div#grossesbild {
	position: absolute;
	top: 86px;
	left: 0px;
	width: 100%;
	height: 168px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body#startseite div#kleinesbild {
	position: absolute;
	top: 308px;
	left: 0px;
	width: 100%;
	height: 78px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

body#startseite div#inhalt {
	position: absolute;
	top: 296px;
	left: 0px;
	width: 100%;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

/***********************************************************************/
/*** Startseite Inhaltsrahmen ***/
/***********************************************************************/

body#startseite div#grossesbild div#grossesbildInhalt {
}

body#startseite div#kleinesbild div#kleinesbildInhalt {
	border: 0px solid #ffffff;
}

body#startseite div#spalte1, div#spalte2, div#spalte3, div#spalte4 {
	width: 232px;
}

body#startseite div#spalte1 {
	position: absolute;
	top: 2px;
	left: 0px;
}

body#startseite div#spalte2 {
	position: absolute;
	top: 2px;
	left: 244px;
}

body#startseite div#spalte3 {
	position: absolute;
	top: 2px;
	left: 489px;
}

body#startseite div#spalte4 {
	position: absolute;
	top: 2px;
	left: 733px;
}

body#startseite #spalte1 img, body#startseite #spalte2 img, body#startseite #spalte3 img, body#startseite #spalte4 img {
	border:1px solid #dddddd;
	}

body#startseite div.modulkopfbild, body#referenzen div.modulkopfbild {
	margin-bottom: 0px;
	overflow: hidden;
}

/***********************************************************************/
/*** Kontakt/Agentur Inhalts-Rahmen ***/
/***********************************************************************/

body#agentur div#subnavigation, body#agentur div#agenturtext, body#agentur div#subsubnavigation {
	width: 236px;
}

body#kontakt div#subnavigation, body#kontakt div#kontakttext, body#kontakt div#subsubnavigation {
	width: 236px;
}

body#agentur div#subnavigation, body#kontakt div#subnavigation, body#routenplaner div#subnavigation {
	position: absolute;
	top: 136px;
	left: 0px;
}

body#agentur div#spalte2, body#kontakt div#spalte2 {
	position: absolute;
	top: 0px;
	left: 0px;
}

body#agentur div#agenturtext {
	position: absolute;
	top: 0px;
	left: 244px;
}

body#kontakt div#kontakttext {
	position: absolute;
	top: 0px;
	left: 244px;
	line-height:17px;
}
body#routenplaner div#kontakttext {
	position: absolute;
	top: 0px;
	left: 488px;
	line-height:17px;
	width: 236px;
}
body#routenplaner div#falkplan {
	position: absolute;
	top: 0px;
	left: 0px;
	line-height:17px;
	width: 480px;
}

body#kontakt div#formtext {
	width:236px;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align: right;
	line-height:17px;
}

body#kontakt div#kontaktfelder {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 480px;
}

body#agentur div#subsubnavigation, body#kontakt div#subsubnavigation {
	position:absolute;
	top: 0px;
	left: 488px;
}

body#routenplaner input.button, body#kontakt div#kontaktfelder input.eingabe, body#kontakt div#kontaktfelder textarea.eingabe, body#kontakt div#kontaktfelder input.button {
	width: 236px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


body#routenplaner input.button, body#kontakt div#kontaktfelder input.button {
	background-color: #ffffff;
	border-right:1px solid silver;
}

body#kontakt td.formlabel {
	width:236px;
	text-align:right;
	vertical-align: top;
	}

body#kontakt td.formfield {
	width: 244;
	padding-left: 8px;
	vertical-align: top;
	}
	
table#planer td {
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	padding: 5px;
}

tr.dimm input {
	color: #777777;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

input.plz {
	width: 50px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

input.stadt {
	width: 130px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
input.strasse {
	width: 160px;
	border:0px;
	border-left: 1px solid silver;
	border-bottom: 1px solid silver;
	margin-top:2px;
	padding: 1px 1px 1px 1px;
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}

table#planer th {
	font-family: Arial, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align: left;
	padding-left: 6px;
	}
	
/***********************************************************************/
/*** Spektrum Inhaltsrahmen ***/
/***********************************************************************/


body#spektrum div#subnavigation, div#unittext {
	width: 236px;
}

body#spektrum div#subnavigation {
	position: absolute;
	top: 0px;
	left: 0px;
}

body#spektrum div#unittext {
	position: absolute;
	top: 0px;
	left: 244px;
}

body#spektrum div#subsubnavigation {
	position:absolute;
	top: 0px;
	left: 732px;
}

/***********************************************************************/
/*** Referenzen Inhaltsrahmen ***/
/***********************************************************************/

body#referenzen div#subnavigation, body#referenzen div#subsubnavigation{
	width: 236px;
}

body#referenzen div#subnavigation {
	position: absolute;
	top: 0px;
	left: 0px;
}

body#referenzen div#subsubnavigation {
	position:absolute;
	top: 0px;
	left: 732px;
	line-height: 14px;
}

body#referenzen div#subsubnavigation p {
	margin: 7px 0px 7px 0px;
}

body#referenzen div#spalte2, body#referenzen div#spalte3 {
	width: 236px;
}

body#referenzen div#spalte2 {
	position: absolute;
	top: 0px;
	left: 244px;
}

body#referenzen div#spalte3 {
	position: absolute;
	top: 0px;
	left: 488px;
}

body#referenzen div.modul {
	margin-bottom: 20px;
}

/***********************************************************************/
/*** Freier Inhalt Inhaltsrahmen ***/
/***********************************************************************/

body#frei div#subnavigation, body#frei div#spalte2, body#frei div#spalte3, body#frei div#spalte4{
	width: 236px;
}

body#frei div#subnavigation {
	position: absolute;
	top: 0px;
	left: 0px;
}

body#frei div#subsubnavigation {
	position:absolute;
	top: 0px;
	left: 732px;
	line-height: 14px;
}

body#frei div#subsubnavigation p {
	margin: 7px 0px 7px 0px;
}
body#frei div#spalte2 {
	position: absolute;
	top: 0px;
	left: 244px;
}

body#frei div#spalte3 {
	position: absolute;
	top: 0px;
	left: 488px;
}

body#frei div#spalte4 {
	position: absolute;
	top: 0px;
	left: 732px;
}

body#frei div.modul {
	margin-bottom: 20px;
}

/***********************************************************************/
/*** Einzelprojekt Inhaltsrahmen ***/
/***********************************************************************/

body#einzelprojekt div#subnavigation, body#referenzen div#subnavigation {
	width: 236px;
}

body#einzelprojekt div#subnavigation {
	position: absolute;
	top: 0px;
	left: 0px;
}

body#einzelprojekt div#subsubnavigation {
	position:absolute;
	top: 0px;
	left: 732px;
}

body#einzelprojekt div#projektbilder, body#referenzen div#projekttext, body#einzelprojekt div#projekttext {
	width: 236px;
}

body#einzelprojekt div#projektbilder {
	position: absolute;
	top: 0px;
	left: 244px;
}

body#einzelprojekt div#projekttext {
	position: absolute;
	top: 0px;
	left: 488px;
}

body#einzelprojekt div.einzelbild {
	margin: 0px 0px 16px 0px;
}

body#einzelprojekt div#einzelbild {
	margin: 0px 0px 16px 0px;
}