/*
CSS-Definitions for http://www.wiko-berlin.de
*/

/*-------------------- body --------------------*/

body {
	font-family: Verdana,Tahoma,Sans-Serif;
	font-size: 11px;
	line-height: 14px;
	color: #003366;
	background: url('../gfx/background-blue.gif') repeat-y #F2F2F2;
	padding: 0;
	margin: 0;
}

/*-------------------- general --------------------*/

img {
	border: none;	
}

div, ol, ul, dl, dt, dd, li, img, form, select, input, td {
	margin: 0;
	padding: 0;	
}

h1, h2, h3, h4, h5, h6 {
	color:#003366;
	font-size:11px;
	font-weight:bold;
	line-height:16px;
	margin: 15px 0 15px 0;
	padding: 0;	
}
input, select {
	font-size: 11px;
	line-height: 14px;
}

p {
	color:#003366;
	font-size:11px;
	line-height:14px;
	margin: 10px 0 15px 0;
	padding: 0;	
}

table {
	margin: 10px 0 15px 0;
	padding: 0;	
}

th, td {
	font-size: 11px;	
}

.csc-textpic-caption {
	font-style: italic;
}

.csc-linkToTop {
	text-align:right;
	position:relative;
	left:140px;
}

.csc-menu-4 dt {
	margin: 0px 0 20px 0;
}


.font_small {
	font-size:10px;
	line-height:12px;
}

/*-------------------- links --------------------*/

a {
	text-decoration: none;
	color: #2D864F;	font-weight: bold;
}

a:visited { color:#9A9A9A; }
a:hover { color:#F87F41; }
a:active { color:#F87F41; }

/*-------------------- header --------------------*/

#header {
	height: 102px;
	background-color: #E5E4E4;	
}

#logo {
	height: 102px;
	width: 160px;
	background-color: #B9B9B9;	
}

#logo img {
	margin: 7px 0 0 37px;
}

#tagline {
	position: absolute;
	top: 20px;
	left: 160px;
}

#page_title {
	position: absolute;
	top: 56px;
	left: 500px;
	width: 300px;
	text-align: right;	
	font-weight: bold;	
}

/*-------------------- left-column --------------------*/

#left-column {
	position: absolute;
	top: 100px;
	left: 0;	
}

/*-------------------- navigation --------------------*/

#navigation {
	font-size:9px;
	font-weight:bold;
	line-height:13px;
	list-style-type: none;
	margin: 70px 0 80px 9px;
}

#navigation ul {
	list-style-type: none;
}

#navigation ul li {
	width: 150px;
	position: relative;
	padding: 7px 0 7px 0;
}
#navigation ul li a {
	color: #FFFFFF;
	text-decoration: none;
}

#navigation ul li ul {
	display: none;
	position: absolute;	
	left: 150px;
	top: 3px;
	z-index: 100;
}

#navigation ul li ul li {
	padding: 3px 3px 4px 5px;
}

* html #navigation ul li ul li {
	width: 142px;
}

#navigation ul.level1 li:hover ul.level2,
#navigation ul.level1 li.over ul.level2 {
	width: 150px;	
	background-color: #B9B9B9;
	display: block;
}

#navigation ul.level2 li:hover ul.level3,
#navigation ul.level2 li.over ul.level3 {
	width: 150px;	
	background-color: #2D864F;		
	display: block;
}

/* active states - new paddings vor list items: */

#navigation ul li.actLevel1 {
	padding: 7px 0 0 0;
}

#navigation ul li.actLevel2 {
	padding: 3px 3px 0 5px;
}

/* active states - new text colors: */

#navigation ul li.actLevel1 ul.level2 a {
	color: #B9B9B9;
	text-decoration: none;
}

#navigation ul li.actLevel1 ul.level3 a {
	color: #FFFFFF;
	text-decoration: none;
}

#navigation ul li.actLevel2 ul.level3 a {
	color: #2D864F;
	text-decoration: none;
}	

/* active states - new position for list tags: */

#navigation ul.level1 li.actLevel1 ul.level2,
#navigation ul.level1 li.actLevel1:hover ul.level2
{
	position: static;	
	width: 142px;
	background-color: #003366;
	display: block;
}

#navigation ul.level2 li.actLevel2 ul.level3,
#navigation ul.level2 li.actLevel2:hover ul.level3
{
	position: static;	
	width: 136px;
	background-color: #003366;
	display: block;
}

/* active states - new width for list items: */

#navigation ul.level1 li.actLevel1 ul.level2 li,
#navigation ul.level1 li.actLevel1:hover ul.level2 li
{
	width: 142px;
}

#navigation ul.level1 li.actLevel1 ul.level3 li,
#navigation ul.level1 li.actLevel1:hover ul.level3 li,
#navigation ul.level2 li.actLevel2 ul.level3 li,
#navigation ul.level2 li.actLevel2:hover ul.level3 li
{
	width: 134px;
}

/*-------------------- searchform --------------------*/

#searchform {
	margin: 20px 0 0 9px;
}

#searchform input.searchfield {
	width: 85px;
	line-height: 18px;
	height: 18px;
	font-size:9px;
	border: solid 1px #003366;
	vertical-align: middle;
}

#searchform input.searchbutton {
	width: 50px;
	line-height: 20px;
	height: 20px;	
	font-size:9px;	
	border: solid 1px #003366;	
	vertical-align: middle;
	font-weight: bold;
	color: #003366;
}


/*-------------------- address --------------------*/

.address {
	font-size:9px;
	line-height:13px;
	color: #FFF;
	margin: 70px 0 80px 5px;
}

/*-------------------- top-navigation --------------------*/

#top-navigation {
	position: absolute;
	text-align: right;
	top: 114px;
	left: 160px;
	width: 640px;
}

#top-navigation a {
	font-weight: normal;
}

/*-------------------- level1-img --------------------*/

div.level1-img {

}

div.level1-imgcaption {
	margin: 12px 0 36px 60px;
	font-style: italic;
}

/*-------------------- main-column --------------------*/

#main-column {
	width: 490px;	margin: 0 0 0 160px;
	padding: 56px 0 0 0;
}

* html #main-column {
	height: 400px;
}

/*-------------------- main-content --------------------*/

#main-content {
	margin: 0 0 0 60px;
}

#main-content ol, 
#main-content ul {
	margin: 20px;	
}

/*-------------------- right-column --------------------*/

#right-column {
	font-size:9px;
	line-height: 14px;
	position: absolute;	top: 158px;
	left: 730px;
	color: #F87F41;
	font-weight: bold;
	width: 70px;
	text-align: right;
}

#right-column a {
	color: #F87F41;
	text-decoration: none;
}

/*-------------------- tx_ablinklist --------------------*/

.tx-ablinklist-pi1 {
	width: 520px;
}

#top-navigation div.tx-ablinklist-pi1 {
	width: 610px;
	text-align: right;	
	margin-left: 30px;
}

#top-navigation div.tx-ablinklist-pi1 a {
	font-weight: normal;
}

.tx_ablinklist_treeView_category {
	clear: both;
	position: relative;
}

.tx_ablinklist_treeView_category_label {
	background-color: #B9B9B9;
	height: 24px;
	line-height: 24px;
	text-indent: 5px;
	font-weight: bold;	
	margin: 5px 0 5px 0;
}

.tx_ablinklist_treeView_category_description {
	font-weight: bold;
	margin: 5px 0 5px 0;		
}

.tx_ablinklist_treeView_category_end {
	clear: both;
	height: 10px;
}

.tx_ablinklist_totop {
	position: relative;
	left: 540px;
	top: 25px;
}

.tx_ablinklist_treeView_links {
	margin: 10px 0 10px 0;
}

.tx_ablinklist_treeView_links_label {
	width: 190px; 
	float: left;
}

.tx_ablinklist_treeView_links_teaser {
	width: 330px; 
	float: left;
}

.tx_ablinklist_treeView_links_teaser p {
	margin: 0 0 5px 5px;
}

.tx_ablinklist_treeView_links_reportbroken {
	clear: both;
	width: 330px;
	margin-left: 190px;
}


/*-------------------- tx-jwcalendar --------------------*/

#top-navigation .range_months_nav {
	margin: 0 0 0 50px;
}

#top-navigation div.month-item {	
	float: left;
	padding: 0 5px 0 0;
}

div.jwcalendar_list table {	width: 510px;
}

div.jwcalendar_list table td {
	margin: 0;
	padding: 3px 3px 5px 3px;
	vertical-align: top;
}

div.jwcalendar_list tr.tableheader,
div.jwcalendar_list tr.tableheader td  {
	background-color: #B9B9B9;
	font-weight: bold;
}

div.jwcalendar_list td.catcolor{
	padding: 0;
	width: 1px;
}

div.jwcalendar_list td.cal-spacer {
	background-color: #B9B9B9;
	height: 3px;
	line-height: 3px;	
	font-size: 3px;
	padding: 0;
}

/*-------------------- fellows --------------------*/

.fellow_address_list table,
.fellow_address_details table {
	width: 520px;
}

.fellow_address_list .fellow_address_list_name {
	width: 180px;
}

.fellow_address_list .fellow_address_list_short_description {
	width: 300px;
}

.fellow_address_list .fellow_address_list_thumbnail {
	width: 40px;
	text-align: right;
}

.fellow_address_details .fellow_address_details_description {
	width: 390px;
}

.fellow_address_details .fellow_address_details_image {
	width: 130px;
	text-align: right;
}


.fellow_address_abclist_name {width: 270px;}

.fellow_address_abclist_year {width: 100px;}

.fellow_address_abclist_details {}

/*-------------------- tmail-form --------------------*/

table.tmail-form-table {
	background-color: #B9B9B9;
}

.tmail-form-table td {
	padding: 5px;
}

div.tmail-form-error {
	font-weight: bold;
	color: red;
}

td.tmail-form-error {
	font-weight: bold;
	color: red;
}

td.tmail-form-error input,
td.tmail-form-error textarea,
td.tmail-form-error select {
	border: solid 1px red;
}

#contact-form-table input,
#contact-form-table select {
	width: 270px;
}

#contact-form-table textarea {
	width: 270px;
	height: 120px;
}

#contact-form-table input.tmail-form-button {
	width: 80px;
}