/* CSS Document */
* {padding:0;margin:0;}

html {	height:100.05%;}

body {
	background: #C7C7C7;
	text-align:center;
	color:#515151;
	font:11px/145% Arial, Helvetica, sans-serif;
	padding-bottom:20px;
}

hr {display:none;}

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

	Container

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

#containerOuter {
	width:844px;
	margin:0 auto;
	background: transparent url(../images/container_shadow.jpg) repeat-y;
}
#containerMain {
	text-align:left;
	background:#FFFFFF;
	width:770px;
	margin:0 auto;
	padding:0 15px;
}
.leftCol {
	float:left;
	width:455px;
	margin-right:15px;
	margin-bottom:20px;
}
.rightCol {
	float:left;
	width:300px;
	margin-bottom:20px;
}
.footer {
	clear:both;
	width:770px;
	height:25px;
	color:#808080;
}
#bottom {
	background:transparent url(../images/container_shadow-b.jpg) no-repeat left bottom;
	height:30px;
}

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

	Header - Bereich

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

	#header {
		position:relative;
		width:770px;
		height:260px;
	}
	
	#header h1 span {display:none;}
	
	#header h1 a {
		position:absolute;
		display:block;
		top:15px;
		left:8px;
		width:323px;
		height:58px;
		background:transparent url(../images/ZhongDe_logo.gif) no-repeat;
	}

/*	Service-Navigation */
	#naviService ul {
		position:absolute;
		right:0px;
		top:70px;
	}
	
	#naviService li {
		display:inline;
		margin-left:15px;
		color:#808080;
	}
	#naviService li#language {
		margin-left:5px;
	}
	#naviService li a {
		color:#808080;
		text-decoration:none;
	}
	#naviService li#language a {
		margin-left:10px;
	}
	#naviService li a:hover, #naviService li a.active {
		color:#E80023;
	}

/*	Main-Navigation */

	img.bgTransparent {
		position:absolute;
		top:135px;
		left:0px;
		width:770px;
		height:20px;
		behavior: url(/_elements/scripts/pngbehavior.htc);
	}
	#naviMain {
		position:absolute;
		top:95px;
		left:0px;
		width:770px;
		height:155px;
	}
	/* Teaser-Bild */
	#body00 	#naviMain{background:transparent url(../images/bg_naviTeaser00.jpg) no-repeat;}
	#body01 	#naviMain{background:transparent url(../images/bg_naviTeaser01.jpg) no-repeat;}
	#body02 	#naviMain{background:transparent url(../images/bg_naviTeaser02.jpg) no-repeat;}
	#body03 	#naviMain{background:transparent url(../images/bg_naviTeaser03.jpg) no-repeat;}
	#body04 	#naviMain{background:transparent url(../images/bg_naviTeaser04.jpg) no-repeat;}
	#body05 	#naviMain{background:transparent url(../images/bg_naviTeaser05.jpg) no-repeat;}
	#body06 	#naviMain{background:transparent url(../images/bg_naviTeaser06.jpg) no-repeat;}

	#naviMain ul{
		position:absolute;
		left:0px;
		top:135px;
	}
	#naviMain li {
		display:inline;
	}
	#naviMain li a {
		display:block;
		float:left;
		font-size:15px;
		height:20px;
		line-height:20px;
		text-decoration:none;
		color:#FFFFFF;
		border-right:1px solid white;
		padding-left:13px;
	}
	li#nav01 a {width:134px;}
	li#nav02 a {width:153px;}
	li#nav03 a {width:136px;}
	li#nav04 a {width:117px;}
	li#nav05 a {width:161px;border-right:none;}
	
	#naviMain li a:hover {background:transparent url(../images/bg_navi-over.png) repeat-x;}

	/* Over-Zustände in jeweiligem Kapitel */
	#body01 li#nav01 a {background:transparent url(../images/bg_navi-over.png) repeat-x;}
	#body02 li#nav02 a {background:transparent url(../images/bg_navi-over.png) repeat-x;}
	#body03 li#nav03 a {background:transparent url(../images/bg_navi-over.png) repeat-x;}
	#body04 li#nav04 a {background:transparent url(../images/bg_navi-over.png) repeat-x;}
	#body05 li#nav05 a {background:transparent url(../images/bg_navi-over.png) repeat-x;}

/*	Sub-Navigation */

	#subNavi {
		position:absolute;
		top:95px;
		left:0px;
		height:135px;
		vertical-align:bottom;
	}
	
	#body01 #subNavi, #body01 #subNavi img {width:147px;}
	#body02 #subNavi, #body02 #subNavi img {width:166px;}
	#body03 #subNavi, #body03 #subNavi img {width:149px;}
	#body04 #subNavi, #body04 #subNavi img {width:130px;}
	#body05 #subNavi, #body05 #subNavi img {width:174px;}

	#body01 #subNavi {left:0px;}
	#body02 #subNavi {left:148px;}
	#body03 #subNavi {left:302px;}
	#body04 #subNavi {left:465px;}
	#body05 #subNavi {left:596px;}

	#subNavi img {
		width:134px;
		height:135px;
		behavior: url(/_elements/scripts/pngbehavior.htc);
	}
	#subNavi ul {
		z-index:10;
		position:absolute;
		bottom:5px;
	}
	#subNavi li {
		list-style:none;
		vertical-align:bottom;
	}
	#subNavi li a {
	font-size:13px;
	color:#515151;
	text-decoration:none;
	padding-left:13px;
	border:none;
	line-height:18px;
	}
	#subNavi li a:hover {
		color:#E80023;
	}
	#subNavi li a.active {
		color:#E80023;
	}	


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

	Schriften, Inhaltselemente

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

	h1, h2, h3, h4, h5 {
		padding:0;
		margin:0;
		font-size:11px;
	}
	
	h1 {
		color:#E80023;
		font-size:16px;
		line-height:150%;
		font-weight:normal;
		padding-bottom:20px;
		background-color:#FFFFFF;
	}
	
	h2 {
		color:#E80023;
		font-size:11px;
		line-height:145%;
		font-weight:normal;
	}
	
	#content a {
		color:#515151;
		text-decoration:underline;
	}
	#content a:hover {	color:#E80023;}


	/*	Content-Teaser	*/
	.contentTeaserGreen h2,	.contentTeaserGrey h2, .contentTeaserBlue h2, .contentTeaserRed h2 {
		color:white;
		line-height:20px;
		padding-left:13px;
	}
	.contentTeaserGreen		{background-color:#EFF6F0;height:118px;}
	.contentTeaserGrey		{background-color:#EFEFEF;height:118px;}
	.contentTeaserBlue		{background-color:#E4EEF2;height:118px;}
	.contentTeaserRed		{background-color:#EFEFEF;height:118px;}
	
	.contentTeaserGreen h2	{background-color:#009D37;font-weight:bold;}
	.contentTeaserGrey h2	{background-color:#716E6E;font-weight:bold;}
	.contentTeaserBlue h2	{background-color:#4287A2;font-weight:bold;}
	.contentTeaserRed h2	{background-color:#E80023;font-weight:bold;}
	
	.contentTeaserGreen p	{padding:6px 10px}
	.contentTeaserGrey p	{padding:6px 10px}
	.contentTeaserBlue p	{padding:6px 10px}
	.contentTeaserRed p		{padding:6px 10px}
	
	.contentTeaserGreen img	{float:left;margin-right:10px;}
	.contentTeaserGrey img	{float:left;margin-right:10px;}
	.contentTeaserBlue img	{float:left;margin-right:10px;}
	.contentTeaserRed img	{float:left;margin-right:10px;}
	
	.moreLinkGreen	{color:#009D37!important;font-weight:bold;text-decoration:none!important;background:transparent url(../images/link-arrow_green.gif) no-repeat 0px 2px;padding-left:15px;}
	.moreLinkGrey	{color:#716E6E!important;font-weight:bold;text-decoration:none!important;background:transparent url(../images/link-arrow_grey.gif) no-repeat 0px 2px;padding-left:15px;}
	.moreLinkBlue	{color:#4287A2!important;font-weight:bold;text-decoration:none!important;background:transparent url(../images/link-arrow_blue.gif) no-repeat 0px 2px;padding-left:15px;}
	.moreLinkRed	{color:#E80023!important;font-weight:bold;text-decoration:none!important;background:transparent url(../images/link-arrow_red.gif) no-repeat 0px 2px;padding-left:15px;}
	
	/*	leftCol Listenformatierung  */
	
	.leftCol ul {
	}

	.leftCol li {
		list-style:none;
		padding: 0 0 0 0.75em;
		margin:0;
		background:transparent url(../images/bullet_grey.gif) no-repeat;
	}
	
	.downloads {
		margin-top:1.5em;
	}
	.downloads li {
		padding: 0 0 2em 4em;
		background:transparent url(../images/icon_pdf.gif) no-repeat;
	}
	
	/*	rightCol Submenü */
	
	.rightCol .submenu {
		border-top:1px solid #EFEFEF;
		list-style:none;
		margin-bottom:20px;
	}
	.submenu li {
		border-bottom:1px solid #EFEFEF;
		line-height:25px;
	}
	.submenu a {
		background:transparent url(../images/link-arrow_grey.gif) no-repeat 0 2px;	
		padding-left:20px;
		text-decoration:none!important;
	}
	.submenu a:hover, .submenu a.active {
		background:transparent url(../images/link-arrow_red.gif) no-repeat 0 2px;	
		color:#E80023!important;
	}
	
	
	
	/* News-Bereich */
	
	.newsItem {
		padding:8px 10px;
		background-color:#EFEFEF;
	}
	.newsItemActive {
	padding:8px 10px;
	background-color:#DEDEDE;
	color: #E80023;
	}
	.newsItemOver {
	padding:8px 10px;
	background-color:#DEDEDE;
	color: #515151;
	}
	
	/* Tabellenformatierung */
	
	.contentTable {
		width:100%;
		margin:1em 0;
		padding:0;
		table-layout:fixed;
		border-collapse:collapse;
		border-spacing:0px;
	}
	.contentTable thead th {
		background-color:#EEEEEE;
		text-align:left;
		vertical-align:top;
	}
	.contentTable td {
		border-bottom:1px solid #D5D5D5;
	}
	.contentTable td, .contentTable th {
		line-height:150%;
		padding:0.1em 0.5em;
	}
	.contentTable th.red {
		background-color:#E80023;
		color:white;
		border-right: 2px solid white;
		border-left: 2px solid white;		
	}
	.contentTable td.red {
		color:#E80023;
	}
	
	span.red {color:#E80023!important}
	/*	Bildformatierung */
	
	img {
		border:none;
	}
	.imgBorder {
		border:1px solid #D5D5D5;
	}
	
	/* Formulare */
	
	form * {
		margin:0em;
	}
	form * * {
		margin:0;
	}
	label {
	margin:0 0 0;
	text-align:left;
	}
	input {
	border:1px solid #D5D5D5;
	width:100%;
	margin:0.2em 0 
	}
	select {
	border:1px solid #D5D5D5
	}
	input#richtig {
	width:1em;
	border:0;
	margin:2px 0 0 0;
	}
	textarea {
	width:100%;
	border:1px solid #D5D5D5;
	margin:0.2em 0 
	}
	
	/*	----------------------------------------------------

	Footer-Bereich

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

	.footer ul {
		float:right;;
	}
	
	.footer li {
		display:inline;
		margin-left:15px;
	}
	.footer li a {
		color:#808080!important;
		text-decoration:none!important;
	}
	.footer li a:hover {
		color:#E80023!important;
	}

.smallCopy {
	font-size:9px;
}