/*
Wichtig: Beim Aendern von horizontalen Margins oder Paddings muss regelmaessig die Breite 
unter #content angepasst werden, da sonst die sidebar nach unten rutscht.
*/

body {
	background-image: url(hintergrund.jpg);
	/*background-position: 30% -150px; */
	background-position: 70% 50%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px; 
	color: Black;
	background-color: #666666; /* Farbe, bis das Bild geladen ist beim IE */
  min-width: 960px; /* Gesamtbreite der Seite */
}

img {
  border: 0px;
	filter:progid:dxImageTransform.Microsoft.shadow(color=#5D5D5D,direction=135), alpha(opacity=100); 
	-moz-opacity:1.00; opacity:1.00;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
  -webkit-border-radius: 5px;	
	-moz-border-radius: 5px;	
	border-bottom: none;
	margin-bottom: 5px; 
}

/* Menüpunkt, auch Grafiken */
a:link {
	color: #000000;
	text-decoration: none;
}
a:visited {
	color: #000000;
	text-decoration: none;
}
a:hover {
	color: #0054AE;
	text-decoration: none;
	font-weight: bold;
}
a:active {
	color: #0054AE;
	text-decoration: none;
}

/* Unterstrichene Links im Text */
.visibleLink {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #0054AE;
}

#flag_germ_33x21px {
	margin-right: 2px;
	margin-bottom: 5px;
}

#flag_eng_33x21px {
	margin-right: 2px;
	margin-bottom: 5px;
}

.headerLeft {
	float: left;
}

.headerMiddle {
	float: left;
}

.headerRight {
	float: right;
}

.belowHeader {
	clear: both;
	float: none;
	margin-top: 10px;
}

/* ------------------------------------------------------------------------- */
/* Formate fuer Menu (links)                                                 */
/* ------------------------------------------------------------------------- */

/* Box fuer's Menue links */
.menu {
	clear: both;
	float: left;
	color: Black;
	/* background: #63a7e7; */
	background: #aaaaaa;
	width: 137px; /* Haengt von Gesamtbreite ab */
	vertical-align: top;
	padding: 10px; /* Haengt von Gesamtbreite ab */
	margin-top: 50px;
	/*
	filter:progid:dxImageTransform.Microsoft.shadow(color=#5D5D5D,direction=135), alpha(opacity=90);
	*/
	filter:alpha(opacity=90);
	-moz-opacity:0.90; opacity:0.90;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;

	-moz-border-radius-topleft: 5px;
	-webkit-border-top-left-radius: 5px;
	-khtml-border-radius-topleft: 5px;
	
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	-khtml-border-radius-topright: 0px;
	
	-moz-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-khtml-border-radius-bottomleft: 5px;
	
	-moz-border-radius-bottomright: 0px;
	-webkit-border-bottom-right-radius: 0px;  
	-khtml-border-radius-bottomright: 0px;
	
	min-height: 100px;
}

.menuItem {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-bottom: 1px dotted Black;
	/*text-transform: uppercase;*/
}

/* ------------------------------------------------------------------------- */
/* Formate fuer Content-Spalte (Mitte)                                       */
/* ------------------------------------------------------------------------- */

/* Box fuer die Content-Spalte in der Mitte */
.content {
	float: left;
	color: Black;
	background: White;
	width: 455px; /* Haengt von Gesamtbreite ab */
	padding: 5px 5px 5px 5px; /* Haengt von Gesamtbreite ab */
	margin-top: 10px;
	height: 570px;
	filter:progid:dxImageTransform.Microsoft.shadow(color=#5D5D5D,direction=135), alpha(opacity=90);
	-moz-opacity:0.90; opacity:0.90;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
	-moz-border-radius: 5px;
  -webkit-border-radius: 5px;	
	-khtml-border-radius: 5px;
	overflow: auto;
}

.middleHeader {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted Gray;
	margin-top: 14px;
	margin-bottom: 10px;
	padding-bottom: 2px;
	color: #004F9B;
	background-color: White;
}

.middleText {
	font-size: 11px;
	margin-bottom: 10px;
}

.middleTextLink {
	font-size: 11px;
	color: Maroon;
	background-color: White;
}

h1 {
	border-bottom: 1px dotted Gray;
	font-size: 14px;
	font-weight: bold;
	margin-top: 14px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	color: #0054AE; 
	background-color: White;
}

h2 {
	font-size: 11px;
	margin-top: 0px;
	margin-bottom: 2px;
}

.referenzen {
	font-size: 11px;
	margin-bottom: 0px;
	/*text-decoration: underline;*/
}

/* ------------------------------------------------------------------------- */
/* Formate fuer Sidebar (rechts)                                             */
/* ------------------------------------------------------------------------- */

/* Box fuer die Spalte rechts */
.sidebar {
	float: right;
	color: Black;
	background: White;
	width: 130px; /* Haengt von Gesamtbreite ab */
	/*margin-left: 100px;*/
	margin-left: 10%;
	margin-right: 10px;
	padding: 10px; /* Haengt von Gesamtbreite ab */
	margin-top: 10px; 
	filter:progid:dxImageTransform.Microsoft.shadow(color=#5D5D5D,direction=135), alpha(opacity=90);
	-moz-opacity:0.90; opacity:0.90;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
  -webkit-border-radius: 5px;	
	-moz-border-radius: 5px;
}

.sideBarHeading {
	border-bottom: 1px solid;
	border-color: Gray;
	font-size: 11px;
	color: #004F9B;
	background-color: White;
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 5px;
}

.sideBarText {
	font-size: 11px;
	margin-bottom: 10px;
}

.sideBarHigh {
	font-size: 11px;
	font-weight: bold;
	margin-bottom: 10px;
	color: Maroon;
}


.chinasign {
	clear: both;
	float: left;
	margin-top: 30px;
	margin-left: 50px;
}

.footer {
	clear: both;
	font-size: 9px;
	text-align: center;
	padding-top: 10px
	color: White;
	/*background-color: White;*/
	margin-top: 10px;
	/*width: 99.9%; */
}