/* Reset CSS */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100.01%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
	font: normal 75% Arial,Helvetica,sans-serif;
	background: white url(../img/bg.png) repeat-x left top;
	color: #303133;
	line-height: 150%;
	padding: 0 0 36px 0;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}



h1, h2, h3, h4, h5, h6 {
	font-family: "Lucida Grande", "Lucida Sans Unicode", sans-serif;
	color:#303133;
	text-transform: uppercase;
}

h2, h4 {
	color:#72757e;
}

h1, h4 {
	font-size: 14px;
}

h2 {
	font-size: 24px;
}

h3 {
/*	font-size: 11px;*/
}

.floatbox {
	overflow: hidden;
}

/* Structure */

#bg-holder {
	background: url(../img/world.jpg) no-repeat center top;
}
#page-holder {
	background: url(../img/world.jpg) no-repeat -215px top;
	position: relative;
	margin: 0 auto;
	width: 1000px;
}

#content-holder {
	overflow: hidden;
	position: relative;
	width: 940px;
	background: url(../img/content-middle.png) repeat-y left top;
	padding: 20px 24px 40px 24px;
/*	padding: 20px 10px 40px 38px; */
}

#header {
	position: relative;
	height: 150px;
}

#logo {
	position: absolute;
	top: 55px;
	left: 0;
}

#logo img {
	border: 0;	
}

#navigation {
	position: absolute;
	top: 60px;
	left: 300px;
	width: 684px;
}

.breadcrumb,
#navigation ul {
	list-style-type: none;
	text-align: justify;
	
	overflow: hidden;
	display: block;
	line-height: 1;
}

.breadcrumb {
	width: 710px;
}
 
#navigation ul {
	width: 684px;
}

.breadcrumb li,
#navigation ul li {
	display: inline;
	list-style-type: none;
}

#navigation ul li span {
	margin-left: 660px;
}

#navigation ul.second-level {
	position: relative;
	top: -0.9em;
	background: url(../img/bg-2nd-level.png);
	border-top: 1px solid #e0e1e3;
	border-bottom: 1px solid #e0e1e3;
}
* html #navigation ul.second-level {
	background: #fcfcfc;
}

#navigation ul.second-level li {
	float: left;
	display: block;
	line-height: 1;
	padding: 0 10px 0 20px;
}

#navigation ul.third-level {
	position: relative;
	top: -0.5em;
	padding-left: 20px;
}
#navigation ul.third-level li {
	float: left;
	display: block;
	padding: 0 0 0 20px;
} 

#navigation a {
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 1;
}

#navigation li a:hover,
#navigation li.current a {
	color: #72757e;
}

#navigation .first-level a {
	font-size: 116%;
	color: #a0a1a3;
}

#navigation .second-level a {
	font-size: 83%;
	color: #303133;
}

#navigation .third-level a {
	font-size: 83%;
	color: #a0a1a3;
}



#breadcrumb-holder {
	width: 980px;
	overflow: hidden;
	margin: 4px;
}

.breadcrumb-intro,
.breadcrumb {
	float: left;
}
#search {
	float: right;
}


/**********************************************************
 * Meta-Navigation
 **********************************************************/
#meta {
	overflow: hidden;
	position: absolute;
	right: 10px;
	top: 0;
	z-index: 1000;
}

/**********************************************************
 * Sprachauswahl
 **********************************************************/
#language-selector {
	float: left;
	padding-left: 15px;
}

#language-selector .background {
	background: url(../img/bg-language-switch.png) no-repeat left bottom;
	padding: 4px 4px 2px 8px;
}

#language-selector .active {
/*	padding-bottom: 4px; */
}

#language-selector:hover .menu {
	display: block;
}

#language-selector .menu {
	display: none;
}


/**********************************************************
 * Schnellzugriff
 **********************************************************/
#quick-access {
	float: left;
	background: url(../img/bg-meta-left.png) no-repeat left top;
	height: 25px;
	padding-left: 25px;
	overflow: hidden;
}
#quick-access {
	display: none;
}
#quick-access .menu {
	float: left;
	background: url(../img/bg-meta-right.png) no-repeat right top;
	padding-right: 25px;
}

#quick-access img {
	float: left;
	padding-top: 3px;
}

#quick-access ul {
	display: inline;
}

#quick-access ul li {
	display: inline;
	list-style-type: none;
	padding-left: 12px;	
}

#quick-access ul li a {
	padding-left: 10px;
	background: url(../img/link-meta.gif) no-repeat 0 1px;
}

#quick-access ul li a img {
	float: none;
}

/**********************************************************
 * Footer
 **********************************************************/
#footer {
	position: relative;
	width: 978px;
	text-align: right;
}

#footer ul {
	display: inline;
}

#footer ul li {
	display: inline;
	list-style-type: none;
	padding-left: 12px;	
}


/**********************************************************
 * Stage
 **********************************************************/
#stage-holder {
	position: relative;
}

#stage {
	position: relative;
	z-index: 100;
}

#stage .content-middle {
	width: 978px;
	padding: 0 5px 0 3px;
	line-height: 0;
}


/**********************************************************
 * Please Donate
 **********************************************************/
#donate {
	position: absolute;
	right: 0px;
	top: -40px;
	z-index: 1;
	display:none;
}


/**********************************************************
 * Content
 **********************************************************/

#content {
	width: 685px;
	padding-right: 20px;
	float: left;
}
#context {
	width: 225px;
	float: left;
}

#content-holder .row {
	position: relative;
	width: 685px;
	overflow: hidden;
}

#content-holder .col {
	position: relative;
	float: left;
}

#content-holder .col-2 {
	width: 323px;
	padding-right: 39px;
}

#content-holder .col-3 {
	width: 215px;
	padding-right: 20px;
}

#content-holder .col-4 {
	width: 156px;
	padding-right: 20px;
}

#content-holder .col-last {
	padding-right: 0;
}

#content-holder .teaser {
	position: relative;
	padding: 0 0 20px 0;
/*	margin-left: -18px; */
}

#content-holder .teaser .text h3 img,
#content-holder .teaser .text h4 img {
	border: 0;
	margin: 0;
}

#content-holder .teaser .text {
	position: relative;
	background: white url(../img/element-left-top.png) no-repeat left top;
	padding: 18px 0 0 18px;
	width: 665px;
}

#context .teaser .text .bodytext a,
#context .teaser .text .teaser-news a,
#content-holder .teaser .text a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
	color: #72757e;
	padding-left: 12px;
	background: url(../img/link.gif) no-repeat 0 2px;
}

* html #context .teaser .text .bodytext a,
* html #context .teaser .text .teaser-news a,
* html #content-holder .teaser .text a {
	background: url(../img/link.gif) no-repeat 0 3px;
}

#content-holder .teaser .text img {
/*	border: 1px solid #e0e1e3; */
	margin: 8px 0;
}
#content-holder .teaser .text h1 img,
#content-holder .teaser .text h2 img,
#content-holder .teaser .text h3 img {
	margin: 0;
}

#content-holder .teaser-1 h1,
#content-holder .teaser-1 h2,
#content-holder .teaser-1 h3 {
	padding: 0;
	margin: 0;
	line-height: 1;
}

#content-holder .teaser-1 .visual {
	float: left;
	padding: 0 10px 0 0;
	width: 260px;
}

#content-holder .teaser-1 .visual a {
	padding: 0;
	background: none;
}


#content-holder .teaser-1 h3 {
	padding: 16px 0 8px 0;
}

#content-holder .teaser-1-alt .text {
	padding: 0;
	background: none;
}

#content-holder .teaser-1-alt .floatbox img {
	float:left;
}

#content-holder .teaser-2 .text {
	width: 303px;
}

#content-holder .teaser-3 .text {
	width: 195px;
}

#content-holder .teaser-3 p {
	/*text-align: justify;*/ 
}

#content-holder .teaser-4 .text {
	width:136px;		
}

.content-top {
	line-height: 1;
	overflow: hidden;
	width: 986px;
	height: 2px;
	background: url(../img/content-top.png) no-repeat left bottom;
}

.content-middle {
	background: url(../img/content-middle.png) repeat-y left top;
	width: 986px;
}

.content-bottom {
	line-height: 1;
	overflow: hidden;
	width: 986px;
	height: 6px;
	background: url(../img/content-bottom.png) no-repeat left top;
}


#content-holder a {
	/*color: #000000;*/
	color: #72757E;
}

/**********************************************************
 * Context
 **********************************************************/
#context .teaser .text {
	position: relative;
	background: white url(../img/element-left-top.png) no-repeat left top;
	padding: 18px 0 20px 18px;
	width: 215px;	
}

#context .teaser .text .bodytext a {
	display: block;
	background: url(../img/link.gif) no-repeat 0 5px;
}

#context .teaser .text a {
	background: none;
	padding: 0;
}
#context .teaser .text .date img {
	margin: 8px 0 0 0;
}

/**********************************************************
 * Tabellen
 **********************************************************/
.contenttable {
	margin: 16px;
}

.contenttable td {
	padding: 4px;
}

.contenttable thead tr {
	text-align: left;
}

.contenttable thead tr th {
	padding: 6px 8px 6px 4px;
}

.contenttable-1 thead tr {
	background-color: #e0e0e0;
}

.contenttable-1 .tr-odd {
	background-color: #f0f0f0;
}

.contenttable-2 .td-0 {
	background-color: #f0f0f0;
}


/**********************************************************
 * Aufzählungen
 **********************************************************/
#content-holder ol,
#content-holder ul {
	padding: 8px 0;
}
#content-holder ul li,
#content-holder ul.csc-bulletlist li {
	list-style: url(../img/link.gif);
	margin-left: 15px;
}
#content-holder ol ol,
#content-holder ul ul {
	padding: 0 0 0 15px;
}

#content-holder ul.csc-bulletlist-1 li {
	list-style: url(../img/link-meta.gif);
}

#content-holder ul.csc-bulletlist-2 li {
	list-style-type: square;
	list-style-image: none;
}

#content-holder ul.csc-bulletlist-3 li {
	list-style-type: none;
	list-style-image: none;
}

#content-holder ol li {
	list-style-type: decimal;
	margin-left: 18px;
}

blockquote {
	padding: 8px 16px;
}




/*
#content-holder .csc-header,
#content-holder .csc-bulletlist,
#content-holder .contenttable {
	margin-left: 18px;
}
*/


/**********************************************************
 * Teaser - News
 **********************************************************/
#content-holder .news-teaser {
	margin-bottom: 24px;
	line-height: 50%;
}

#content-holder .news-teaser a,
#content-holder .news-teaser .bodytext {
	line-height: 150%;
}

#content-holder .news-teaser h3 {
	margin-bottom: 2px;
}
#content-holder .news-teaser a {
	text-decoration: none;
	text-transform: uppercase;
	font-size: 80%;
	color: #72757e;
	padding-left: 12px;
	background: url(../img/link.gif) no-repeat 0 2px;
}

* html #content-holder .news-teaser a {
	background: url(../img/link.gif) no-repeat 0 3px;
}



/**********************************************************
 * Mailform
 **********************************************************/
.csc-mailform {
}

.csc-mailform-field {
	overflow: hidden;
	margin-bottom: 4px;
}

.csc-mailform-field label {
	float: left;
	width: 140px;
}

.csc-mailform-field input {
	float: left;
	width: 200px;
	border: 1px solid #A0A0A0;
}

.csc-mailform-field textarea {
	float: left;
	width: 200px;
	border: 1px solid #A0A0A0;
}

.csc-mailform-field input.csc-mailform-submit {
	width: 100px;
	float: none;
	margin: 10px 0 0 240px;
}


/*
 * Teaser News
 */ 

#context .teaser-news {
	line-height: 50%;
	margin-bottom: 14px;
}

#context .teaser-news a {
	padding-top: 4px;
}

/*
 * MISC
 */
 
.align-justify{
	text-align:justify;	
}

#content-holder .teaser-1 .floatbox p a, #content-holder .teaser-1 .floatbox li a, #content-holder .teaser .floatbox p a.internal-link{
	background:none;
	padding:0px;
	text-decoration:underline;
	text-transform:none;
	font-size:inherit;
}

#content-holder .teaser-1 .text h2{
	margin-bottom:15px;	
}

#content-holder .teaser-1 .text h3{
	margin-top:5px;	
}

#content-holder > div > .row{
	clear:both;	
	width:920px;
}

#content-holder > div > .row .col-4{
	width: 215px;
	padding-right: 20px;
}

#content-holder > div > .row .col-last{
	padding-right:0px;	
}

#content-holder > div > .teaser-1, #content-holder > div > .teaser-2{
	clear:both;	
	padding-bottom:0px;
}

#content-holder > div > .teaser-2 .text{
	min-height:65px;	
}

#content-holder > div > .teaser-1 .text h2, #content-holder > div > .teaser-2 .text h2{
	margin-bottom:0px;	
}

#content-holder > div > .teaser-1 .floatbox, #content-holder > div > .teaser-2 p{
	display:none;	
}

.row{
	margin-bottom:28px;	
}

#c149{
	padding-left:15px;	
}

#uid82 #content .news-teaser{
	padding-left:14px;	
}

#content-holder .teaser-1 span p{
	/* width:663px; */	
}

/* mailchimp form */

#mc_embed_signup{
	width: 666px; 
	margin: 0pt 14px;
}

#mc_embed_signup fieldset{
	border:none !important;	
}

.mc-field-group{
	margin-left:0 !important;	
}

#mc-embedded-subscribe{
	margin-left:0 !important;	
}

/* paypal btn */

#c426{
	padding-left:12px;	
}

/* mailform */
#mailform{
	width: 660px; 
	margin: 0pt 17px;	
}


/* misc */

#c1445{
	margin-left:16px;	
}

/* mc 20111503 */
#context .teaser .text .bodytext a.external-link-new-window, #context .teaser .text .teaser-news a.external-link-new-window, #content-holder .teaser .text a.external-link-new-window{
background-color: transparent;
background-image: none; !important;
background-repeat: repeat;
background-attachment: scroll;
background-position: 0% 0%;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
text-decoration: underline;
text-transform: none;
font-size: inherit;
}

/* SPECIAL FAQ Style */
div.expandable {
 cursor:pointer;
 margin-top:0.6em;
 margin-bottom:0.2em;
}

div.expandable p {
 font-weight:bold;
 text-decoration:underline;
 color:#72757E;
 font-style:normal;
}
/* ASIA PAGE LANGUAGE MENU */
div.page_language_menu{
	position:absolute;
	left:570px;
	z-index:101;
	width:200px;
	top:30px;
}

/* CONTENT STYLES */

h3.intext {
 margin-top:1em;
 margin-bottom:0.5em;
}

p.bodytext {
 text-align:justify;
}

a.quick-access-link {
  color:#72757E;
  text-decoration:none;
}

a.quick-access-link:active {
 text-decoration:none;
}

a.quick-access-link:hover {
 color:#000000;
}

a.quick-access-link:visited {
 
}

.facebookLink {
	display: block; 
	float: left;
	background-image: url(../img/social-media/facebook_small_active.png);	
	background-repeat: none;
	width: 16px;
	height: 16px;
	margin: 0px 2px 0px 10px;
	text-decoration: none;
}

.facebookLink:hover {
	background-image: url(../img/social-media/facebook_small_active.png);  
}

.twitterLink {
	display: block; 
	float: left;
	background-image: url(../img/social-media/twitter_small_active.png);	
	background-repeat: none;
	width: 16px;
	height: 16px;
	margin: 0px 2px;
	text-decoration: none;
}

.twitterLink:hover {
	background-image: url(../img/social-media/twitter_small_active.png);  
}

.newsletterLink {
	display: block; 
	float: left;
	background-image: url(../img/social-media/newsletter_small_active.png);	
	background-repeat: none;
	width: 16px;
	height: 16px;
	margin: 0px 2px;
	text-decoration: none;
}

.newsletterLink:hover {
	background-image: url(../img/social-media/newsletter_small_active.png);  
}

.theform-wrapper { padding: 5px 20px; }
.mailformborder { border-bottom: 1px solid #CCC; width: 450px; }
.mailformborder label, .mailformadd label  { width: 200px; }
.errormessage { font-weight: bold; color: #C00; display: block; clear: both; padding: 0px 0px 10px 0px; }
.errorClass label, .errorClass { color: #C00; }
.errorClass input[type=text], .errorClass textarea { border-color: #C00; }