/** 
 * pronaturstein.ch
 * 
 * css style definitions for pronaturstein.ch
 * 
 * @author  Markus Howald 
 * @see     http://www.pronaturstein.ch/ 
 * @copyright copyright(c) Klink GmbH
 * @date 2010-05-28
 * @media screen
 *
 * @colordef #5A817A; green;
 * @colordef #750132; red;
 */ 


/** 
 * @section general
 * 
 * general styles
 */ 

* {
	border:0;
	margin:0;
	padding:0;
}

body {
	background:#FFF;
	color:#333;
	font:100.1% arial,helvetica,sans-serif;
	line-height:0.95em;
	margin-top:20px;
}

a:link, a:visited {
	color:#5A817A;
	text-decoration:none
}

a:hover { text-decoration:underline; }
img { vertical-align:bottom; }
.pipe { margin:0 0.5em; }
.clear { clear:both; }
.tiny { font-size:0.9em; }


/** 
 * @section form
 * 
 * general form styles, used by every form on the page if not overridden later in this stylesheet
 */ 

legend { font-weight:bold; }

input,
textarea {
	background:#FFF;
	border:1px solid #333;
	color:#5A817A;
	font:0.75em arial,helvetica,sans-serif;
	padding:1px 5px;
	vertical-align:middle;
}

input:focus,
textarea:focus { background:#CCC; }

input[type=submit],
input[type=reset],
input[type=button],
button {
	background:#5A817A;
	border:1px solid #333;
	color:#FFF;
	font:0.75em arial,helvetica,sans-serif;
	overflow:visible;
	padding:1px 5px;
	vertical-align:middle;
	width:auto;
}

input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
button:hover { color:#CCC; }

* html input { width:auto !important; } /** @note * html only affects ie6 */



/** 
 * @section container
 * 
 *
 */ 

#main {
	background:#5A817A;
	border-bottom:4px solid #5A817A;
	margin:0 auto;
	width:960px;
}

#head {
	background:#FFF;
	height:106px;
	position:relative;
	width:100%;
}

#left {
	float:left;
	position:relative;
	width:175px;
}

#right {
	background:#D8DAD9;
	border-left:4px solid #FFF;
	float:left;
	width:777px;
}


/** 
 * @section logo
 * 
 *
 */

#logo {
	position:absolute;
	right:40px;
	z-index:2;
}


/** 
 * @section nav-language
 * 
 *
 */ 

ul#nav-language {
	bottom:69px;
	color:#5A817A;
	font-size:0.75em;
	left:179px;
	line-height:1.75em;
	list-style:none;
	position:absolute;
}

ul#nav-language li { display:inline; }


/** 
 * @section suche
 * 
 *
 */ 

form#searchform {
	bottom:71px;
	left:230px;
	position:absolute;
}

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


/** 
 * @section nav-main
 * 
 *
 */ 

ul#nav-main {
	background:#5A817A;
	bottom:0;
	color:#FFF;
	font-size:0.75em;
	font-weight:bold;
	height:28px;
	list-style:none;
	padding:40px 15px 0 0;
	position:absolute;
	right:0;
	text-align:right;
	width:766px;
	z-index:1;
}

ul#nav-main li { display:inline; }

ul#nav-main li a:link,
ul#nav-main li a:visited { color:#FFF; }

ul#nav-main li a:hover,
ul#nav-main li a.active {
	color:#000 !important;
	text-decoration:none;
}


/** 
 * @section slides (home)
 * 
 *
 */ 

#claim {
	top:67px;
	left:199px;
	position:absolute;
	width:133px;
	z-index:3;
}

.slide-hidden { display:none; }

#slide-img-left-container {
	height:308px;
	z-index:1;
}


/** 
 * @section nav-sub
 * 
 *
 */ 

ul#nav-sub {
	color:#FFF;
	font-size:0.7em;
	list-style:none;
	margin:0 13px 0 22px;
	overflow:hidden;
	text-align:right;
	width:140px;
}

ul#nav-sub li { border-bottom:1px solid #FFF; }

ul#nav-sub li a:link,
ul#nav-sub li a:visited {
	color:#FFF;
	display:block;
	line-height:1em;
	padding:0.5em 0;
}

ul#nav-sub li a:hover {
	color:#000;
	text-decoration:none;
}

ul#nav-sub li a.active {
	color:#000 !important;
	font-weight:bold;
}


/** 
 * @section news-teaser
 * 
 *
 */ 

#news-teaser {
	color:#FFF;
	font-size:0.7em;
	left:22px;
	position:absolute;
	overflow:hidden;
	text-align:right;
	top:350px;
	width:140px;
	z-index:100;
}

#news-teaser-content {
	border-bottom:1px solid #FFF;
	border-top:1px solid #FFF;
	padding-top:8px;
}

#news-teaser-content a:link,
#news-teaser-content a:visited {
	color:#FFF;
	text-decoration:none;
}

#news-teaser-content a:hover {
	color:#FFF;
	text-decoration:underline;
}

#news-teaser-content p { margin-bottom:1em; }


/** 
 * @section content
 * 
 *
 */ 

/** content definitions */
#content-container { font-size:0.7em; }

#content-container h1 {
	color:#5A817A;
	border-bottom:2px solid #5A817A;
	font-size:1.2em;
	margin-bottom:1em;
	padding-bottom:0.15em;
}

#content-container h2 {
	color:#5A817A;
	font-size:1em;
	margin-bottom:0.75em;
}

#content-container h3,
#content-container h4 {
	color:#5A817A;
	font-size:1em;
	margin-bottom:0;
}


#content-container ul,
#content-container ol { margin:0 0 1em 2em; }

#content-container ul { list-style:square; }
#content-container ul li { margin-bottom:1em; }
#content-container p { margin-bottom:1em; }


/** height - gives the min-height of 500px, like a shim-gif */
#height {
	float:left;
	height:500px;
	width:1px;
}



/** content-textcol */
.content-textcol {
	float:left;
	padding:22px 22px 22px 21px;
	width:733px;
}


/** content-textcol-banner */
.content-textcol-banner {
	float:left;
	padding:22px 22px 0 21px;
	width:583px;
}


/** content-imgcol-textcol-banner */
.content-imgcol-textcol-banner {
	float:left;
	padding:22px 22px 0 21px;
	width:315px;
}


/** content-imgcol-textcol */
.content-imgcol-textcol {
	float:left;
	padding:22px 22px 0 21px;
	width:465px;
}


/** banner + imgcol */

#banner {
	background:#FFF;
	height:478px;
	float:right;
	padding:22px 0 0 22px;
	overflow:hidden;
	width:128px;
}

#banner ul {
	list-style:none;
	margin:0;
	padding:0;
}

#banner ul li { margin-bottom:14px; }

.slideshow ul li {
	margin-bottom:0;
	height:62px;
}

#imgcol {
	background:#FFF;
	float:left;
	min-height:500px;
	width:268px;
}


/** 
 * @section tt_news
 * 
 * extension tt_news
 */ 

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

.news-list-text {
	float:left;
	width:520px;
}

.news-list-browse { text-align:center; }
.news-list-browse .disabledLinkWrap { color:#999; }

.news-single-img {
	float:left;
	padding:0 30px 30px 0;
}

p.news-single-imgcaption {
	margin-bottom:0 !important;
	padding-top:0.25em;
}

p.news-single-subheader { font-weight:bold; }

.news-single-additional-info dl dt { margin-bottom:0.5em; }
.news-single-additional-info dl { margin-bottom:1em; }




/** 
 * @section css_filelinks
 * 
 * extension css_filelinks
 */ 
 
.filelinks-container {
	height:1%; /** without «height» ie6 + 7 don't make margin-bottom */
	margin-bottom:1em;
}

.filelinks-item,
.filelinks-item-ttnews {
	height:1%; /** without «height» ie6 + 7 don't make border-bottom */
	margin-bottom:0.5em;
	padding-bottom:0.5em;
}

.filelinks-icon {
	float:left;
	width:2em;
}

.filelinks-link { float:left; }

.filelinks-size {
	float:left;
	white-space:nowrap;
}


/** 
 * @section fce-2-col
 * 
 * 2 spaltiges, flexibles Inhaltselement
 */ 

.fce-2-col { width:100%; }

.fce-2-col-left {
	float:left;
	width:48%;
}

.fce-2-col-right {
	float:right;
	width:48%;
}


/** 
 * @section fce-mitglieder-1col
 * 
 * flexibles Inhaltselement für 1 Mitgliederbox (Logo und Text)
 */ 

.fce-mitglieder-1col-box {
	margin:3em auto;
	text-align:center;
	width:260px;
}

.fce-mitglieder-1col-box img { margin-bottom:2em; }
.fce-mitglieder-1col-content { text-align:left; }


/** 
 * @section fce-mitglieder-2col
 * 
 * flexibles Inhaltselement für 2 Mitgliederboxen (Logos und Texte)
 */ 

.fce-mitglieder-2col-box-container {
	margin:3em auto;
	width:540px;
}

.fce-mitglieder-2col-box1 {
	float:left;
	text-align:center;
	width:260px;
}

.fce-mitglieder-2col-box2 {
	float:right;
	text-align:center;
	width:260px;
}

.fce-mitglieder-2col-box1 img,
.fce-mitglieder-2col-box2 img { margin-bottom:2em; }
.fce-mitglieder-2col-content { text-align:left; }


/** 
 * @section userpnsmitglieder
 * 
 * 
 */ 

#MitgliederLinks {
	float:left;
	width:48%;
}

#MitgliederRechts {
	float:right;
	width:48%;
}

/** form mitgliedersuche */

form#Mitgliedersuche {
	margin-bottom:2em;
	width:100%;
}

form#Mitgliedersuche legend { display:none; }

form#Mitgliedersuche label {
	clear:both;
	display:block;
	float:left;
	margin:0.35em 0 1em 0;
	width:6.5em;
}

form#Mitgliedersuche input,
form#Mitgliedersuche textarea {
	border:2px solid #666;
	color:#000;
	float:right;
	font-size:1.1em;
	margin-bottom:0.75em;
	padding:0.2em 0.5em;
	width:15em;
}

form#Mitgliedersuche textarea { height:6em; }

form#Mitgliedersuche input[type=submit],
form#Mitgliedersuche input[type=reset],
form#Mitgliedersuche input[type=button],
form#Mitgliedersuche button {
	border-color:#333;
	clear:both;
	color:#FFF;
	font-weight:bold;
	width:auto;
}

form#Mitgliedersuche input[type=submit]:hover,
form#Mitgliedersuche input[type=reset]:hover,
form#Mitgliedersuche input[type=button]:hover,
form#Mitgliedersuche button:hover { color:#CCC; }

* html form#Mitgliedersuche input { width:auto !important; } /** @note * html only affects ie6 */


/** 
 * @section kontaktform
 * 
 * 
 */ 

form#kontakt { width:45%; }

form#kontakt legend { display:none; }

form#kontakt label {
	clear:both;
	display:block;
	float:left;
	margin:0.35em 0 1em 0;
	width:8em;
}

form#kontakt input,
form#kontakt textarea {
	border:2px solid #666;
	color:#000;
	float:right;
	font-size:1.1em;
	margin-bottom:0.75em;
	padding:0.2em 0.5em;
	width:15em;
}

form#kontakt textarea { height:6em; }

form#kontakt input[type=submit],
form#kontakt input[type=reset],
form#kontakt input[type=button],
form#kontakt button {
	border-color:#333;
	clear:both;
	color:#FFF;
	font-weight:bold;
	width:auto;
}

form#kontakt input[type=submit]:hover,
form#kontakt input[type=reset]:hover,
form#kontakt input[type=button]:hover,
form#kontakt button:hover { color:#CCC; }

* html form#kontakt input { width:auto !important; } /** @note * html only affects ie6 */

form#kontakt .powermail_mandatory_js {
	clear:both;
	color:#FF3333;
	margin-bottom:1em;
}


/** 
 * @section loginform
 * 
 * 
 */ 

.tx-felogin-pi1 form {
	margin-top:1em;
	width:45%;
}
.tx-felogin-pi1 form legend { display:none; }

.tx-felogin-pi1 form label {
	clear:both;
	display:block;
	float:left;
	margin:0.35em 0 1em 0;
	width:8em;
}

.tx-felogin-pi1 form input {
	border:2px solid #666;
	color:#000;
	float:right;
	font-size:1.1em;
	margin-bottom:0.75em;
	padding:0.2em 0.5em;
	width:15em;
}

.tx-felogin-pi1 form input[type=submit],
.tx-felogin-pi1 form input[type=reset],
.tx-felogin-pi1 form input[type=button],
.tx-felogin-pi1 form button {
	border-color:#333;
	clear:both;
	color:#FFF;
	font-weight:bold;
	width:auto;
}

.tx-felogin-pi1 form input[type=submit]:hover,
.tx-felogin-pi1 form input[type=reset]:hover,
.tx-felogin-pi1 form input[type=button]:hover,
.tx-felogin-pi1 form button:hover { color:#CCC; }

* html .tx-felogin-pi1 input { width:auto !important; } /** @note * html only affects ie6 */

.logout a:link,
.logout a:visited {
	color:#FF7700 !important;
	font-weight:bold;
}

.logout a:hover { color:#000 !important; }


/** 
 * @section fce_header_publikationen
 * 
 * 
 */ 

.fce-header-publikationen h1 {
	color:#5A817A;
	border-bottom:none !important;
	font-size:1.2em;
	margin-bottom:1em;
	padding-bottom:0.15em;
}

.fce-header-publikationen-top {
	border-bottom:2px solid #5A817A;
	height:40px;
	margin-bottom:1.5em;
	position:relative;
}

.fce-header-publikationen-left {
	bottom:0;
	left:0;
	position:absolute;
}

.fce-header-publikationen-left h2 {
	margin-bottom:0 !important;
}

.fce-header-publikationen-right {
	bottom:0.25em;
	position:absolute;
	right:0;
}