/*-------  Allgemeine Einstellungen  ---------------------------------*/

/* Au§enabstŠnde fŸr alle HTML-Elemente        */
* { margin:0; padding: 0; }

/* Korrektur: Das ZurŸcksetzen der AbstŠnde verursacht zu kleine Selectboxen. */
option { padding-left: 0.4em; }

/* Globale Korrektur des Italics Bugs des IE 5.x und IE 6
  *
  * @bugfix
  * @affected   IE 5.x/Win, IE6
  * @css-for    IE 5.x/Win, IE6
  * @valid      yes
  */
  * html body * { overflow:visible; }
  * html iframe, * html frame { overflow:auto; }

/* Vertikaler Scrollbalken fŸr Netscape, Firefox und Safari setzen */
html { 
	/*height: 100%; margin-bottom: 1px;*/ 
	height: 100%; margin-bottom: 0px; 
}
  
/* Beseitigung von Rundungsfehler beim Skalieren von Schriftgrš§en in Šlteren Opera Versionen */
/* Standart fŸr Farben und Texte */
body {
  	padding: 0px;
    font-size: 100.01%;
    color: #000;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    text-align: left;
  	background: #ed1b2e url(../images/ddesignchina.jpg) no-repeat top center; 
}

/* Zentrierung des Layouts in alten IE-versionen */
body { text-align: center; }
#page_margins { text-align:left; margin: 0 auto; }

/* Layout-Breite, Hintergrund, Rahmen */
#page_margins { 
	width: 755px; 
	min-width: 755px; 
	max-width: 755px; 
	margin-top:0px;
	background: none; 
	border: 0px solid #aaaaaa; 
}

#page{ padding: 0px; }

/* Rahmen lšschen */
fieldset, img { border: 0 solid; }
/* Linkrahmen lšschen */
a { outline:none; }

/* Standardwerte fŸr Listen & Zitate */
ul, ol, dl { margin: 0 0 1em 1em; }
li { margin-left: 1.5em; line-height: 1.5em; }

dt { font-weight: bold; }
dd { margin: 0 0 1em 2em; }

blockquote { margin: 0 0 1em 1.5em; }




/*-------  Layout Einstellungen   -----------------------------------------------*/

/* Header Box */
#header {
	position:relative;
	width:754px;
		width:854px;
	height:224px;
		height:185px;
	border: 0px solid #ff0000; 
  }

#headlogo { 
    position:relative;
	width: 440px;
	height: 120px; 
	display:block;
	margin: 20px 0px 0px 158px;
	border: 0px solid #ff0000; 
} 

#headslogan {
		display: none;
	width: 756px;
	height: 30px; 
	margin: 15px 0px 0px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size:16px;
	line-height:28px;
	letter-spacing:1px;
	text-align: center;
	color: #ffffff;
	border: 0px solid #ff0000; 
  }
#headimage {
    position:absolute;
	width: 200px;
	height: 80px; 
	top:0px;
	display:block;
	margin: 61px 0px 0px -100px;
	border: 0px solid #ff0000; 
  }


h1.head {
    position:absolute;
	margin:-1000px 0px 0px -1000px;
}

/* Positionierung und Inhalt fŸr topnav */

#hnavbox { 
	position:relative; 
	width: 750px; 
		width: 840px; 
	height: 21px; 
		height: 21px; 
	margin: 0px; 
	margin-left: -45px; 
	padding: 0px; 
    background-color: #ffd400;
	border: 3px solid #ffffff; 
	border-top: 0px solid #ffffff; 
}


/* Ausrichtung zurŸcksetzen */
#header, #hnavbox, #main, #footer { clear:both; }


/* Content Container fŸr die 3 Boxen */
#main { 
	position:relative;
	width:750px;
	height:615px;
	padding: 0px; 
    background-color: #ffd400;
	border: 3px solid #ffffff; 
}

/* Cina Time 2008 Box (Rechts)*/
#chinabox { 
	position:absolute;
 	width: 87px; 
	height: 114px; 
	margin: -26px 0px 0px 689px; 
	display:block;
	z-index:10;
	overflow:hidden;
	border: 0px solid #ff0000; 
}
/* Drachen Box (Links)*/
#drachenbox { 
	position:absolute;
	width: 110px; 
	height: 200px; 
	margin: 415px 0px 0px 0px; 
	display:block;
	z-index:100;
	overflow:hidden;
	border: 0px solid #ff0000; 
}
/* Drachen Box (Links)*/
#planbox { 
	position:absolute;
	width: 250px; 
	height: 157px; 
	top: 458px; 
	margin: 0px 0px 0px 0px; 
	display:block;
	overflow:hidden;
	border: 0px solid #ff0000; 
}
/* Magazin Box (Rechts)*/
#magazinbox { 
	position:absolute;
	width: 105px; 
	height: 260px; 
	margin: 190px 0px 0px 772px; 
	display:block;
	overflow:hidden;
	border: 0px solid #ff0000; 
}
/* Magazin Box2 (Links)*/
#magazinbox2 { 
	position:absolute;
	width: 158px; 
	height: 190px; 
	top: 415px; 
	margin: 0px 0px 0px -23px; 
	display:block;
	overflow:hidden;
	border: 0px solid #ff0000; 
}
#magazinbox3 { 
	position:absolute;
	width: 105px; 
	height: 260px; 
	margin: 193px 0px 0px 775px; 
	display:block;
	overflow:hidden;
	border: 0px solid #ff0000; 
}

/* Content Box (Mitte) */
#contentbox { 
	position:absolute;
	height: 614px; 
	width: 749px; 
	overflow:visible;
	float:left; 
	border: 0px solid #ff0000; 
}
#cont_content { 
	position:relative; 
	padding: 45px 15px 10px 75px;  
	border: 0px solid #ff0000; 
}


#nav ul { margin-left: 20px; }
#nav_main { background-color: #ffd400; }


#footer { 
	position:relative; 
	height: 40px; 
    padding: 9px 0px 0px 0px;
    margin: 0px 0px 50px 0px;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-weight: bold; 
	font-size:11px;
	line-height:16px;
	letter-spacing:0px;
	text-align: left;
	color: #ffffff;
    border-top: 0px #efefef solid;
  }

#footnavi {
	position:relative; 
	height: 15px; 
	width: 245px;
	margin:19px 0px 0px 130px;
	float: left;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:10px; 
    color:#ffffff; 
	border: 0px solid #ff0000; 
  }
#footnavi img {
	margin:0px 0px -2px 0px;
	border: 0px solid #ffffff;
  }
#footnavi a {
	margin:0px 0px 0px 0px;
    color:#ffffff; 
  }
#footcopy {
	position:relative; 
	height: 15px; 
	width: 245px;
	margin:19px 0px 0px 0px;
	float: right;
    font-family: Verdana, Helvetica, Arial, sans-serif;
    font-size:10px; 
    color:#ffffff; 
	border: 0px solid #ff0000; 
  }
.datenschutz {
	position:absolute; 
	top:9px; 
	right:0; 
  }


/*------------------------------------------------------------------------------------------------------*/

/* @section clearing methods

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Diese Angabe benštigt der Safari-Browser zwingend !! */
.clearfix { display: block; }

/* Overflow-Methode zum Clearen der Float-Umgebungen */
.floatbox { overflow:hidden; }

/* IE-Clearing: Benštigt nur der Internet Explorer und Ÿber iehacks.css zugeschaltet */
#ie_clearing { display: none; }

/*------------------------------------------------------------------------------------------------------*/


/*------- Versteckte Inhalte  ---------------------------------------------------*/

/* Unsichtbare Elemente fŸr das Grundlayout */
.skip, .hideme, .print {
	position: absolute;
	top: -2000em;
    left: -2000em;
    height: 1px;
    width: 1px;
}

/* Unsichtbare Elemente fŸr die Navigation sichtbaren */
.skip:active, .skip:focus {
	position: static;
	top: 0;
	left: 0;
	height: auto;
	width: auto;
}