/** 
 * cooltourschweiz.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.cooltourschweiz.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2010-03-24
 * @media screen
 *
 * @colordef #9aca3c: dunkelgruen
 * @colordef #c6df92: hellgruen
 */ 

/**
 *
 * general styles
 *
 */ 
 
 body {
	font-family:Helvetica, Arial, sans-serif;
	font-size:1em; /* 16 px */
	color:#000;
	text-align:center;
	padding:0;
	margin:0;
	background-color:#fff;
}

html {
	font-size:100%; /* -> IE */
}

.innerframe {
	width:55em; /* 880px */
	padding:0;
	margin:0 auto;
	text-align:left;
}

.clearer { clear:both; height:1px; font-size:0.1em; }

/* layout- und content-boxen */
.header {
	clear:both;
	width:100%;
	height:8em;
	background-color:#9aca3c;
	border-bottom:1px dotted #444;
}

.header img {
	float:left;
	width:20em;
	height:5em;
	border:none;
	margin:1.5em 0 0 0;
}

.header .title {
	float:right;
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	color:#000;
}

.header .title .claim {
	font-size:2em; /* 32 px */
	font-weight:300;
	padding:1.2em 0 0 0;
}

.header .title .date {
	font-size:1.25em; /* 20 px */
	font-weight:300;
	padding:0;
	text-align:right;
}

.metanavigation {
	background-color:#333;
	border-bottom:1px solid #fff;
}

.main_content {
	clear:both;
	float:left;
	width:38em;
	min-height:15em;
	margin:2.5em 0 1.5em 0;
}

.right_col {
	float:right;
	width:13.5em;
}

.right_content {
	margin:0 0 1em 0;
	padding:0;
}

.right_box {
	margin:0;
	padding:0;
	border-top:1px dotted #444;
	border-bottom:1px dotted #444;
}

.footer {
	clear:both;
	border-top:1px dotted #9aca3c;
	padding:0.2em 0;
}

/* text + links */
.main_content h1 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.75em; /* 28 px */
	margin:0 0 1em 0;
	font-weight:400;
	color:#222;
}

.main_content h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.38em; /* 22 px */
	color:#9aca3c;
	margin:1em 0 0.5em 0;
	font-weight:400;
}

.main_content h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em; /* 16 px */
	margin:1.25em 0 0.25em 0;
	font-weight:400;
	color:#000;
}

.right_content h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:.94em;
	margin:1em 0 0.75em 0;
	font-weight:500;
}

.right_content h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:0.88em; /* 14 px */
	margin:0.5em 0;
	font-weight:normal;
}

.main_content p {
	font-size:0.88em; /* 14 px */
	line-height:1.44em; /* 23 px */
	margin:0 0 1.5em 0;
}

.main_content ul, .main_content ol {
	font-size:0.88em; /* 14 px */
	margin:0 0 1.5em 1em;
	padding:0 0 0 1em;
}
.main_content li {
	list-style:circle;
	margin:0 0 0.3em 0;
}

.right_content p, .footer p {
	font-size:0.75em; /* 12 px */
	line-height:1.5em; /* 18 px */
	margin:0 0 0.5em 0;
}

a { color:#000; text-decoration:underline; }
a:hover, .active { color:#444; text-decoration:none; }
strong, b { color:#000; font-weight:bold; }

/* metanavigation */
ul.meta {
	float:right;
	list-style:none;
	margin:0;
	padding:0;
	border-right:1px solid #ccc;
}

ul.meta li {
	float:left;
	margin:0;
	padding:0;
}

ul.meta li a {
	display:block;
	margin:0.5em 0 0.2em 0;
	padding:0 1em;
	font-size:0.75em; /* 12 px */
	color:#ccc;
	text-decoration:none;
	border-left:1px solid #ccc;
}

ul.meta li a:hover {
	color:#fff;
	text-decoration:underline;
}

ul.meta li .active {
	color:#fff;
	text-decoration:underline;
}

/* hauptnavigation */
ul.level0 {
	list-style:none;
	margin:0 0 2em 0;
	padding:0;
}

ul.level0 li {
	margin:0;
	padding:0;
}

ul.level0 li a {
	display:block;
	margin:0;
	padding:.4em .5em 0 .75em;
	font-size:1em; /* 16px */
	line-height:1.5em;
	color:#222;
	text-decoration:none;
	border-left:1px solid #444;
	border-right:1px solid #444;
	border-bottom:1px dotted #444;
	border-top:none;
}

ul.level0 li a:hover,
ul.level0 li.cur {
	color:#000;
	background-color:#9aca3c;
	text-decoration:none;
}

ul.level0 li .active {
	color:#000;
	font-weight:bold;
	background-color:#9aca3c;
	text-decoration:none;
}

/* ev. subnavigation */
ul.level1 {
	list-style:none;
	margin:0;
	padding:0;
}

ul.level1 li {
	margin:0;
	padding:0;
}

ul.level1 li a {
	display:block;
	margin:0;
	padding:.4em .25em 0 1.5em;
	font-size:0.88em; /* 14px */
	line-height:1.5em;
	color:#222;
	text-decoration:none;
	background-color:#c6df92;
	border-bottom:1px dotted #444;
}

ul.level1 li a:hover,
ul.level1 li .active {
	color:#000;
	text-decoration:none;
	background-color:#9aca3c;
	border-bottom:1px dotted #444;
}

/* level0 + level1 accesskeys + dfn-tag */
ul.level0 .accessKey, ul.level1 .accessKey {
	font-weight:normal;
	text-decoration:underline;
}

ul.level0 .alt_hidden, ul.level1 .alt_hidden {
	font-size:0.6em;
}

ul.level0 dfn, ul.level1 dfn { display:none; }

/* css styled content */
.csc-textpic-caption {
	font-size:0.750em; /* 12 px */
	line-height:1.5em; /* 18 px */
	font-style:italic;	
	color:#444;
	margin:0 0 0.5em 0;
}

/* tt_news */
.news-date { font-size:0.75em; color:#999; margin:0 0 0.2em 0; }
.news-line { margin:0.5em 0; height:0.25em;	border-bottom:1px solid #999; }
.news-text { font-size:0.81em; line-height:1.37em; margin:0.25em 0; }
.news-text img { float:right; margin:0 0 .75em .75em; }
.news-single-img img { float:left; margin:0 1em 1em 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; }
.news-amenu-item-year { list-style-type:none; font-weight:300; padding:0.5em 0 0 0; color:#444; margin:0; }
.tx-ttnews-browsebox a { margin:0 0.5em 0 0; font-size:1.3em; }
.tx-ttnews-browsebox-strong { font-weight:bold; }

/* css_filelinks */
.dateiverweise { margin:0 0 20px 0; }
.dateiverweise p { border-bottom:1px dotted #999; }

/* sitemap */
.csc-sitemap { margin:0 0 0 1em; }
.csc-sitemap ul { margin:0.25em 0 0.5em 1em; }
.csc-sitemap li { list-style-type:circle; padding:0.2em 0; }

/* rte-editor - spez. p-styles */
.Quelle {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.8em;	
	line-height:1.0em;	
	color:#666;
	font-style:italic;
}

.Teaser {
	font-family:Helvetica, Arial, sans-serif;
	line-height:1.35em; /* 19px */
	font-size:1.0em; /* 14px */
	width:100%;
	padding:10px;
	margin:0;
	border:1px solid #9aca3c;
}

.Line {
	margin:0.25em 0;
	height:0.25em;
	border-top:1px solid #999;
}

/* rte-editor - tabelle */
table {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.88em; /* 14 px */
	line-height:1.25em; /* 20 px */
}

table.programmbeispiel {
	width:100%;
	border-collapse:collapse;
	margin:0 auto 1em auto;
}

table.programmbeispiel th {
	padding:0.4em;
	border:1px solid #999;
	background-color:#9aca3c;
	color:#fff;
	font-weight:bold;
	text-align:left;
}

table.programmbeispiel td {
	border:1px solid #999;
	padding:0.4em;
	vertical-align:top;
}

/* ext anmeldeformular */
.tx-cooltouranmeldung-pi1 {
	font-size:0.88em; /* 14 px */
	line-height:1.5em; /* 24 px */	
}

.tx-cooltouranmeldung-pi1 #AnzeigeSchritt { 
	font-weight:bold;
	border-bottom:1px dotted #999;
	margin:0 0 1em 0;
}

.tx-cooltouranmeldung-pi1 h2 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1.13em; /* 18 px */
	color:#000;
	margin:1em 0;
	font-weight:bold;
}

.tx-cooltouranmeldung-pi1 h3 {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:1em; /* 16 px */
	color:#000;
	margin:0.5em 0 1.5em 0;
	padding:0.1em 0;
	border-bottom:1px dotted #000;
	font-weight:bold;
}

.tx-cooltouranmeldung-pi1 p {
	font-size:1em;
	margin:0 0 0.5em 0;
}

.tx-cooltouranmeldung-pi1 .line {
	width:100%;	
	margin:0.3em auto 0.5em auto;
	height:0.3em;
	border-top:1px dotted #9aca3c;
}

.tx-cooltouranmeldung-pi1 .lineradio {
	width:90%;
	margin:0em auto;
	height:0.75em;
	border-top:1px dotted #9aca3c;
}

.tx-cooltouranmeldung-pi1 .unsichtbar {	display:none; }

.tx-cooltouranmeldung-pi1 br { clear:left; }

.tx-cooltouranmeldung-pi1 #Error {
	margin:0 0 1em 0;
	padding:0.5em;
	border: 1px solid #cc0000;
	font-weight:bold;
}

.tx-cooltouranmeldung-pi1 label {
	display:block;
	float:left;
	clear:both;
	width:22em;
	padding:0.2em 1em 0.75em 0;
	text-align:right;
	margin:0;
}

.tx-cooltouranmeldung-pi1 input[type=text],
.tx-cooltouranmeldung-pi1 input[type=textarea],
.tx-cooltouranmeldung-pi1 input[type=select] {
	float:left;
	padding:0.2em;
	border:1px solid #999;
}

.tx-cooltouranmeldung-pi1 #input_error {
	float:left;
	padding:0.2em;
	border:1px solid #cc0000;
}

.tx-cooltouranmeldung-pi1 input[type=radio], .tx-cooltouranmeldung-pi1 input[type=checkbox] {
	float:left;
	padding:0;
	margin:0.5em 0 0 0;
	border:none;
}

.tx-cooltouranmeldung-pi1 input[type=submit] {
	float: right;
	width: auto;
	margin:2.5em 0 0 0;
	cursor:pointer;
	font-size:1em;
	color:#000;
}