@CHARSET "UTF-8";

/*** GLOBAL ****************************************************************************************************************/
html {
    background-image: url('assets/backgrounds/verlauf-natur-weiss.gif');
    background-repeat: repeat-x;
	background-color: #fff;
}

body {
    /*font-size: 12px;*/
}

a:link,
a:visited,
a:hover {
	text-decoration: none;
}

a:link,
a:visited {
	color: #005794;
}

a:hover {
	color: #7f7f7f;
}

dl {
	margin: 0;
	padding: 0;
}




/*** PAGE LAYOUT ***********************************************************************************************************/
.pagecontainer {
    z-index: 2;
    position: absolute;
    width: 902px;
    padding: 24px;
    margin-left: -478px;
    margin-top: 24px;
    left: 50%;
    background-color: #fff;
    overflow: hidden;
    
}

.logobanner {
	background: url("assets/logos/logo350-aufgrau.gif");
	background-repeat: no-repeat;
	background-position: center center;
	/*height: 7.05em;*/
	height: 92px;
	background-color: #e9e9e9;
}

.logobanner a:link,
.logobanner a:visited,
.logobanner a:hover {
	display: block;
	position: absolute;
	width: 27.0em;
	height: 4.0em;
	margin-left: 21.0em;
	top: 3.5em;
}



/*** CONTENT LAYOUT ********************************************************************************************************/
.defaultcontentcontainer {
    margin-top: 11px;
    margin-bottom: 17px;
    font-size: 11px;
    line-height: 1.6em;
    color: #666;
}

.defaultcontentcontainer_content {
    width: 500px;
}

.defaultcontentcontainer_infoboxes {
    width: 180px;
}

.fullcontentcontainer {
    width: 680px;
    width: 100%;
    /*padding: 40px 0 0 0;*/
    font-weight: normal;
}

.fullcontentcontainer.nopadding {
    padding: 0 0 0 0;
}



/*** COPYRIGHT FOOTER ******************************************************************************************************/
.coypright {
	border-top: solid 1px #999;
	padding-top: 3px;
	font-size: 11px;
	margin: 0;
}

.coypright,
.coypright a:link,
.coypright a:visited {
	color: #663d17;
	text-decoration: none;
}

.coypright a:visited {
	text-decoration: none;
}



/*** MAIN MENU *************************************************************************************************************/
.mainmenu {
	background-color: #e9e9e9;
	font-size: 13px;
}

.mainmenu a.menuitem:link, .mainmenu a.menuitem:visited {
	display: block;
	text-decoration: none;
	background-color: #e9e9e9;
	color: #663d17;
	padding: 0.3em 0.85em;
}

.mainmenu a.menuitem.active:link, .mainmenu a.menuitem.active:visited,
.mainmenu a.menuitem:hover {
	text-decoration: none;
	background-color: #60a0b3;
	color: #fff;
}

.mainmenu a.menuitem.active:link, .mainmenu a.menuitem.active:visited {
	font-weight: bold;
}

.mainmenu a.localeitem:link, .mainmenu a.localeitem:visited {
	display: block;
	text-decoration: none;
	color: #999;
	font-size: 0.8em;
	padding: 0.5em 0.85em;
}

.mainmenu a.localeitem:hover {
	text-decoration: none;
	color: #663d17;
}



/*** SUB MENU **************************************************************************************************************/
.submenu {
	background-color: #60a0b3;
	font-size: 12px;
}

.submenu a.menuitem:link, .submenu a.menuitem:visited {
	display: block;
	text-decoration: none;
	background-color: #60a0b3;
	color: #fff;
	padding: 0.35em 0.85em;
}

.submenu a.menuitem.active:link, .submenu a.menuitem.active:visited,
.submenu a.menuitem:hover {
	text-decoration: none;
	background-color: #fff;
	color: #60a0b3;
}

.submenu a.menuitem.active:link, .submenu a.menuitem.active:visited {
	font-weight: bold;
}



/*** SUB SUB MENU **********************************************************************************************************/
.subsubmenu {
	background-color: #fff;
	font-size: 11px;
}

.subsubmenu a.menuitem:link, .subsubmenu a.menuitem:visited {
	display: block;
	text-decoration: none;
	color: #666;
	padding: 0.5em 1.0em;
}

.subsubmenu a.menuitem.active:link, .subsubmenu a.menuitem.active:visited,
.subsubmenu a.menuitem:hover {
	text-decoration: none;
	color: #60a0b3;
}

.subsubmenu a.menuitem.active:link, .subsubmenu a.menuitem.active:visited {
	font-weight: bold;
}



/*** CONTENT FORMATTING ****************************************************************************************************/
.content {
	color: #666;
    font-size: 12px;
    line-height: 1.5em;
}

div.content,
.content > div {
	color: #666;
}

.content h1 {
	font-size: 21px;
	font-weight: bold;
	line-height: 1.1em;
	color: #60a0b3;
	margin: 0;
	padding: 0;
}

.content h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.1em;
	color: #663d17;
	margin: 0;
	padding: 0;
}

.content h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.3em;
	color: #663d17;
	margin: 0;
	padding: 0;
}

.content h4 {
	color: #FFFFFF;
	font-size: 10px;
	font-family: Arial;
	font-weight: bold;
	line-height: 20px;
	background-color: #60a0b3;
	text-align: left;
	text-transform: uppercase;
	text-indent: 6px;
	letter-spacing: 1px;
	/* display: block */
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

.content a:link,
.content a:visited,
.content div a:link,
.content div a:visited {
    color: #60a0b3;
    text-decoration: none;
}




/*** INFOBOXES *************************************************************************************************************/
.infobox {
    width: 100%;
    margin-bottom: 2.67em;
    color: #000;
}

.infobox .header {
    margin: 0 0 0.2em; 0;
    padding: 0.4em 1.0em 0.3em 1.0em;
    color: #fff;
	background-color: #006bb3;
    line-height: 1.3em;
    font-size: 0.8em;
    text-transform: uppercase;
    letter-spacing: 0.3em;
}

.infobox .body {
	padding: 0.42em 0.90em;
	line-height: 1.2em;
    color: #000;
    background-color: #dedede;
    line-height: 1.3em;


    background-color: #fff;
 	background-image: url('assets/backgrounds/infobox_verlauf.gif');
 	background-position: top right;
 	background-repeat: repeat-y;
}

.infobox .body b,
.infobox .body strong {
	color: #005aa1;
}

.infobox .body img {
	margin: -0.42em -0.90em;
	width: 113%;
}

.infobox .body img {
	margin: -0.42em -0.92em -0.42em -0.92em;
	width: 113%;
	.width: 113.5%;
}



/*** ELEMENTS **************************************************************************************************************/



/*** WHATEVER **************************************************************************************************************/

.teaserelement {
   border-top: solid 0.1em #B8C6E1;
   padding-top: 2.0em;
}








.style_margin_top_1 {
    margin-top: 15px;
}

.style_margin_bottom_1 {
    margin-bottom: 18px;
}

.style_padding_top_1 {
    padding-top: 15px;
}

.style_padding_bottom_1 {
    padding-bottom: 18px;
}

.style_padding_left_1 {
    padding-left: 10px;
}

.style_padding_right_1 {
    padding-right: 10px;
}

.style_border_top_1 {
    border-top: dotted 1px #8e8e8e;
}

.style_border_bottom_1 {
    border-bottom: dotted 1px #8e8e8e;
}


.slideshowArrowLeft {
    background-image: url('assets/icons/slideshow_arrow_left.png');
    background-position: center center;
    background-repeat: no-repeat;
}

.slideshowArrowRight {
    background-image: url('assets/icons/slideshow_arrow_right.png');
    background-position: center center;
    background-repeat: no-repeat;
}


td.defaultFormNameCol {
    width: 200px;
}

table.fullwidth input.fullwidth {
	width: 90%;
}

table.fullwidth textarea.fullwidth {
	width: 91%;
}


tr.rowodd,
tr.rowodd > td {
    background-color: #f4f4f4;
}

tr.roweven,
tr.roweven > td {
    background-color: #fff;
}


td.spacingleft {
    padding: 0 0 0 10px;
}

span.formfieldrequired {
    color: #f00;
    color: #E6001A;
    font-size: 14px;
    font-weight: bold;
}

table.formtable > tbody > tr > td {
    padding: 0 0 0 10px;
}



/*** STAFF THUMBS ELEMENT **************************************************************************************************/
a.staffthumb:link,
a.staffthumb:visited,
a.staffthumb:hover {
	display: block;
	text-align: center;
	/*width: 144px;
	height: 172px;*/
	/* width: 144px;
	height: 173px;
	background-color: #f00; */
}

a.staffthumb:link > img ,
a.staffthumb:visited > img ,
a.staffthumb:hover > img {
	/*width: 115px;
	height: 144px;*/
}

a.staffthumb:link.marginLeft,
a.staffthumb:visited.marginLeft,
a.staffthumb:hover.marginLeft {
	margin-left: 5px;
}

a.staffthumb:link .normalon,
a.staffthumb:visited .normalon {
	display: block;
}

a.staffthumb:hover .normalon {
	display: none;
}

a.staffthumb:link .hoveron,
a.staffthumb:visited .hoveron {
	display: none;
}

a.staffthumb:hover .hoveron {
	display: block;
}

a.staffthumb:link.active .normalon,
a.staffthumb:visited.active .normalon {
	display: none;
}

a.staffthumb:link.active .hoveron,
a.staffthumb:visited.active .hoveron {
	display: block;
}

td.defaultFormNameCol {
    width: 125px;
}