@charset "utf-8";
body {
	font: 90% Verdana, Arial, Helvetica, sans-serif;
	color: #cccccc; background: #62676d;
	margin: 2em 0 1em 0; padding: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
}

ul { margin: 1em 0 1em 2em; padding: 0;}
ol { margin: 1em 0 1em 2em; padding: 0;}
li { margin: 0 0 0.5em 0;}
h1 { font-size:140%; font-weight:normal; margin:1em 0 1.5em 0;}
h2 { font-size:120%; font-weight:normal; margin:2em 0 1.5em 0;}
h3 { font-size:100%; font-weight:bold; }
small { font-size:90%; margin: 1em 0; }
img { border: none; }
/* ~~ Die Reihenfolge der Stildefinitionen für die Hyperlinks der Site, einschließlich der Gruppe der Selektoren zum Erzeugen des Hover-Effekts, muss erhalten bleiben. ~~ */
a:link {
	color: #cccccc;
	text-decoration: underline; /* Sofern Ihre Hyperlinks nicht besonders hervorgehoben werden sollen, empfiehlt es sich, zur schnellen visuellen Erkennung Unterstreichungen zu verwenden. */
}
a:visited { color: #cccccc; text-decoration: underline; }
a:hover, a:active, a:focus { /* Durch diese Gruppe von Selektoren wird bei Verwendung der Tastatur der gleiche Hover-Effekt wie beim Verwenden der Maus erzielt. */
	text-decoration: underline;
}
/* ~~ Dieser Container mit fester Breite umschließt die anderen div-Tags. ~~ */
#container {
	width: 1015px;
	margin: 0 auto; /* Der mit der Breite gekoppelte automatische Wert an den Seiten zentriert das Layout. */
}
#header { 
	margin: 0 0 1em 0;	/* der Header soll nach unten etwas Abstand zum Content bekommen */
	padding: 0 0 0 0;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
} 
#header ul { margin:0; }
#header ul li { display:inline; padding:0 1em 0 0; }
#header ul li a{ text-decoration: none; }

#submenu { float:left; margin: 1em 0 0 0; }
#submenu li {
	list-style-type:none;
	margin: 0;
	line-height:250%;
	font-size:100%;
}
#submenu li a{ text-decoration:none; }
#submenu .subsubmenu { margin: 0 0 0 2em; }
#submenu .subsubmenu li{
	list-style-type:none;
	font-size:80%;
	line-height:150%;
	margin: 0 0 0.8em 0;
}
#submenu .subsubmenu li a{ text-decoration:none; }

#mainContent {
	overflow:hidden;
	border-bottom:1px solid #999999;
	border-top:1px solid #999999;
	margin: 0 0 0 0;
	text-align: left;
	padding: 0 0 1em 0;
	z-index:0;
}

#footer { font-size:80%; margin: 1em 0 0 0px; padding: 0; } 
#footer a{text-decoration:none;}
div.fliesstext p{ margin: 0 4em 1em 4em; }

td { vertical-align:top; }
td.kontakt { padding:6px 4px 6px 0; border-bottom:1px solid #999999; }
td.objekte { padding:6px 4px 6px 0; border-top:1px solid #999999; }
table.infos { margin-left: 50px; }

table.projektliste td { padding:0px 1em 4em 0px; }
table.projektliste td h2 { margin: 0 0 1em 0; }
table.projektliste img { border:1px solid #999999; }

table.right {float:right; }
table.right td {padding: 0 0 2em 0; }

/* Formatierung der Bilder */
.box_inline_pic_right { float:right; margin:16px 0 12px 10px; padding:4px 0 4px 4px; }
.box_inline_pic_left { float:left; margin:12px 16px 12px 0; padding:4px 4px 4px 0; }
.box_inline_pic_center { margin:12px 0 12px 0; padding:4px 0 2px; }
.box_inline_pic_caption { font-size:80%; font-weight:normal; margin:0; padding:4px 0 0; }
.box_inline_pdf_right { background-color:#CCC; float:right; margin:4px 0 12px 16px; padding:6px; color:#000; }
.box_inline_pic_right_mt0 { float:right; margin:0 0 12px 16px; padding:4px; }
.box_inline_pic_left_mt0 { float:left; margin:0 16px 12px 0; padding:4px; }
/* Formatierungen der pdf,kmz,kml-Dokumente, eingebettet in div-Tags */
.box_pdf_center { margin:4px auto 12px auto; padding:4px; float:none; background-color: #555;}
.box_inline_pdf_right { margin:4px 0px 12px 16px; padding:6px; float:right; background-color: #555;}
.box_inline_pdf_left { margin:4px 16px 12px 0px; padding:4px; float:left; background-color: #555;}
.box_inline_pdf_caption { text-align:left; vertical-align:middle; font-size:8pt; font-weight: normal; margin:0px 0px 0px 0px; padding:6px 0px 0px 0px;}

#videoPlayer { visibility:hidden; }

#textseite { margin:0 0 0 14em; }
#back_fwd_top ,#back_fwd_btm  {
	float:right;
}
#back_fwd_top a,#back_fwd_btm a {
	text-decoration:none;
}

div #fusszeile {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:8pt;
	margin:2pt 2pt 2pt 0pt;
	text-align:left;
}

img #hotspots { border:1px solid #999999; }

.hervorheben { 
	background-color:#cccccc;
	border:1px dotted #999999;
	color:black;
	font-weight:normal;
	padding:3px;
}
/* Startseite */
#startbild {
	position:relative;
	width: 1015px;
	margin:0 auto;
}

#test{
	background-color:#FFF;
	filter:alpha(opacity=70); /* IE */
	opacity:0.7; /* allgemein */
	-moz-opacity:0.7; /* Mozilla */
	-khtml-opacity:0.7; /* KTHML */
	-opera-opacity:0.7; /* Opera */
	width:320px;
	height:110px;
	position:absolute;
	top:350px;
	right:0;
	text-align:right;
}

#test p{
	color:#000;	
	margin: 0.5em;
}

#test h1{
	color:#000;
	margin:0.5em;
}

#test h2{
	color:#000;	
	margin: 0.5em;
}

/*Aktuelles*/
#aktuelles_termine{
	border:1px solid #cccccc;
	background-color:#62676d;
	width:350px;
	float:right;
	text-align:right;
	padding:4px 16px 4px 4px;
	margin-left:55px;
	margin-bottom:0;
}