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

@font-face { 
	font-family: 'DIN'; 
	src: url('/fonts/DINWeb.eot'); 
} 

@font-face { 
	font-family: 'DIN'; 
	src: local(DIN), url('/fonts/DINWeb.woff') format('woff');
	font-weight: normal;
	font-style: normal;
} 

@font-face { 
	font-family: 'DIN'; 
	src: local(DIN), url('/fonts/DINWeb-Bold.woff') format('woff');
	font-weight: bold;
	font-style: normal;
} 

@font-face { 
	font-family: 'DIN'; 
	src: local(DIN), url('/fonts/DINWeb-Ita.woff') format('woff');
	font-weight: normal;
	font-style: italic;
} 

@font-face { 
	font-family: 'DIN'; 
	src: local(DIN), url('/fonts/DINWeb-BoldIta.woff') format('woff');
	font-weight: bold;
	font-style: italic;
} 

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

img {
	border: 0px;
	box-shadow: 5px 5px 5px #5D5D5D;
	-moz-box-shadow: 5px 5px 5px #5D5D5D;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
	border-radius: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
}

a:link {
	color:#000000;
	text-decoration: none;
}
a:visited {
	color:#000000;
	text-decoration: none;
}
a:hover {
	color:#9B0000;
	text-decoration: none;
	/*font-weight: bold;*/
}
a:active {
	color:#9B0000;
	text-decoration: none;
}

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

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

#flag_chin_33x21px {
	margin-right: 0px;
	margin-bottom: 5px;
}

html body div.headerLeft img {
	float: left;
	border: 0px;
	border-radius: 0px;
	box-shadow: 0px 0px 0px #5D5D5D;
	-moz-box-shadow: 0px 0px 0px #5D5D5D;
	-webkit-box-shadow: 0px 0px 0px #5D5D5D;
	opacity:1;
}

.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: #CCCCCC;
	width: 137px; /* Haengt von Gesamtbreite ab */
	vertical-align: top;
	padding: 10px; /* Haengt von Gesamtbreite ab */
	margin-top: 30px;

	box-shadow: 5px 5px 5px #5D5D5D;
	-moz-box-shadow: 5px 5px 5px #5D5D5D;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
	opacity:0.95;

	border-top-left-radius: 5px;
	border-bottom-left-radius: 5px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 0px;

	min-height: 100px;
}

/* ------------------------------------------------------------------------- */
/* 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 */
	border-radius: 5px;
	box-shadow: 5px 5px 5px #5D5D5D;
	-moz-box-shadow: 5px 5px 5px #5D5D5D;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
	opacity:0.95;
  min-height: 300px;
}

/* Menüpunkte */
h1 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 1px;
	border-bottom: 1px dotted Black;
}

/* Neu, statt .middleHeader */
h2 {
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dotted Gray; 
	margin-top: 14px;
	margin-bottom: 5px;
	padding-bottom: 2px;
	color: #004F9B;
	background-color: White;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 5px;
	background-color: White;
}

/* deprecated */
.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: 12px;
	margin-bottom: 10px;
}

.referenzen {
	font-size: 12px;
	margin-bottom: 0px;
}

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

/* Box fuer die Spalte rechts */
.sidebar {
	float: right;
	color: Black;
	background: White;
	width: 130px; /* Haengt von Gesamtbreite ab */
	margin-left: 10%;
	margin-right: 10px;
	padding: 10px; /* Haengt von Gesamtbreite ab */
	border-radius: 5px;
	box-shadow: 5px 5px 5px #5D5D5D;
	-moz-box-shadow: 5px 5px 5px #5D5D5D;
	-webkit-box-shadow: 5px 5px 5px #5D5D5D;
	opacity:0.95;
}

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

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

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

html body div.chinasign img {
	clear: both;
	float: left;
	margin-top: 30px;
	margin-left: 50px;
	border-radius: 0px 0px 0px 0px;
	box-shadow: 0px 0px 0px #5D5D5D;
}

.footer {
	clear: both;
	font-size: 8px;
	text-align: center;
	padding-top: 10px
	/*color: #666666;*/
	color: white;
	/* background-color: #666666; */
	margin-top: 10px;
	/* width: 10%; */
}