/* !!! stylesheet fuer enter the dragon, november 2009 */


/*
Farben:
monitor bg:#33204D;
mainnavi (normal): #70b3cc;
mainnavi (high): #612882;
*/


html, body {
	font-family: Verdana, Helvetica, Arial, Lucida, sans-serif;
	color: #000;
	font-size: 100.01%;
	text-align: center; /* fuer IE Zentrierung*/
	background-color: #ffffff;
}

* {
	padding: 0;
	margin: 0;
}

/* ##### Definition der div-container ##### */
/* ######################################## */
#seite {
	width:965px;
	margin:20px auto;
	text-align:left; /* Zentrierung rueckgaengig */
	background-color: #ffffff;

}
#sprache {
	height: 34px;
	background-color: #ffffff;
	text-align: right;
	}
#head {
	height:278px;
	width:965px;
	background-color: #ffffff;
	position:relative;
}
#head img{display:block; position:absolute; left:0px; top:0px; z-index:10;}
#mainnavi {
	height:28px;
	background: url(format_FILES/mainnavi_bg.jpg) no-repeat top;
}
* html #mainnavi {

}
#topbox {
	width: 965px;
	height: 35px;
	background: url(format_FILES/topbox_bg.jpg) no-repeat top left;
}
* html #topbox {
	margin-top: -13px; /* Ausgleich mainnavi Trennstriche IE6*/
}


#mainbox {
	background: url(format_FILES/mainbox_bg_03.jpg) repeat-y left top;
	width: 965px;
}
#inhaltabschluss {
	background: url(format_FILES/mainbox_unten_bg.jpg) no-repeat top left;
	height: 30px;
}
#re_box {
	float: right;
	width: 306px;
}
#subnavi {
	background-color: #ffffff;
	padding-bottom: 20px;
	width: 296px;
}
.teaserbox {
	width: 292px;
}
.teaser_re {
	width: 292px;
	margin-left:2px;
	border: 1px solid white;
	margin-bottom: 16px;
	padding: 8px 0 8px 0;
	background-color: #ffffff;
}
#li_box {
	float: left;
	width: 620px;
	margin-left: 20px;
}
* html #li_box {
	float: left;
	width: 620px;
	margin-left: 10px;
}
.bigbox {
	height: 530px;
	margin-bottom: 10px;
	background-color: silver;
}
.twoboxes {
	width: 620px;
	margin-bottom: 10px;
}
.kleinebox_re {
	float: right;
	width: 300px;
	margin-left: 10px;
}
.kleinebox_li {
	width: 300px;
	float:left;
}
#spacer {
	height: 12px;
	background-color: #ffffff;	
}
* html #spacer {
	line-height: 1px; /* leeres div wird richtig angezeigt IE6 */
	font-size: 1px; /* leeres div wird richtig angezeigt IE6 */	
}
#footerbannerbox {
	width: 965px;	
}
* html #footerbannerbox {
	line-height: 1px; /* leeres div wird richtig angezeigt IE6 */
	font-size: 1px; /* leeres div wird richtig angezeigt IE6 */		
}
#footbanner_oben {
	height: 13px;
	background: url(format_FILES/footbanneroben_bg.jpg) no-repeat;
}
#footbanner {
	background: url(format_FILES/footbanner_bg.jpg) repeat-y;
	min-height:87px;
	height:auto !important;  /* normal */
  	height: 87px; /* IE */
}
#footbanner_unten {
	height: 17px;
	background: url(format_FILES/footbannerunten_bg.jpg) no-repeat;
}
#footer {
	height:30px;
	background-color: #ffffff;	
}
.clearer {
	clear: both;	
}

/* ##### ab hier Formatierungen der einzelnen div-Inhalte ##### */
/* ############################################################ */

/* ##### SPRACHE (oben) ##### */

#sprache ul  {
	list-style-type:none;
	font-size: 80%;
	padding-bottom: 5px;
}
#sprache li  {
	display:inline;
}
#sprache a  {
	text-decoration: none;
}

div#sprache ul li.NO a:link {
	color: orange;
}
div#sprache ul li.NO a:visited {
	color: orange;
}
div#sprache ul li.NO a:hover {
	color: yellow;
}
div#sprache ul li.NO a:active {
	color: yellow;
}
div#sprache ul li.NO a:focus {
	color: yellow;
}
div#sprache ul li.CUR a,div#sprache ul li.ACT a {
	color: yellow;
}

/* ##### MAINNAVI ##### */
#mainnavi ul  {
	text-align: center;
	list-style-type:none;
	font-size: 100%;
	font-weight: bold;
}
#mainnavi li  {
	display:inline;
	height: 28px;
	line-height: 28px;
	vertical-align: middle;
}
* html #mainnavi li  {
	line-height: 48px; /* damit Trennstriche ueber volle Hoehe gehen IE6*/

}
#mainnavi a  {
	text-decoration: none;
}

/* ## MAINNAVI: erster Ordnung, erstes und mittlere Elemente ## */
.NO a:link {
	color: #837a6c;
	padding: 7px 13px 7px 13px;
	
}
.NO a:visited {
	color: #837a6c;
	padding: 7px 13px 7px 13px;
	
}
.NO a:hover {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
	
}
.NO a:active {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
	
}
.NO a:focus {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
	
}
.CUR a,.ACT a {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
	
}
/* ## MAINNAVI: erster Ordnung, letztes Element ## */
.NO_last a:link {
	color: #837a6c;
	padding: 7px 13px 7px 13px;
}
.NO_last a:visited {
	color: #837a6c;
	padding: 7px 13px 7px 13px;
}
.NO_last a:hover {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
}
.NO_last a:active {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
}
.NO_last a:focus {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
}
.CUR_last a,.ACT_last a {
	color:#48b8d2;
	padding: 7px 13px 7px 13px;
}

/* ##### SUBNAVI ##### */

#subnavi ul  {
	list-style-type:none;
	font-size: 100%;
}
#subnavi li  {
	height: 30px;
	line-height: 30px;
}
#subnavi a  {
	text-decoration: none;
	font-weight: bold;
}

/* ## SUBNAVI: erster Ordnung ## */
.sub_NO a:link {
	color: #70b3cc;
}
.sub_NO a:visited {
	color: #70b3cc;
}
.sub_NO a:hover {
	color:#612882;
}
.sub_NO a:active {
	color:#612882;
}
.sub_NO a:focus {
	color:#612882;
}
.sub_CUR a,.sub_ACT a {
	color:#612882;
}


/* ##### CONTENT ##### */
#mainbox h1, h1 {
	font-size:80%;
	color:#612882;
	margin-bottom:7px;
	padding-left:5px;
	color:#000000;
	font-size:24px;
}
#mainbox h2, h2 {
	font-size:80%;
	color:#3d3310;
	font-weight:bold;
	margin-bottom:14px;
	padding-left:5px;
	color:#000000;
	font-size:16px;
}
#mainbox h3, h3 {
	font-size:80%;
	color:#3d3310;
	font-weight:bold;
	margin-bottom:14px;
	padding-left:5px;
	color:#666666;
	font-size:14px;
}
#mainbox h4, h4 {
	font-size:80%;
	color:#3d3310;
	font-weight:bold;
	margin-bottom:14px;
	padding-left:5px;
	color:#000000;
	font-size:10px;
}
#mainbox p {
	font-size:70%;
	color:#3d3310;
	line-height:120%;
	margin-bottom:20px;
	padding-left:5px;
}
#mainbox .news-latest-item p{
	font-size:70%;
	color:#3d3310;
	margin:0;
}
.news-latest-morelink,
.news-single-backlink,
.news-list-morelink{
	font-size:70%;
	padding-left:5px;
}
.bodytext a,
.news-latest-morelink a,
.news-single-backlink a,
.news-list-morelink a{
	color:#612882;
	}
.news-list-item,
.news-latest-item{
	padding-bottom:35px;
	float:left;
	clear:both;
}
#mainbox .news-list-container p{
	margin:0;
}
#mainbox .news-list-container h3{
	margin:0 0 5px 0;
}

.news-list-container{
	background: #ffffff;
	float:left;
	width:293px;
	padding-top:10px;
}

#mainbox .news-list-container h2{
	font-size:21px;
	color: #48b8d2;
	font-weight:bold;
}

#mainbox #re_box .news-list-container h3{
	margin:0;
}

#mainbox #re_box .news-list-item{
	padding-bottom:20px;
}

#mainbox .news-latest-item h3{
	margin-bottom: 5px;
}

/* ##### FOOTERNAVI ##### */

#footer ul  {
	list-style-type:none;
	font-size: 70%;
	padding-top: 5px;
}
#footer li  {
	display:inline;
	padding-right: 20px;
}
#footer a  {
	text-decoration: none;
}
div#footer ul li.NO a:link {
	color: #837a6c;
	border: none;
}
div#footer ul li.NO a:visited {
	color: #837a6c;
	border: none;
}
div#footer ul li.NO a:hover {
	color: #48b8d2;
	border: none;
}
div#footer ul li.NO a:active {
	color: #48b8d2;
	border: none;
}
div#footer ul li.NO a:focus {
	color: #48b8d2;
	border: none;
}
div#footer ul li.CUR a,div#footer ul li.ACT a {
	color: #48b8d2;
}

#footbanner ul{
	list-style-type:none;
	padding: 0 0 0 20px;
}

#footbanner ul li{
	float:left;
	padding: 0 20px 0 0;
	min-height:77px;
	height:auto !important;  /* normal */
  	height: 77px; /* IE */
}

.csc-frame-frame1{
	width: 293px;
	background:#ffffff;
	float:left;
	text-align:center;
}

#mainbox a.carouselBtn{
	color:#ffffff;
}

.nl_label,
.nl_name,
.nl_mail,
.nl_submit{
	float:left;
}

.nl_label label{
	font-family: Arial;
	font-size: 16px;
	color:#48b8d2;
	font-weight:bold;
}

.nl_label{width: 103px;padding-top:13px;}
.nl_label label{padding-left:8px;float:left}
.nl_name{
	width: 162px;
	height: 29px;
	background: url(file:///C|/Dokumente und Einstellungen/Lioba/Desktop/format_FILES/bg_nl_name_wt.gif) no-repeat left top;
	margin-top:10px;
}
.nl_name input{
	padding:4px 0 0 4px;
	background:none;
	border:none;
	width: 154px;
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}
.nl_mail{
	width: 280px;
	height: 29px;
	background: url(file:///C|/Dokumente und Einstellungen/Lioba/Desktop/format_FILES/bg_nl_mail_wt.gif) no-repeat left top;
	margin-top:10px;
}
.nl_mail input{
	padding:4px 0 0 4px;
	background:none;
	border:none;
	width: 272px;
	font-family: Arial;
	font-size: 12px;
	font-style: italic;
	color: #000000;
}

#mailform{font-size:90%; color:#000000; line-height:100%;}
#mailform fieldset{border:none;}
#mailform .csc-mailform-field{float:left;clear:both;}
#mailform label{float:left;width:160px;clear:both;}
#mailform .csc-mailform-label{font-weight:bold;}
#mailform .csc-mailform-radio{margin-right:10px;}
#mailform .csc-mailform-field{padding-bottom:15px;}
#mailform span.csc-mailform-radio input {margin-bottom:8px;clear:both;float:left;}
#mailform span.csc-mailform-radio label {margin-bottom:8px;width:200px;clear:none;}
#mailform div.field-Ja_ich_bin_damit_einverstanden label{width:300px;float:left;}


#tpl_sprachennavi{position:absolute; left:830px; top:214px; z-index:30;}
#tpl_sprachennavi a,
#tpl_sprachennavi span{display:block; margin:0px 0px 0px 5px; padding:0px; float:left; width:17px; height:19px; overflow:hidden; text-indent:-2000px;}
#tpl_sprachennavi #tpl_flaggen_de{background:url(/fileadmin/global/img/flagge_de.gif) no-repeat left top;}
#tpl_sprachennavi #tpl_flaggen_en{background:url(/fileadmin/global/img/flagge_en.gif) no-repeat left top;}
#tpl_sprachennavi #tpl_flaggen_cn{background:url(/fileadmin/global/img/flagge_cn.gif) no-repeat left top;}
#tpl_sprachennavi #tpl_flaggen_sp{background:url(/fileadmin/global/img/flagge_sp.gif) no-repeat left top;}
#tpl_sprachennavi a:hover,
#tpl_sprachennavi a:active,
#tpl_sprachennavi a:focus,
#tpl_sprachennavi a.active{background-position:left bottom!important;}
#tpl_sprachennavi a span,
#tpl_sprachennavi span span{display:none;}