/* CSS Document */

/***********************************************/
/* GIESE                                       */
/***********************************************/

/***********************************************/
/* Main                                        */
/***********************************************/

body {
	margin: 0 auto;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color: #FFFFFF;
}

H1 {
	font-size: 25px;
	color: #757575;
}


H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	margin: 25px 50px 0px 50px;
	padding: 0px;
}

H3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	margin: 18px 50px 30px 50px;
	padding: 0px;
	
}

H4 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	margin: 25px 50px 0px 50px;
	padding: 0px;
}

H5 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #999999;
	text-align: left;
	margin: 15px 50px 15px 50px;
	padding: 0px;
}

div.grayline { 
	clear: both; 
	height: 1px; 
	width: 200px;
	margin-left: 50px;
	margin-right: 50px;
	background: url(../images/line_gray.gif) repeat-x; margin-top: 10px; margin-bottom: 10px;
}

div.reddots { 
	clear: both; 
	height: 1px; 
	width: 200px;
	margin-left: 50px;
	margin-right: 50px;
	background: url(../images/dots_red.gif) repeat-x; margin-top: 10px; margin-bottom: 10px;
}

div.orangedots { 
	clear: both; 
	height: 1px; 
	width: 200px;
	margin-left: 50px;
	margin-right: 50px;
	background: url(../images/dots_orange.gif) repeat-x; margin-top: 10px; margin-bottom: 10px;
}

div.bluedots { 
	clear: both; 
	height: 1px; 
	width: 200px;
	margin-left: 50px;
	margin-right: 50px;
	background: url(../images/dots_blue.gif) repeat-x; margin-top: 10px; margin-bottom: 10px;
}

/***********************************************/
/* Links                                       */
/***********************************************/

a {outline: none;} /* Keine outline bei FF */

/***********************************************/
/* TopHeader                                   */
/***********************************************/

#topHeader {
	height: 10px;
	background-color: #757378;
}

/***********************************************/
/* MainBox                                     */
/***********************************************/

#mainBox {
	margin: 0 auto;
	width: 904px;
	background: #FFFFFF;
}

/***********************************************/
/* MainHeader                                  */
/***********************************************/

#mainHeader {
	width: 904px;
	height: 50px;
	text-align: left;
	margin: 0px auto;
	background-color:#FFFFFF;
}

#mainHeader H1 {
	text-align: center;
	margin: 0 auto;
	width: 350px;
	height: 50px;
}

#mainHeader H1 span {
	display: none;
}

#mainHeader H1 a {
	display: block;
	width: 350px;
	height: 100px;
}

#mainHeaderLogo {
	width: 904px;
	text-align: right;
	margin-bottom: 25px;
}

#mainHeader P {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #666666;
	width: 850px;
	margin: 0px;
	padding-top: 17px;
	padding-right: 54px;
}

#mainHeader P a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: right;
	color: #666666;
	text-decoration: none;
}

#mainHeader P a:hover {
	text-decoration: underline;
}

/***********************************************/
/* MainContent                                 */
/***********************************************/

#mainContent {
	margin-top: 0px;
}

/***********************************************/
/* MainBox - SingleCOL                         */
/***********************************************/

#singleCOL {
	width: 756px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	padding: 0px 0px 53px 0px;
}

#singleCOL p {
	text-align: left;
	text-decoration: none;
	margin: 0px;
}

#singleCOL h3 {
	font-size: 12px;
	text-align: left;
	color: #666666;
	margin-bottom: 5px;
}

#singleCOL h4 {
	font-size: 11px;
	text-align: left;
	color: #666666;
	margin-bottom: 5px;
}

#singleCOL ul {
	list-style-type: lower-latin;
	margin-bottom: 15px;
}
 
#singleCOL li {
	text-align: left;
	list-style-type: lower-latin;
	line-height: 16px;
	margin-bottom: 5px;
	padding: 0px;
}

/***********************************************/
/* MainBox - DoubleCOL                         */
/***********************************************/

#doubleCOL {
	width: 756px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #666666;
	padding: 0px 0px 18px 0px;
}

#doubleCOL p {
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 35px 0px;
}

#doubleCOL H3 {
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 11px 0px;
}

#datenschutz .firstCOL {
	float: left;
	width: 450px;
	padding-right: 54px;
}

#datenschutz .secondCOL {
	float: left;
	width: 252px;
}

/***********************************************/
/* MainBox - TripleCOL                         */
/***********************************************/

#tripleCOL {
	margin: 0 auto;
	width: 904px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 18px;
	padding: 0px 0px 50px 0px;
	border: 0px solid #CCCCCC;
	background: #FFFFFF url(../images/bg_stripes.gif) repeat; 
}

#tripleCOL img {
	margin: 0px 50px 0px 50px;
}

.imageframe {
	margin: 0px 50px 0px 50px !important;
	padding: 5px;
	border: 1px solid #CCCCCC;
}

#tripleCOL .firstCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D60332;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#tripleCOL .firstCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D60332;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#tripleCOL .secondCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF7816;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#tripleCOL .secondCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF7816;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#tripleCOL .thirdCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1997B5;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#tripleCOL .thirdCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1997B5;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#tripleCOL p {
	width: 200px;
	text-decoration: none;
	margin: 10px 50px 0px 50px;
}

#tripleCOL p.legende {
	margin: 5px 50px 0px 50px;
}

#tripleCOL .firstCOL H2, .firstCOL H4 {
	color: #EC0034;
}

#tripleCOL .secondCOL H2, .secondCOL H4 {
	color: #FF7816;
}

#tripleCOL .thirdCOL H2, .thirdCOL H4 {
	color: #1997B5;
}

#tripleCOL .thirdCOL H4 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #1997B5;
	text-align: left;
	margin: 25px 50px 0px 50px;
}

#tripleCOL H4 a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999; /* #CDE120 */
	text-align: left;
	margin: 0px 0px 12px 0px;
}

#tripleCOL a:hover img {
	display: block;
	text-decoration: none;
	background-color: #F6F6F6;
}

#tripleCOL ul {
	list-style-type: none;
	margin: 10px 0px 25px 0px;
}
 
#tripleCOL .firstCOL li {
	text-align: left;
	list-style-type: none;
	background: transparent url(../images/bullet_projekt.gif) no-repeat scroll 0pt 0.75em;
	margin: 10px 50px 0px 10px;
	padding-left: 15px;
}

#tripleCOL .secondCOL li {
	text-align: left;
	list-style-type: none;
	background: transparent url(../images/bullet_architektur.gif) no-repeat scroll 0pt 0.75em;
	margin: 10px 50px 0px 10px;
	padding-left: 15px;
}

#tripleCOL .thirdCOL li {
	text-align: left;
	list-style-type: none;
	background: transparent url(../images/bullet_maritim.gif) no-repeat scroll 0pt 0.75em;
	margin: 10px 50px 0px 10px;
	padding-left: 15px;
}

#tripleCOL ol {
	list-style-type: none;
	margin: 2px 50px 0px 10px;
	padding-left: 15px;
}

.firstCOL, .secondCOL {
	float: left;
	width: 300px;
	border-left: 0px solid #CCCCCC;
	margin-right: 0px;
}

.thirdCOL {
	float: left;
	width: 300px;
	border-left: 0px solid #CCCCCC;
	border-right: 0px solid #CCCCCC;
}


/***********************************************/
/* PopUp                                       */
/***********************************************/

#popupHeader {
	width: 550px;
	height: 50px;
	text-align: left;
	margin: 25px auto;
	border-top: 3px solid #666666;
	border-bottom: 1px solid #666666;
}

#popupHeader H1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	color: #333333;
	height: 50px;
	margin: 0px;
	padding-top: 15px;
}

#vita {
	width: 550px;
	margin: 0 auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 18px;
	color: #666666;
	padding: 0px 0px 18px 0px;
}

.TDfirst {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-decoration: none;
	padding-right: 25px;
}

.TDsecond {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #333333;
	text-align: left;
	text-decoration: none;
	margin: 0px 0px 35px 0px;
}

#popupFooter {
	width: 550px;
	height: 50px;
	text-align: left;
	margin: 15px auto;
	border-top: 1px solid #666666;
}

#popupFooter p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

#popupFooter a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #333333;
	text-align: left;
	text-decoration: none;
	margin: 10px 0px 0px 0px;
}

#popupFooter a:hover {
	color: #999999;
}


/***********************************************/
/* PageDivider                                 */
/***********************************************/

#pageDivider {
	clear: right;
	height: 50px;
	margin-top: 50px;
}

div.dividergrayline { 
	clear: both; 
	height: 1px; 
	width: 90%;
	margin-left: 50px;
	margin-right: 50px;
	background: url(../images/line_gray.gif) repeat-x; margin-top: 10px; margin-bottom: 10px;
}


/***********************************************/
/* Footer                                      */
/***********************************************/

#footer {
	margin: 0 auto;
	width: 904px;
	height: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 18px;
	padding: 0px 0px 25px 0px;
	border-bottom: 0px solid #CCCCCC;
	background: #FFFFFF url(../images/bg_stripes.gif) repeat; 
}

#footer .firstCOL H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #EC0034;
	text-align: left;
	margin: 0px 50px 0px 50px;
	padding: 0px;
}

#footer .secondCOL H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF7816;
	text-align: left;
	margin: 0px 50px 0px 50px;
	padding: 0px;
}

#footer .thirdCOL H2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #1997B5;
	text-align: left;
	margin: 0px 50px 0px 50px;
	padding: 0px;
}

#footer .firstCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D60332;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#footer .firstCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #D60332;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#footer .secondCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF7816;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#footer .secondCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FF7816;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#footer .thirdCOL a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1997B5;
	text-decoration: none;
	text-align: left;
	padding: 0px;
}

#footer .thirdCOL a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #1997B5;
	text-decoration: underline;
	text-align: left;
	padding: 0px;
}

#footer p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	margin-left: 50px;
	line-height: 18px;
}

#footer ul {
	list-style:none;
	margin: 0px;
	padding: 0px;
}
 
#footer li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	margin: 0px;
	padding: 0px;
	display: inline;
}

#footer img {
	margin: 15px 50px 0px 50px;
}


/***********************************************/
/* Misc                                        */
/***********************************************/

.clearer {
	clear: both;
}

.contentSpacer10 {
	clear: both;
	height: 10px;
	background-color:transparent;
}

.contentSpacer15 {
	clear: both;
	height: 15px;
	background-color:transparent;
}

.contentSpacer25 {
	clear: both;
	height: 25px;
	background-color:transparent;
}