/** 
 * pm10.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.pm10.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2009-01-28
 * @media screen
 *
 * @colordef #C60C46; rot
 * @colordef #6BB6DD; blau
 * @colordef #89C35D; grün
 */ 


/** 
 * @section general
 * 
 * general styles
 */ 
 
body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em; /* 16 px */
	text-align:center;
	color:#000000;
	padding:0;
	margin:0;
	background:#FFFFFF;
}

html { font-size:100%; } /* -> IE */

h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.13em; /* 18 px */
	margin:0 0 0.5em 0;
	font-weight:bold;
}

p {
	font-size:0.81em; /* 13 px */
	line-height:1.37em; /* 22 px */
	margin:0 0 1em 0;
}

#main_content table {
	font-size:0.81em; /* 13 px */
	line-height:1.37em; /* 22 px */
	margin:0 0 1em 0;
}

#main_content ul, #main_content ol {
	font-size:0.81em; /* 13 px */
	line-height:1.18em; /* 19 px */
	margin:0 0 1.5em 1em;
	padding:0 0 0 1em;
	list-style:none;
}

#main_content li {
	list-style:disc;
	margin:0 0 0.5em 0;
}

.clearfix { clear:both; }

/** 
 * @section main
 * 
 * mainframe, centeralign whole site
 */

#box {
	width:95%;
	min-width:48em; /* 768px */	
	/*height:33.5em; /* 536px */
	margin:1.5em auto 0 auto;
	border:0.063em solid #999999;
	text-align:left;
	clear:both;	
}

#header {
	height:12em;
	background-color:#F1F1F0;
	position:relative;
}

#left_col {
	float:left;
	width:20%;
	margin:0;
	padding:0;
}

#main_content {
	float:right;
	width:73%;
	/*height:17.5em;*/
	margin:0.5em 0 0 0;
	padding:0 1em 0 0;
	/*overflow:auto;*/
}

#footer {
	width:95%;
	margin:0.5em auto 0 auto;
}

/** 
 * @section head
 * 
 * images in head
 */

#header img { border:none; }

/* box links mit icons */
#header .left { width:43%; height:12em; float:left; position:relative; }

#header .left .icon_think { position:absolute; top:1em; left:1.4em; z-index:0; }
#header .left .icon_think img { width:2.63em; height:2em; }

#header .left .icon_breathe { position:absolute; top:1em; left:4.33em; z-index:1; }
#header .left .icon_breathe img { width:2.25em; height:2em; }

#header .left .icon_act { position:absolute; top:1em; left:6.88em; z-index:2; }
#header .left .icon_act img { width:1.5em; height:2em; }

/* box rechts mit logos + text */
#header .right { width:57%; height:12em; float:right; position:relative; }

#header .right .logo_lez { position:absolute; top:1em; left:0em; z-index:7; }
#header .right .logo_lez img { width:12.63em; height:5.63em; }

#header .right .text_think { position:absolute; top:1em; left:12.63em; z-index:4; }
#header .right .text_think img { width:8.13em; height:2.25em; }

#header .right .text_breathe { position:absolute; top:4.06em; left:14.13em; z-index:5; }
#header .right .text_breathe img { width:11.88em; height:2.25em; }

#header .right .text_act { position:absolute; top:6.63em; left:10.5em; z-index:6; }
#header .right .text_act img { width:5.25em; height:2.25em; }

#header .logo_vcs {	 position:absolute; top:11.12em; right:0em; z-index:3; }
#header .logo_vcs img { width:10.63em; height:1.88em; border:none; }

/* hauptnavigation */
#mainnavigation {
	clear:both;
	width:100%;
	height:1em;
	background-color:#F1F1F0;
	border-bottom:0.25em solid #CCCCCC;
}

/** 
 * @section quicklinks
 * 
 * 
 */

.meta div {
	float:left;
	font-size:0.75em; /* 12px */
	line-height:1.25em; /* 20 px */
	margin:0.6em 0 0 0;
}

.meta a { color:#000000; text-decoration:none; }
.meta a:hover, .meta .active { color:#666666; text-decoration:none; }
.pipe { padding:0 0.4em; }

/* div f. servicelinks */
.service {
	float:right;
	margin:0 0 0.1em 0;
}

/* sprachwahl */
.lang {
	float:left;
	margin:0 0 0 1em;
	padding:0;
}

.lang a {
	float:left;
	display:block;
	width:2em;
	padding:0.4em 0 0.3em 0;
	margin:0 0.1em;
	background-color:#CCCCCC;
	font-size:0.688em; /* 11 px */
	color:#000000;
	text-decoration:none;
}

.lang a:hover, .lang .active { background-color:#F1F1F0; color:#666666; text-decoration:none; }

/* printversion */
.print { float:left; margin:0.3em 0 0 1em; }
.print img { width:0.94em; height:0.81em; border:none; }

/* suchmaske */
.search { float:left; margin:0 0 0 1em; }

/* rss-feed*/
.rss { float:left; margin:0 0 0 1em; }
.rss a {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em; /* 16 px */
	font-weight:bold;
	color:#000000;
	text-decoration:none;
}
.rss a:hover { color:#666666; }

/** 
 * @section Templavoila FCE's
 * 
 * 
 */
 
 /* 2spaltige unterteilung maincontent */
 #main_content .leftcol { float:left; width:75%; }
 #main_content .rightcol { float:right; width:22%; }
 
 /* box mit grauem rahmen f. rechte spalte */
 .greybox { padding:0.5em 0.75em 0 0.75em; margin:0 0 1em 0; border:1px solid #999999; }

/** 
 * @section div. Extensions
 * 
 * 
 */
 
/* css styled content */
.csc-textpic-caption {
	font-size:0.750em; /* 12 px */
	line-height:1.5em; /* 18 px */
	font-style:italic;	
	color:#666666;
	margin:0 0 0.5em 0;
}

/* macina searchbox */
.c-search-form {
	background: url(../../image/common/macina_searchbox/bg-input.gif) no-repeat;
	width:158px !important;
	width:180px;
	height:22px;
	padding:2px 8px 0 10px;
	margin:0;
}

.c-search-form input {
	border: 0;
	background: none;
	color: #707070;
	font: 11px Arial, Helvetica, sans-serif;
	padding: 3px 0 0;
	width: 135px !important;
	width: 115px;
	float: left;
}

.c-search-form fieldset { border:none; margin:0; padding:0; }
.c-search-form .hidden-text { display: block; overflow: hidden;	text-indent:-9999px; }

.btn-search {
	background: url(../../image/common/macina_searchbox/ico-search.gif) no-repeat;
	width: 14px;
	height: 14px;
	float: right;
	margin-top: 2px;
}

/* tt_news */
.news-date { font-size:0.75em; color:#999999; }
.news-line { margin:0.5em 0; height:0.25em;	border-top:1px solid #999999; }
.news-text { font-size:0.81em; line-height:1.37em; margin:0.25em 0; }
.news-latest-morelink, .news-single-backlink, .news-list-morelink { font-size:0.75em; margin:0; }
.news-latest-gotoarchive { font-size:0.75em; text-align:right; margin:0; }
.news-amenu-container { margin:0 0 0.5em 0; }
.news-amenu-item { font-size:0.75em; padding:0.25em; }
#main_content li.news-amenu-item-year { list-style-type:none; font-weight:bold; font-size:0.75em; padding:0.2em; color:#000000; margin:0; }
.tx-ttnews-browsebox td { font-size:1.5em; }
.tx-ttnews-browsebox p { font-size:0.75em; margin:0; }

/* css_filelinks */
.dateiverweise { margin:0 0 20px 0; }
.dateiverweise p { border-bottom:1px dotted #999999; }


/** 
 * @section rte-editor
 * 
 * 
 */

.Quelle {
	font-size:0.75em; /* 12 px */
	line-height:1.5em; /* 18 px */
	font-style:italic;	
	color:#666666;
}

.Teaser {
	width:96%;
	padding:2%;
	margin:0;
	border:1px solid #C60C46;
}

.Line {
	margin:0.75em 0;
	height:0.25em;
	border-top:1px solid #999999;
}

.Small {
	font-size:0.69em; /* 11 px */
	line-height:1em;
	margin:0 0 1em 0;
}

/* class tabelle in rte-editor */
table.tabelle {
	width:100%;
	border-collapse:collapse;
	margin:auto;
	font-size:0.81em; /* 13 px */
	line-height:1.5em; /* 18 px */
}

table.tabelle th {
	padding:5px;
	border:1px solid #D45B0A;
	color:#D45B0A;
	font-weight:bold;
	text-align:left;
}

table.tabelle td {
	border:1px solid #9AB3B7;
	padding:5px;
	vertical-align:top;
}

/* ext powermail */
.tx-powermail-pi1 {
	font-size:0.81em; /* 13 px */
	line-height:1.37em; /* 22 px */
}

.tx-powermail-pi1 p {
	font-size:1em;
}

span.powermail_mandatory {
	color:#C60C46;
}

input.validation-failed,
textarea.validation-failed {
	border:1px solid #C60C46;
	background-color:#FFFFFF;
}

div.powermail_mandatory_js {
	color:#C60C46;
	font-weight:bold;
	margin:0.3em 0 1em 21em;
}

fieldset.tx-powermail-pi1_fieldset {
	border:1px solid #999999;
	padding:2em;
	margin-top:1em;
}

fieldset.tx-powermail-pi1_fieldset legend {
	font-size:1.25em;
	font-weight:bold;
	color:#666666;
}

fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display:block;
	width:20em;
	float:left;
	clear:both;
	text-align:right;
	padding:0 1em 0 0;
}

fieldset.tx-powermail-pi1_fieldset #label_radio {
	/* label for radiobuttons */
	display:block;
	width:auto;
	float:left;
	clear:none;
	margin:0 0.75em 0 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	border:1px solid #444444;
	color:#000000;
	padding:0.2em;
	margin:0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text:focus,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea:focus,
fieldset.tx-powermail-pi1_fieldset select.powermail_select:focus {
	background-color:#EEEEEE;
}

fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	float:left;
	margin:0 0.4em;
}

div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin:0.63em 0;
	clear:both;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	/* submit button */
	float:right;
	margin:0 0 1em 0;
	border:1px solid #444444;
	font-size:1em;
	font-weight:bold;
	color:#C60C46;
	padding:0.25em;
	cursor:pointer;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_submit:hover {
	border-color:#C60C46;
}

.tx_powermail_pi1_formconfirmation_submit input,
.tx_powermail_pi1_formconfirmation_back input {
	/* submit button */
	margin:0.4em 0;
	border:1px solid #444444;
	font-weight:bold;
	color:#C60C46;
	padding:0.25em;
	cursor:pointer;
}

p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	/* label */
	display:block;
	width:20em;
	float:left;
	clear:both;
	font-size:1em;
	text-align:right;
	padding:0 1em 0 0;
}

div.countryzone {
	margin:0.63em 0 0 21em;
}

td.powermail_all_td {
	padding:0.25em 0.63em 0.25em 0;
	font-size:1.25em;
}

.tx_powermail_pi1_formconfirmation_back {
	margin:0.63em 0 0 0;
}


