@charset "UTF-8";

/************************************
  reset all browser default styling
************************************/
@import "reset-min.css";



/*************************************************************
  import example.css for default styling of content elements
*************************************************************/
@import "example.css" all;
html {
	overflow-y: scroll;
}


/**************
  grid layout
**************/

div#navigationAids {
	display: none;
}

div#footer h3 {
	display: none;
}

div#navigationFirstLevel h2 {
	display: none;
}

div#navigationSecondLevel h2 {
	display: none;
}

div#outerWrap {
	width: 1000px;
	text-align: center;
	margin: 0 auto;
	overflow: auto;
}

div#outerWrap div {
	text-align: left;
}

div#header {
	background: #fff;
	height: 250px;
	margin-top: 0;
}

div#logo {
	margin-top: 131px;
	margin-left: 5px;
	width: 507px;
	height: 116px;
	position: absolute;
}

div#navigationSecondLevel {
	float: left;
	width: 25%;
}

div#main {
	width: 50%;
	float: left;
}

div#secondary {
	width: 25%;
	float: right;
}

div#footer {
	clear: both;
}

body.hideRightColumn div#secondary {
	display: none;
}

body.hideRightColumn div#main {
	width: 75%;
	float: left;
	position: relative;
}

body.hideLeftColumn div#main {
	width: 75% !important;
	float: left;
	position: relative;
}

body.hideLeftColumn div#navigationSecondLevel {
	display: none;
}

body.hideRightAndLeftColumn div#main {
	width: 100%;
}

body.hideRightAndLeftColumn div#secondary,
body.hideRightAndLeftColumn div#navigationSecondLevel {
	display: none;
}

body.hideRightAndLeftColumn div#contentWrap,
body.hideLeftColumn div#contentWrap {
/*	background-image: none;
	background: #fff; */
}


/******************
  general padding
******************/

div#navigationContent,
div#footer {
	padding: 12px;
}

div#secondaryContent {
	padding-top: 35px;
}

div#mainContent {
	padding: 35px 0px 30px 30px;
	overflow: hidden;
}


/*********************************************************
  styling and positioning of individual general elements
*********************************************************/
/*
 #494949 -> #d0c6ae -> #e3d9c9 -> #eeeeee background
 -> #706f6f -> #404040  Schrift Text
 -> #575756  Schrift Menü
 -> #1c75c9 -> #f0f  Schrift Menü ausgewählt
*/

body {
	background: #eee;
}

html {
	background: #eee;
}

strong {
	font-weight: bold;
}

div#header {
}

div#headerimage {
	position: absolute;
	width: 1000px;
	height: 250px;
}

div#logo {
	background: url(../images/ABMar_Logo.png);
}

div#contentWrap {
	overflow: hidden;
	clear: both
}

div#navigationSecondLevel {
}

div#secondary {
	margin-top: 48px;
}


div#footer {
}

div#footerContent {
	width: 100%;
	text-align: center;
}

div#topMenu ul li,
div#languageMenu ul li {
	display: inline;
	padding-left: 1em;
	font-size: 100%;
}

div#topMenu,
div#languageMenu {
	float: right;
	padding-bottom: 24px;
	margin: -24px 6px 0 0;
}

div.secondaryContentSection {
	background: #f2f2f2;
	border: 1px solid #cfcecf;
	width: 100%;
	border-top: none;
	padding: 0 10px 10px 10px;
/*	margin: 0 0 2.4em 10px; */
	margin: 0;
	overflow: hidden;
	font-size: 90%;
}


div#navigationTop {
	overflow: hidden;
}

div#navigationFirstLevel {
	height: 0;
	overflow: hidden;
}

div#navigationFirstLevelMenu ul {
	overflow: hidden;
	margin: 0 0 0 190px;
}

div#navigationFirstLevelMenu ul li {
	display: block;
	float: left;
	margin-left: 0;
}

div#navigationFirstLevelMenu ul li a {
	padding: 0.8em 1em;
	display: block;
}


div#breadcrumb {
	float: left;
	margin-left: 276px; /* 250 + 26 */
	margin-top: 8px;
	top: 8px;
}

div#breadcrumb span {
	color: #e64ba5;
}

div#breadcrumb div.sep {
	width: 1px;
	height: 12px;
	font-size: 1px;
	background-color: #666;
	display: inline;
	overflow: hidden;
}


div#navigationSecondLevelMenu {
	margin-top: 40px;
}

div#navigationSecondLevelMenu > ul {
	border-top: 1px solid #666;
}

div#navigationSecondLevelMenu ul {
	text-indent: 20px;
	line-height: 2.2em;
	margin-left: 0;
}

div#navigationSecondLevelMenu > ul > li {
	border-bottom: 1px solid #666;
}

div#navigationSecondLevelMenu ul ul {
	text-indent: 35px;
	line-height: 1.5em;
/*	border-bottom: none; */
	margin-bottom: 0;
}

div#navigationSecondLevelMenu ul ul ul {
	text-indent: 50px;
}

div#navigationSecondLevelMenu li {
	list-style-type: none;
	margin-left: 0;
}

div#navigationSecondLevelMenu li.normal li.normal {
	display: none;
}

div#navigationSecondLevelMenu li.active {
/*	font-weight: bold; */
}

div#navigationSecondLevelMenu li.active li {
	font-weight: normal;
}

div#navigationSecondLevelMenu li.selected {
/*	background: #fff url(../images/bg_liCurrent.gif) top right no-repeat; */
/*	font-weight: bold !important; */
}

div#navigationSecondLevelMenu li.selected li {
	font-weight: normal;
}

div#navigationSecondLevelMenu li.active > a,
div#navigationSecondLevelMenu li.selected > a {
	color: #e64ba5;
}


div#mainContent {
	clear: both;
}


/****************************
  link colors and treatment
****************************/

a:link {
	color: #666;
	text-decoration: none;
}

a:visited {
	color: #666;
	text-decoration: none;
}

a:hover {
	color: #a0a;
	text-decoration: underline;
}


div#topMenu ul li a,
div#languageMenu ul li a {
	color: #a9a9a9 !important;
}


div#navigationFirstLevelMenu ul li a {
	color: #fff;
}

div#navigationFirstLevelMenu ul li a.selected,
div#navigationFirstLevelMenu ul li a.active {
	background: #353535;
}

div#navigationFirstLevelMenu ul li a:hover {
	background: url(../images/navButtonOverlay.png);
	text-decoration: none;
}


div#breadcrumb a {
	margin: 0 4px;
}

div#breadcrumb span {
	margin: 0 4px;
}

div#breadcrumb a:hover {
	color: #a0a;
	text-decoration: none;
}


div#navigationSecondLevelMenu ul li a {
/*	color: #353535; */
}

div#navigationSecondLevelMenu ul li a:hover {
	color: #a0a;
	text-decoration: none;
}


div#header h1 a {
	color: #fff;
	text-decoration: none;
}


div#mainContent a {
	text-decoration: underline;
}

div#mainContent a:hover {
	color: #606;
/*	color: #e30613;  rot */
}


/*****************
  font treatment
*****************/

/* color: #666 -> #333 */

body {
	font: 90%/1.6em Arial, Verdana, Geneva, sans-serif;
	color: #333;
}

div#mainContent {
	font-size: 100%;
}

h1, h2, h3 {
	font-weight: bold;
	margin: 0.5em 0 1em 0 ;
	color: #333;
}

h1 {
	font-size: 130%;
}

div#header h1 {
	color: #fff;
	font: 400% Georgia, "Times New Roman", Times, serif;
	color: #f2f2f2;
	margin-left: 20px;
	position: absolute;
	font-style: italic;
}

div.secondaryContentSection .csc-header h1,
div.secondaryContentSection .csc-header h2,
div.secondaryContentSection .csc-header h3 {
	color: #fff;
	background: #eeeeee;
	padding: 6px 10px;
	margin: 0 0 1em -11px;
	width: 157px;
}

h2 {
	font-size: 130%;
}

h3 {
	font-size: 115%;
}

h4, h5 {
	font-size: 105%;
}

.csc-frame-frame1 { 
	color: #353535;
}

p {
	margin-bottom: 1em;
}

blockquote {
	margin: 1em 0 1em 2em;
	padding-left: 2em;
	border-left: 1px solid #666;
}

div#footer {
/*	color: #333; */
}

div#navigationSecondLevel h2 {
	margin-left: 12px;
	padding-top: 12px;
}


/************
  searchbox
************/

div#searchBox {
	float: right;
	margin-top: 10px;
	width: 155px; /* 134 + 20 +1 */
	height: 21px;
	background: url(../images/bg_searchInput.gif) no-repeat;
	margin-left: 0;
}

div#searchBox input#inputText {
	float: left;
	padding: 1px 0 2px 4px;
	margin: 2px 0 0 20px;
	border: 0;
	width: 110px;
	background: none;
	color: #515151;
}

div#searchBox input.inputText {
	width: 100px;
}

div#searchBox input.inputButton {
	float: right;
	margin: 3px 4px 0 0;
	cursor: pointer;
}

div#searchBox legend {
	display: none;
}


/***********
  mailform
***********/

form .csc-mailform-field label {
	float: left;
	margin-right: 5%;
	width: 15%;
}

form .csc-mailform-field input,
form .csc-mailform-field textarea,
form .csc-mailform-field select,
form .csc-mailform-radio fieldset {
	width: 70%;
}

form .csc-mailform-field textarea {
	height: 160px;
}


/*********************************
  indexed_search - basic styling
*********************************/

.tx-indexedsearch .tx-indexedsearch-browsebox li { 
	display: inline; 
	margin-right: 5px;
}

.tx-indexedsearch-redMarkup {
	font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-title {
	background: #e5e5e5; 
	padding: 1px 5px;
}

div.tx-indexedsearch-res dt,
div.tx-indexedsearch-res dt {
	float: left;
}

dl.tx-indexedsearch-info {
	font-size: 80%;
	color: #333;
	text-transform: uppercase;
	line-height: 1.4em;
}

dt.item-crdate,
dt.item-mtime,
dt.item-path {
	font-weight: bold;
}

div.tx-indexedsearch-res {
	margin-bottom: 2em;
}

.tx-indexedsearch td {
	padding: 2px;
}

.tx-indexedsearch .tx-indexedsearch-searchbox {
}

input#tx-indexedsearch-searchbox-sword {
	width: 250px;
}

.tx-indexedsearch select {
	width: 156px;
}

.tx-indexedsearch label {
	display: block;
	margin-top: 1em;
	text-transform: uppercase;
	font-size: 90%;
}

.tx-indexedsearch legend {
	display: none;
}

.tx-indexedsearch-search-submit {
	padding: 1em 0;
}


.tx-indexedsearch-text-item-crdate,
.tx-indexedsearch-text-item-mtime {
	display: none;
}


/**************************
  tt_news - basic styling
**************************/

.news-latest-item h3,
.news-latest-item p {
	margin-bottom: 0;
}

.news-list-subheader p {
	display: inline;
}

.news-list-item {
	padding: .4em 0 1em;
	clear: both;
}

.news-list-container img {
	float: left;
	margin: 0 10px 10px 0;
}

.news-single-img {
	float: left;
	margin: 0 10px 10px 0;
}

.news-list-category {
	font-size: 90%;
}


/*************************************************************************************
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*************************************************************************************/
/*
#cboxOverlay {
	background: #000;
}

#colorbox {
}

#cboxTopLeft {
	width: 14px;
	height: 14px;
	background: url(../images/controls.png) 0 0 no-repeat;
}

#cboxTopCenter {
	height: 14px;
	background: url(../images/border.png) top left repeat-x;
}

#cboxTopRight {
	width: 14px;
	height: 14px;
	background: url(../images/controls.png) -36px 0 no-repeat;
}

#cboxBottomLeft {
	width: 14px;
	height: 43px;
	background: url(../images/controls.png) 0 -32px no-repeat;
}

#cboxBottomCenter {
	height: 43px;
	background: url(../images/border.png) bottom left repeat-x;
}

#cboxBottomRight {
	width: 14px;
	height: 43px;
	background: url(../images/controls.png) -36px -32px no-repeat;
}

#cboxMiddleLeft {
	width: 14px;
	background: url(../images/controls.png) -175px 0 repeat-y;
}

#cboxMiddleRight {
	width: 14px;
	background: url(../images/controls.png) -211px 0 repeat-y;
}

#cboxContent {
	background: #fff;
}


    #cboxLoadedContent { margin-bottom:5px;}
    #cboxLoadingOverlay { background:url(../images/loading_background.png) center center no-repeat;}
    #cboxLoadingGraphic { background:url(../images/loading.gif) center center no-repeat;}
    #cboxTitle { position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
    #cboxCurrent { position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
        
    #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { position:absolute; bottom:-29px; background:url(../images/controls.png) 0px 0px no-repeat; width:23px; height:23px; text-indent:-9999px;}
    #cboxPrevious { left:0px; background-position: -51px -25px;}
    #cboxPrevious.hover { background-position:-51px 0px;}
    #cboxNext { left:27px; background-position:-75px -25px;}
    #cboxNext.hover { background-position:-75px 0px;}
    #cboxClose { right:0; background-position:-100px -25px;}
    #cboxClose.hover { background-position:-100px 0px;}
        
    .cboxSlideshow_on #cboxSlideshow { background-position:-125px 0px; right:27px;}
    .cboxSlideshow_on #cboxSlideshow.hover { background-position:-150px 0px;}
    .cboxSlideshow_off #cboxSlideshow { background-position:-150px -25px; right:27px;}
    .cboxSlideshow_off #cboxSlideshow.hover { background-position:-125px 0px;}
*/


#cboxOverlay {
/*	background: transparent; */
	background: rgba(128, 128, 128, 0.8);
}

#cboxTopLeft,
#cboxTopRight,
#cboxBottomLeft,
#cboxBottomRight {
	width: 0;
	height: 0;
}

#cboxTopCenter {
	height: 0;
}

#cboxBottomCenter {
	height: 0;
	background: #fff;
	opacity: 0.5;
}

#cboxMiddleLeft,
#cboxMiddleRight {
	width: 0;
}

#cboxContent {
	background: #fff;
}


#cboxLoadedContent {
    margin-bottom: 0;
}

#cboxCurrent {
	bottom: -25px;
	left: 58px;
	position: absolute;
	font: 90%/1.6em Arial, Verdana, Geneva, sans-serif;
	color: #333;
	font-weight: normal;
}