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

html, body {
    background-color: #ffffff;
    margin: 0;
    padding: 0px;
    text-align: center;
    font-family: Arial, Helvetica, sans-serif;
    line-height:1.5;
    font-size: 12px;
    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;
}

h1.project {
	font-size:12px;
	margin-top:0;
	}

h2 {
    font-size: 12px;
    margin:0 0 16px 0;
}

h3 {
    font-size: 12px;
}

h4 {
    font-size: 12px;
    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#subnavigation h1 {
    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: 12px;
    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: 12px;
}

div#subnavigation ul a h1 {
    color: #4C4A4F;
    text-decoration: none;
    font-size: 11px;
    margin:0;
}
div#subnavigation ul a:hover {
    color: #C10020;
}

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

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

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;
}

body#referenzen div.modulkopfbild h3 {
    margin:8px 0 0 0;
    font-size:12px;
}

body#referenzen div.modulkopfbild h3+p {
    margin-top:0;
}

/***********************************************************************/
/*** 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;
}