body,
input,
textarea,
select { 
	color: #282f33;
	font: 12px/150% Arial, Helvetica, sans-serif;
}

a, a:link, a:visited {color: #00559a; text-decoration: none;}
a:hover, a:active {color: #667881; text-decoration: none;}

h3 {font-size: 14px;}



/**
 * Layout =================================================
 */
#wrapper {
	width: 900px;
	margin: 40px auto;
	background: #fff;
}
   
#header {
	width: 900px;
	height: 85px;
	margin: 0 0 10px 0;
	background: url('img/header-bg.jpg') top center no-repeat;
}

#left {
	float: left;
	width: 220px;
	margin: 0 20px 0 0;
}

#page {
	float: left;
	width: 660px;
	margin: 0 0 110px 0;
}

#footer {
	clear:both;
	width: 900px;
	margin: 0 0 30px 0;
	padding: 5px 0;
	background: url('img/footer-bg.jpg') top center no-repeat;
	font-size: 10px;
}

	#footer .backtotop {
		margin: 0;
		width: 150px;
		float: right;
		text-align: left;
	}

		#footer .backtotop a {
			background: url('img/footer-backtotop-icon.gif') left center no-repeat;
			padding-left: 15px;
			color: #667881;
		}
		
		#footer .backtotop a:hover {color: #00559a;}
	
	#footer .footer-message {
		margin: 0;
		width: 510px;
		float: right;		
		text-align: right;
	}





/**
 * Sidebar / Navigation =================================================
 */
div.block {margin-bottom: 20px;}

	div.block-menu .block-title, div.block-locale .block-title {display: none;}




div#block-menu-primary-links ul.menu li.collapsed,
div#block-menu-primary-links ul.menu li.expanded {
	margin-bottom: 5px;

	font-size: 15px;
	font-weight: bold;
}

	div#block-menu-primary-links ul.menu li.expanded a {}
	div#block-menu-primary-links ul.menu li.expanded a:hover {border-color: #667881;}

	div#block-menu-primary-links ul.menu li.expanded.active-trail {margin-top: 5px;}
	div#block-menu-primary-links ul.menu li.expanded.first.active-trail {margin-top: 0;}

	div#block-menu-primary-links ul.menu li.expanded ul.menu {margin: 5px 0 25px 0;}
	
	div#block-menu-primary-links ul.menu li.expanded ul.menu li a {
		padding-left: 12px;
		color: #667881;
/* 		background: url('img/navigation-arrow.gif') left 1px no-repeat; */

		font-size: 11px;
		font-weight: bold;
	}
  
  div#block-menu-primary-links ul.menu li.expanded ul.menu li a.active {color: #00559a;}
	
	div#block-menu-primary-links ul.menu li.expanded ul.menu li a:hover {color: #00559a;}

/*
	div#block-menu-primary-links ul.menu li.expanded ul.menu li a:hover {background-image: url('img/navigation-arrow-active.gif');}

	div#block-menu-primary-links ul.menu li.expanded ul.menu li.active-trail a {background-image: url('img/navigation-arrow-active.gif'); color: #667881;}
*/
	



div#block-menu-secondary-links {
	/* pull locale block up */
	/* margin-bottom: 0; */
}
	
	div#block-menu-secondary-links ul.menu li.leaf,
	div#block-locale-0 ul li {
		font-size: 11px;
		font-weight: bold;
	}
	
		div#block-menu-secondary-links ul.menu li.leaf a,
		div#block-locale-0 ul li a {color: #667881;}
		div#block-menu-secondary-links ul.menu li.leaf a:hover,
		div#block-locale-0 ul li a:hover {color: #00559a;}
	
	div#block-locale-0 li.active {display: none;}


 
 

/**
 * Content =================================================
 */
.field-field-keyvisual {
	margin-bottom: 60px;
	position: relative;
}

.field-field-keyvisual .field-item {
	display: none;
}

.field-field-keyvisual .field-item:first-child {
  display: block;
}

/** slider */
.field-field-keyvisual div.slider-arrow {
	background-repeat: no-repeat;
	background-position: center center;
	width: 28px;
	height: 43px;
	cursor: pointer;
	top: 50%;
	margin-top: -21px;
	position: absolute;
	display: none;
}

.field-field-keyvisual div.slider-arrow-left {
  background-image: url('img/slider_icon_left.png');
	left: 5px;
}

.field-field-keyvisual div.slider-arrow-right {
  background-image: url('img/slider_icon_right.png');
	right: 5px;
}

div.content-left {
	float: left;
	width: 315px;
	margin-right: 25px;
}

div.content-right {
	float: left;
	width: 320px;

	text-align: right;
	font-size: 10px;
}

div.image-container {
	margin-bottom: 25px;
	text-align: right;
	font-size: 10px;
}

/* undo text formatting of div.content-right for text content which is no subline of a picture */
div.text {font-size: 12px; text-align: left;}


/* Activities */
h2.node-title {
	margin: 0;
	color: #00559A;
	font-size: 14px;
	font-weight: bold;
}

div.node-submitted {margin-bottom: 20px;}
div.node-content {margin-bottom: 50px;}

ul.pager a,
ul.pager li.pager-current {padding: 0 5px;}
	
	ul.pager a:hover {}
	ul.pager li.pager-current {}
	
	
/* Contact */
form#contact-mail-page div#edit-name-wrapper {margin-top: 25px;}


/* FCK Editor */
#content p > img.left,
.contentbild.left {
	float: left;
	margin: 4px 10px 15px 0;
	clear: both;
}

#content p > img.right,
.contentbild.right {
  float: right;
	margin: 4px 0 15px 10px;
	clear: both;
}

#content p > img.center,
.contentbild.center {
  display: block;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 15px;
}

#content h3 {font-weight: bold;	margin: 0;}

#content .contentbild {position:relative; margin-bottom: 15px;}

#content .contentbild .beschriftung {position: absolute; bottom:-20px; right:0px; font-size:10px; color:#282F33; font-family:Arial;}

 



/**
 * Backend =================================================
 */
.block-region {background: #fc0;}

/* logout */
div#block-block-1 a {
	font-size: 11px;
	font-weight: bold;
	color: #ff6657;
}

div#block-block-1 a:hover {color: #00559a;}

.messages, .help, .messages.error {
	margin: 70px 0 25px 240px;
	padding: 10px;
	border: 3px solid #00559a;
	background: #ddd;
	font-weight: bold;
}


.form-item {margin-bottom: 25px;}


input[type=submit] {  
  -moz-border-radius:3px;
  -webkit-border-radius:3px;
  padding:4px 9px;
  font-size:11px;
  font-weight:normal;
  background:transparent;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  border-color:#999;
  background:#888;
  color:#fff;
}

input.form-submit {margin-top: 15px;}

div.fieldset.collapsible {
	margin: 10px 0;
}


thead tr, td.module {font-weight: bold; background: #fff; padding-top:25px; border-bottom: 2px solid;}
tr.odd, tr.even {border-bottom: 1px dotted;}
td {padding: 2px;}

div.fieldset {margin-bottom: 25px;}

div.fieldset.collapsible h2 a {padding-left: 12px; background: url('img/fieldset-expanded.gif') left 3px no-repeat;}
div.fieldset.collapsible.collapsed h2 a {padding-left: 12px; background: url('img/fieldset-collapsed.gif') left 3px no-repeat;}

div.fieldset.collapsible{padding: 5px; border: 1px solid;}
div.fieldset.collapsible.collapsed {border: 1px dotted;}
div.fieldset-content {padding: 12px;}

div.view-id-list_content table {margin-top: 25px;}

.node-form .resizable-textarea{width:107%;}


/**
 * Tabs ===============================================================
 */
ul.primary-tabs {
/*   position:absolute; */
  right:60px;
  top:10px;
  margin: 25px 0;
  overflow:hidden;
  height:36px;
  padding:0px;
  line-height:20px;
  }

ul.primary-tabs li { padding-right:5px; }


ul.primary-tabs li a {
  -moz-border-radius:3px;
  -webkit-border-radius:3px;

  padding:4px 9px;

  font-size:11px;
  font-weight:normal;


  background:transparent;

  border-width:1px;
  border-style:solid;
  border-color:transparent;
  }

ul.primary-tabs li a:hover {
  -moz-box-shadow:#fff 0px 1px 0px;
  -webkit-box-shadow:#fff 0px 1px 0px;
  border-color:#999;
  background:#888;
  color:#fff;
  }

ul.primary-tabs li.active a,
ul.primary-tabs li.active a.active {
  -moz-box-shadow:#fff 0px 1px 0px;
  -webkit-box-shadow:#fff 0px 1px 0px;

  padding:4px 9px;
  color:#fff;
  border-bottom:0px;
  background:#888;
  border-width:1px;
  border-style:solid;
  border-color:transparent;
  }

div.secondary-tabs {
  font-size:11px;
  padding:4px;
  border-bottom:1px solid #e8e8e8;
  }

  ul.secondary-tabs { float:right; }

  ul.secondary-tabs li a,
  ul.secondary-tabs li a:hover {
    color:#333;
    padding:0px 10px;
    -moz-border-radius:3px;
    -webkit-border-radius:3px;
    }

  ul.secondary-tabs li a:hover { background:#ddd; }

  ul.secondary-tabs li a.active,
  ul.secondary-tabs li.active a {
    background:#888;
    color:#fff;
    }
    
 /**
  * Views
  */
.view-id-Catalogues .view-header {
	font-size: 14px;
	font-weight: bold;
	color: rgb(0, 85, 154);
	margin: 0 0 20px;
}

.view-id-Catalogues .views-row {
	float: left;
	width: 94px;
	height: 180px;
	text-align: center;
	position: relative;
	cursor: pointer;
}

.view-id-Catalogues .views-row img {
	max-height: 100%;
	width: 100%;
}

.view-id-Catalogues .views-row .views-field-body {
	position: absolute;
	background-image: url('img/overlay_arrow.png');
	background-repeat: no-repeat;
	background-position: 10px top;
	width: 200px;
	display: none;
}

.view-id-Catalogues .views-row .views-field-body.right {
	background-position: 170px top;
	right: 35px;
	left: auto !important;
}

.view-id-Catalogues .views-row .views-field-body.visible {
	display: block;
	z-index: 3;
	left: 35px;
	top: 95px;
}

.view-id-Catalogues .views-row .views-field-body label {
  display: none;
}

.view-id-Catalogues .views-row .views-field-body .field-content {
	background-color: #fff;
	margin-top: 10px;
	padding: 12px;
	font-size: 12px;
	line-height: 13px;
	text-align: left;
	-webkit-box-shadow: 6px 8px 10px rgba(18, 36, 7, 0.7);
  -moz-box-shadow:    6px 8px 10px rgba(18, 36, 7, 0.7);
  box-shadow:         6px 8px 10px rgba(18, 36, 7, 0.7);
}