@charset "utf-8";
/* CSS Document */
body {
	font: 100% Arial, Helvetica, sans-serif;
	
	background: transparent ;
	background-image:url(../media/bg.gif); background-position:top; background-repeat:repeat-x;
	margin: 0; /* Es empfiehlt sich, margin (Rand) und padding (Auffüllung) des Body-Elements auf 0 einzustellen, um unterschiedlichen Browser-Standardeinstellungen Rechnung zu tragen. */
	padding: 0;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
	color: #000000;
}
.oneColFixCtrHdr #container {
	width: 900px;  /* Mit einer Breite, die 20 Pixel unter der vollen Breite von 800 Pixel liegt, können Sie dem Browser-Chrome Rechnung tragen und gleichzeitig eine horizontale Bildlaufleiste vermeiden. */
	background:transparent;
	margin: 2px auto; /* Durch automatische Ränder (in Verbindung mit einer Breite) wird die Seite zentriert. */
	text-align: left; /* Hierdurch wird die Einstellung text-align: center im Body-Element überschrieben. */
}
.oneColFixCtrHdr #header {
	background: #3e506e;
	height:50px;
	padding: 0 10px 0 10px;  /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. Wenn im #header anstelle von Text ein Bild eingesetzt wird, sollten Sie die Auffüllung entfernen. */
}
.oneColFixCtrHdr #header h1 {
	margin: 0; /* Wenn Sie den Rand des letzten Elements im #header-div auf 0 einstellen, können Sie das Auftreten unerwarteter Abstände zwischen divs vermeiden. Wenn das div einen Rahmen hat, ist dies unnötig, weil dieser Rahmen die gleiche Wirkung hat. */
	padding: 10px 0;
	color:#FFF;
	font-size:16pt;
}
.oneColFixCtrHdr #mainContent {
	padding: 0; 
	background: #fff;
}
.oneColFixCtrHdr #footer {
	padding: 0 10px; /* Diese Auffüllung entspricht der linksbündigen Ausrichtung der Elemente in den divs, die darunter erscheinen. */
	margin:5px;
	border-top: 1px solid gray;
	
	
}
.oneColFixCtrHdr #footer p {
	margin: 0; /* Wenn Sie die Ränder des ersten Elements in der Fußzeile auf 0 einstellen, können Sie unerwartete Abstände zwischen divs vermeiden. */
	padding: 5px 0; /* Durch die Verwendung der Auffüllung bei diesem Element entsteht genau wie bei einem Rand ein Leerraum, aber ohne die potenziellen Abstandsprobleme. */
}
.divleft{ width:600px; float:left; border: #415373 1px; border-style: solid; height:401px; background:#f3f3f3;}
.divright{ float:right; width:250px; border: #415373 1px; border-style: solid; background-color: #f3f3f3;}
.menue{ height:35px; margin:1px 0px 2px 0px; padding-bottom:1px;}
.main2 { height: auto; margin: 10px 0px 10px 0px; padding-top:10px;}
.main3 { height: auto; margin:0; padding-top:2px;}

.divmain2 { float:left; width:280px;}
.divmain3 { float:left; width:280px; margin-left:25px;}
.divmain4 { float:right; width:280px; margin-left:15px;}

.divimp{ width:600px; float:left; border: #415373 1px; border-style: solid; height:401px; background-image:url(../img/bg_imp.png); background-repeat:repeat-x;}


#modernbricksmenu{
padding: 0;
width: 100%;
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

#modernbricksmenu ul{
font: 10px Arial;
margin:0;
margin-left:0; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

#modernbricksmenu li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

#modernbricksmenu a{
float: left;
display: block;
color: white;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
text-decoration: none;
letter-spacing: 1px;
background-color: #4d5659; /*Default menu color*/
border-bottom: 1px solid white;
}

#modernbricksmenu a:hover{
background-color:#445879; /*Menu hover bgcolor*/
}

#modernbricksmenu #current a{ /*currently selected tab*/
background-color: #445879; /*Brown color theme*/ 
border-color: #445879; /*Brown color theme*/ 
}

#modernbricksmenuline{
clear: both;
padding: 0;
width: 100%;
height: 3px;
line-height: 2px;
background: #445879; /*Brown color theme*/ 
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: bold 11px Verdana;
height: 22px;
background-color: lightyellow;
}




.p1{ text-align:left; font-size:9pt; margin-left:5px; color:#606060; }
.p3{ text-align:center; color:#606060; font-size:8pt;} 
.p4{ text-align:left; color:#606060; font-size:9pt; margin-left:5px; padding:0;} 
.p5{ text-align:left; font-size:9pt; color:#606060; margin:0px 10px 5px 5px; }
.p6{ text-align:left; font-size:9pt; margin-left:5px; color:#606060; margin-right:5px;}
.p7{ text-align:left; font-size:9pt; color:#606060; margin:5px 0px 0px 0px; padding:0; }


a:link          { color: #003366 ; text-decoration : none;}
a:visited       { color: #0033CC;text-decoration : none;}
a:focus         { color: #0066FF;text-decoration : underline;}
a:hover         { text-decoration :none; color: #CC0066;}
a:active        { color : #e22100;text-decoration : none;}
.current        { font-size:12px; color:#CF6; background-color: #CCC; border:#666 1px solid; }
img { border:0;}
td { border-bottom:thin #CCCCCC; border-bottom-style:dotted; font-size:12px; vertical-align:top;}
th { font-size:12px;}
h5{text-align:center; font-size:14px; color:#fff ; display:block; padding:0; margin:0; background:#445879;}
h4{ margin-left:5px; }
.strongmarked{ font-weight: bolder; background: #CC9;}
li{font-size:12px;}
strong {font-size:12px; color:#333; background: #CFE3F3;/*background color bold text*/}

.divleft1{ width:290px; height:200px; overflow:scroll; float:left; margin-left:5px;border: solid 1px #d3d2d2;}
.divleft2{ width:290px; height:200px; overflow:scroll; float:left; margin-left:5px; border: solid 1px #d3d2d2;}
.divleft3{ width:290px; height:200px; overflow:scroll; float:left; margin:5px 0px 0px 5px; border: solid 1px #d3d2d2;}
.divleft4{ width:290px; height:200px; overflow:scroll; float:left; margin:5px 0px 0px 5px; border: solid 1px #d3d2d2;}
.div4 { height:10px; float:left; width:290px;}

.img1 { padding-left:10px; border:none;}
.img2 { border: #273c47 1px solid;}
.img4 {padding-right:5px;}
.img5 {padding-left:5px;}

.p7a{ text-align:left; font-size:9pt; color:#fff; margin:10px 10px 10px 5px; }

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #313131;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
font: bold 16px Tahoma;
letter-spacing: 5px;
line-height: 1.1em;
color: white;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid black;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
}