html {
	/* font-size:100.01%; */
	font-size:80%;
}

body {
	padding:8px;
	padding-top:0px;
	margin:0px;
	
	background:url(../images/bg.png) repeat-x 0px 8px;
		
	font-family:Helvetica,Arial,sans-serif,Sans;
	color: #222;
}

body, div.header{
	background-color: #DDD;
}

.mainwrap {
	position:relative;
}


/* ------------ content elements  ------------ */

img {
	border:0px;
}

div {
	border:0px;
	margin:0px;
	padding:0px;
}

p {
	margin:0px;
}


a {
	color:#A10000;	/*#333333*/
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}


/*
	This might not be a good idea:
	.content a[href^="http://"]
*/
a.external-link-new-window, a.global {
	background: url(../images/external-link.png) center left no-repeat;
	padding-left: 13px;
}

a.mail {
	background: url(../images/mail-link.png) center left no-repeat;
	padding-left: 18px;
}


h1 {
	font-size:1.4em;
}

h1.csc-firstHeader
{
	margin-top:0em;
}

h2 {
	font-size:1.2em;
	margin-bottom:0.1em;
	margin-top:0.8em;
}

h3 {
	font-size:1.1em;
}

h1 a, h2 a, h3 a {
	text-decoration:none;
	color:#222;
}

h1 a:hover, h2 a:hover, h3 a:hover{
	color:#CC2B2B!important;
	text-decoration:none;
}


ul {
	list-style:disc;
}

.center, .align-center {
	text-align:center;
}


.box {
	border:1px solid #CC2B2B;
}

/* ------------ main, header, footer ------------ */

div.mainwrap {
	max-width:1150px;
	min-width:700px;
	margin:auto;
	position:relative;
}

div.header {
	background-image:url(../images/bg-people.png);
	background-repeat:no-repeat;
	background-position:center 0;
	padding:145px 75px 4px 90px;
	/*height:45px;*/
	max-width:755px;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	position:relative;
	
	padding-top:146px;
}

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

#logo a img {
	opacity: 0.8;
}

#logo a:hover img {
	opacity: 1;
}


#logo-subtitle {
	position:absolute;
	top:45px;
	left:0px;
	opacity: 0.7;
}


#box-right-top {
	position: absolute;
	top: 0px;
	right: 0px;
}

#lang-links {
	font-size:70%;
	text-align:right;
	margin:0px;
	padding:0px;
	margin-right:5px;
	margin-top:7px;
	list-style-type:none;
}

#cwi-logo img {
	opacity: 0.4;
}

#cwi-logo a:hover img {
	opacity:1;
}

div.footer {
	font-size:75%;
	text-align:center;
	margin-top:0.8em;
	clear:both;
}




/* ------------ left, right and content column ------------ */
.middlewrap {
	position:relative;
}

div.content {
	
	min-height:400px;
	/*max-width:608px;*/
	margin:0px 158px 0px 188px;
	padding:14px 18px;
	
	border:1px solid #CC2B2B;
}


div.rightcolumn .infobox, div.leftcolumn .infobox, ul.leftmenu {
	width:160px;
	padding:6px;
	padding-top:6px;
	border: 1px solid #CC2B2B;
	margin:0px;
	margin-bottom:8px;
	font-size:85%;
}


div.leftcolumn {
	position:absolute;
	left:0px;
	top:0px;
}

div.rightcolumn {
	position:absolute;
	right:0px;
	top:0px;
}

div.leftcolumn .infobox {
	
}

div.rightcolumn .infobox {
	width:130px;
}

.infobox h2 {

}


div.leftcolumn a, div.rightcolumn a {
	
}

div.leftcolumn a:hover, div.rightcolumn a:hover {

}

div.leftcolumn a.active, div.rightcolumn a.active {

}

/* ------------ styles for inside infobox ------------ */
.infobox ul {
	padding:0px;
	padding-left:20px;
}

.infobox .csc-firstHeader {
	margin-top:0em;
}

.infobox h1 {
	font-size:1.2em;
	font-weight:bold;
	margin-top:0em;
}

.infobox h2 {
	font-size:0.9em;
	font-weight:bold;
}

.leftcolumn ul li, .rightcolumn ul li {
	margin:3px;
	margin-left:15px;
}

.infobox ul {
	padding:0px;
	margin:0px;
}


/* ------------ content columns ------------ */

.csc-frame-rulerAfter {
	border:none;
	border-bottom:1px solid #CC2B2B;
	margin:0.8em 0em;
}

.seperation-lines .content-colums {
	position:relative;
}

.seperation-lines .content-column-middleline {
	border-right:1px solid #CC2B2B;
	position:absolute;
	height:100%;
	width:0px;
	left:50%;
	z-index:-10;
}

.content-column-left, .content-column-right {
	width:48%;
}


.content-column-left {
	float:left;
}

.content-column-right {
	float:right;
}

/* ------------ top menue ------------ */

ul.topmenu {
	list-style:none;
	margin:0px;
	padding:0px;
	line-height:1.6em;
	text-align:center;
}


ul.topmenu li {
	display:inline;
	margin:3px 4px;
	
}

ul.topmenu a {
	font-size:1.15em;
	font-weight:bold;
	text-decoration:none;
	text-transform:lowercase;
	color:#222;
	padding:3px 6px;
}

ul.topmenu a:hover, ul.topmenu a.active {
	text-decoration:none;
	border:1px solid #CC2B2B;
	padding:2px 5px;
}

ul.topmenu a.active:hover {
	color: #555;
}


/* ------------ left menue ------------ */
/* left menue level 0 */


ul.leftmenu li {
	color: #222;
}


ul.leftmenu a {
	font-size:1.2em;
}

ul.leftmenu a, .news-catmenu a {
	font-weight:bold;
	text-decoration:none;
	text-transform:lowercase;
}



ul.leftmenu li.active, ul.leftmenu li.active a,
.news-catmenu li.active, .news-catmenu li.active a {
	color: #CC2B2B;
}

ul.leftmenu li.passive, ul.leftmenu li.passive a,
.news-catmenu li.passive, .news-catmenu li.passive a,
.news-catmenu a {
	color: #222;
}

ul.leftmenu li.active:hover, ul.leftmenu li.active a:hover,
.news-catmenu li.active:hover, .news-catmenu li.active a:hover{
	color: #EF4444;
}

ul.leftmenu li.passive:hover, ul.leftmenu li.passive a:hover,
.news-catmenu li.passive:hover, .news-catmenu li.passive a:hover,
.news-catmenu a:hover {
	color: #CC2B2B;
}



/* left menue level 1 - 3 */
ul.leftmenu ul {
	padding:0px;
	margin:0px;
	list-style:disc;
}



/* ------------ search box ------------ */

.searchbox {
	position:relative;
	margin-bottom:8px;
}

.searchbox input.searchbox-input {
	width:141px;
}

.searchbox-button {
	height:14px;
	position:absolute;
	left:125px;
	top:3px;
}

/* ------------ rss-link ------------ */

.rss-link {
	top:149px;
	right:79px;
	position:absolute;
}

/* ------------ news list ------------ */
.news-list-item h3 {
	margin-bottom:0px;
}

.news-list-item h3 a:visited, .news-list-item h2 a:visited{
	color:#555;
}


.news-single-item h2 {
	margin-top:4px;
	margin-bottom:2px;
}

.news-single-item h3 {
	color:#222;
}

.news-list-date, .news-single-timedata {
	float:right;
}

.news-list-date, .news-single-timedata, .news-latest-date,.rss_date {
	font-size:0.75em;
	font-weight:normal;
	color:#666;
}


.news-list-item p.bodytext {
	margin:0px;
	margin-top:12px;
}

.news-list-author, .news-single-author {
	font-style:italic;
}

.news-list-author p.bodytext, .news-single-author p.bodytext {
	margin:0em;
	/*margin-bottom:0.8em;*/
	color:#555;
}

.news-list-item img {
	float:left;
	margin:12px 5px 5px 0px;
}

.news-single-img {
	float:left;
	margin-right:10px;
	margin-bottom:5px;
}


.news-single-imgcaption {
	margin-top: 6px;
	margin-bottom: 0px;
	font-size:80%;
}

.news-list-category, .news-single-category {
	font-style:italic;
}

.news-list-morelink {
	text-align:right;
	margin-top:8px;
	display:block;
}

.news-list-morelink a {
	
}

hr.clearer, .news-list-container .news-list-item {
	border-color:#CCC;
}


hr.clearer {
	height:0px;
	border-bottom:0px;
	border-right:0px;
	border-left:0px;
	border-top-width: 5px;
	border-top-style:solid;
	clear:both;
}


.news-catmenu {
	white-space:nowrap;
	overflow:hidden;
}

div.catmen-level {
	margin-left:1.4em;
}

div.catmen-level.level1 {
	margin-left:0em;
}


/*
.news-catmenu img {
	vertical-align:middle;
	height:1.6em;
	width:1.8em
}

.news-catmenu a {
	margin-left:2px;
}
*/


.pagebrowser-links {
	text-align:center;
	margin-top:1.3em;
}

.pagebrowser-links span.active, .pagebrowser-links a {
	margin-left:0.2em;
	margin-right:0.2em;
}

.pagebrowser-links span.active {
	font-weight:bold;
}

.tx-ttnews-browsebox {
	margin-top:0.8em;
}

.tx-ttnews-browsebox-strong {
	font-weight:bold;
}


/* ------------ contact form ------------ */
*.tx_powermail_pi1_fieldwrap_html_submit,*.tx_powermail_pi1_fieldwrap_html_reset {
	display:inline;
	margin:10px;
}

*.tx_powermail_pi1_fieldwrap_html_reset {
	margin-left:120px;
}

*.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	/* Weil eine Ueberschrift bei Checkboxen sinnlos ist meistens... */

}

*.tx_powermail_pi1_fieldwrap_html_textarea {
	vertical-align:top;
}

*.powermail_text {
	width:200px;
}

*.tx_powermail_pi1_fieldwrap_html_text label,
*.tx_powermail_pi1_fieldwrap_html_textarea label {
	float:left;
	width:120px;
}

#powermaildiv_uid7 label {
	margin-left: 120px;
	float: none;
}

#powermaildiv_uid7 {
	margin-top:10px;
	margin-bottom:10px;
}

#tx-powermail-pi1_fieldset_1 {
	/*
	max-width:600px;
	padding:10px;
	*/
	padding:0px;
	margin:0px;
}

*.powermail_mandatory_js {
	margin-bottom:1.3em;
	margin-left:120px;
	margin-top:0.3em;
	color:#CC2B2B;
}

*.tx_powermail_pi1_fieldwrap_html_check p.tx_powermail_pi1_fieldwrap_html_checkbox_title {
	margin-bottom:0px;
}

*.powermail_check_inner {
	margin-left:120px;
}

*.tx_powermail_pi1_fieldwrap_html {
	margin-bottom:8px;
}

*.tx-powermail-pi1_fieldset {
	border:none;
}

*.tx-powermail-pi1_fieldset legend {
	display:none;
}

tx-powermail-pi1_confirmation form {

}
form.tx_powermail_pi1_formconfirmation_back,
form.tx_powermail_pi1_formconfirmation_submit {
	display:inline;
	margin-right:15px;
}

.tx-powermail-pi1_confirmation table.powermail_all_table {
	margin-bottom:20px;
}


/* ------------ contact form colors etc ------------ */

*.powermail_text, *.powermail_textarea, *.powermail_check, *.powermail_reset, *.powermail_submit, *.searchbox input.searchbox-input, *.tx-powermail-pi1_confirmation_submit, *.tx-powermail-pi1_confirmation_back, *.tx-indexedsearch-searchbox-sword, *.tx-indexedsearch-searchbox-button, *.tx-indexedsearch-searchbox select {
	background:#DDD;
	border:1px inset #CC2B2B;
	color:#222;
}

*.powermail_text:hover, *.powermail_text:focus,
*.powermail_textarea:hover, *.powermail_textarea:focus,
*.powermail_check:hover,
*.powermail_reset:focus,*.powermail_reset:hover,
*.powermail_submit:focus,*.powermail_submit:hover,
*.searchbox input.searchbox-input:focus, *.searchbox input.searchbox-input:hover,
*.tx-powermail-pi1_confirmation_submit:focus, *.tx-powermail-pi1_confirmation_submit:hover,
*.tx-powermail-pi1_confirmation_back:focus, *.tx-powermail-pi1_confirmation_back:hover,
*.tx-indexedsearch-searchbox-sword:focus, *.tx-indexedsearch-searchbox-sword:hover,
*.tx-indexedsearch-searchbox-button:focus, *.tx-indexedsearch-searchbox-button:hover,
*.tx-indexedsearch-searchbox select:focus,*.tx-indexedsearch-searchbox select:hover
{
	background:  #CCC;
}

*.powermail_reset, *.powermail_submit, *.tx-powermail-pi1_confirmation_submit, *.tx-powermail-pi1_confirmation_back, *.tx-indexedsearch-searchbox-button {
	border-style:outset;
}

*.powermail_reset:active, *.powermail_submit:active, *.tx-powermail-pi1_confirmation_submit:active, *.tx-powermail-pi1_confirmation_back:active, *.tx-indexedsearch-searchbox-button:active {
	border-style:inset;
}


/* ------------ other ------------ */


.buttons-moving a:hover {
	position:relative;
	top:-3px;
}


/* for jquery simpletip plugin - for link-page */
.tooltip{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 3;
	display: none;
	background-color: white;
	border: 1px solid #777; /* #CC2B2B */
	padding: 5px;
}