/** 
 * blindspot.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.blindspot.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2009-11-10
 * @media screen
 *
 * @colordef #990000; rot
 * @colordef #EBF5FF; hellblau
 * @colordef #99CCFF; dunkelblau
 */ 

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

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

#box {
	width:60em; /* 960px */
	padding:0;
	margin:0 auto;
	text-align:left;
	background:#fff;
	position:relative;
}

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

/* layout- und content-boxen */
.top_nav { background:#000; }
.meta_nav { float:left; width:45%; margin:1em 0 0 0; }
.efa_script { float:right; width:45%; text-align:right; margin:1em 0 0 0; }
.header { height:6em; }
.header img { width:13em; height:2.5em; margin:1.5em 0 0 0; }

.main_content {
	float:left;
	width:40em;
	min-height:32.5em;
	margin:0 2em 2em 2em;
}

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

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

.footer {
	clear:both;
	padding:0 1em 0.25em 1em;
	font-size:1em;
	text-align:right;
}

/* text + links */
.content h1 {
	font-size:1.38em; /* 22 px */
	color:#990000;
	margin:0 0 0.5em 0;
	font-weight:600;
}

.content h2 {
	font-size:1.13em; /* 18 px */
	color:#000;
	margin:1em 0 0.5em 0;
	font-weight:400;
}

.content h3 {
	font-size:0.94em; /* 15 px */
	color:#000;
	margin:1.25em 0 0.25em 0;
	font-weight:600;
}

/* nur f. titel element Çnur bildÈ */
.content h4 {
	font-size:0.94em; /* 15 px */
	color:#000;
	margin:1.5em 0 1em 0;
	padding:0.5em 0 0 0;
	font-weight:600;
	border-top:1px solid #999;
}

/* nur f. titel nav ÇangeboteÈ */
.right_col h2 {
	font-size:1em; /* 16 px */
	margin:2.5em 0 .25em 0;
	padding:0;
	font-weight:bold;
}

.right_content h2 {
	font-size:1em; /* 16 px */
	margin:1em 0 0.5em 0;
	padding:0 0 0.15em 0;
	font-weight:400;
	border-bottom:1px solid #999;
}

.right_content h3 {
	font-size:0.88em; /* 14 px */
	line-height:1.2em;
	margin:0.5em 0 0.25em 0;
	font-weight:normal;
	color:#990000;
}

.content p {
	font-size:0.88em; /* 14 px */
	line-height:1.38em; /* 22 px */
	margin:0 0 1em 0;
}

.content ul, .content ol {
	font-size:0.88em; /* 14 px */
	line-height:1.26em; /* 20 px */
	margin:0 0 1.5em 1em;
	padding:0 0 0 1em;
}

.content li {
	list-style:circle;
	margin:0 0 0.5em 0;
}

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

.content .flash_content { float:left; margin:0 2em 2em 0; font-size:75%; }

.content .fce_teaser {
	width:94%;
	padding:3% 3% 1% 3%;
	margin:0 0 1.5em 0;
	border:1px solid #990000;
}

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

/* teaser-tabs f. aktuelle projekte */
ul.tabs {
	position:absolute;
	top:0;
	left:22em;
	list-style:none;
	margin:0;
	padding:0;
}

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

ul.tabs li a {
	display:block;
	margin:0 .5em 0 0;
	padding:1.85em 1em .75em 1em;
	font-size:1em;
	background:#fff;
	color:#000;
	font-weight:bold;
	text-decoration:none;
	border-left:1px solid #000;
	border-right:1px solid #000;
	border-bottom:1px solid #000;
    -moz-border-radius:0 0 .5em .5em;
    border-radius:0 0 .5em .5em;
}

ul.tabs li a:hover { background:#000; color:#fff; text-decoration:none; }
ul.tabs li .active { background:#990000; color:#fff; text-decoration:none; }

/* metanavigation */
ul.meta {
	list-style:none;
	margin:0;
	padding:0;
}

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

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

ul.meta li a:hover, ul.meta li .active {
	text-decoration:underline;
}

/* mainnav root */
ul.angebote {
	list-style:none;
	margin:0 0 1.5em 0;
	padding:0;
	border-left:1px solid #000;
	border-right:1px solid #fff;
}

ul.level0 {
	list-style:none;
	margin:0;
	padding:0;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #fff;
}

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

ul.level0 li a,
ul.angebote li a {
	display:block;
	margin:0;
	padding:.25em .5em 0 .5em;
	font-size:1.063em; /* 17 px */
	line-height:1.7em;
	color:#990000;
	text-decoration:none;
	border-bottom:1px solid #990000;
}

ul.level0 li a:hover,
ul.angebote li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px solid #000;
}

ul.level0 li a.active,
ul.angebote li a.active {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

ul.level0 li.cur a,
ul.angebote li.cur a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

/* subnav level1 */
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:.25em .5em 0 1.5em;
	font-size:0.88em; /* 14px */
	line-height:1.6em;
	color:#990000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

ul.level1 li a:hover {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

ul.level1 li a.active {
	color:#000;
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

ul.level1 li.cur a {
	color:#000;
	text-decoration:none;
	border-bottom:1px dotted #000;
}

/* subnav level2 */
ul.level2 {
	list-style:none;
	margin:0;
	padding:0 0 .75em 0;
}

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

ul.level2 li a {
	display:block;
	margin:0;
	padding:.25em .5em 0 2.5em;
	font-size:0.81em; /* 13px */
	line-height:1.35em;
	color:#666 !important;
	text-decoration:none;
	border-bottom:none !important;
}

ul.level2 li a:hover {
	color:#000 !important;
	text-decoration:none;
	border-bottom:none !important;
}

ul.level2 li a.active {
	color:#000 !important;
	font-weight:bold;
	text-decoration:none;
	border-bottom:none !important;
}

ul.level2 li.cur a {
	color:#000 !important;
	text-decoration:none;
	border-bottom:none !important;
}

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

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

ul.angebote dfn, ul.level0 dfn, ul.level1 dfn, ul.level2 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.69em; color:#666; margin:.35em 0; }
.news-line { margin:0.3em 0; height:0.3em; border-bottom:1px solid #ccc; clear:both; }
p.news-text { font-size:0.88em; line-height:1.38em; margin:0; }
.news-latest-container h2 {
	font-size:1.13em; /* 18 px */
	margin:1.5em 0 .25em 0;
	font-weight:600;
}
.news-latest-container h3 a { color:#990000; text-decoration:underline; }
.news-latest-container h3 a:hover { color:#000; text-decoration:none; }
.news-list-container h2,
.news-single-item h2 {
	font-size:1.13em; /* 18 px */
	margin:1em 0 .25em 0;
	font-weight:600;
}
.news-latest-morelink { float:right; margin:0; }
.news-single-backlink, .news-list-morelink { font-size:0.88em; margin:.35em 0; }
.news-single-img img, .news-text img { float:right; margin:0 0 1em 1em; border:1px solid #ccc; }
.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; }

.news-single-additional-info {
	margin:1em 0;
	border: 1px solid #999;
	padding:.5em;
}

.news-single-related,.news-single-files,.news-single-links { margin:0; }

.news-single-related DD, .news-single-links DD, .news-single-files DD {
	margin:.35em 0 .35em 1.25em;
	padding-bottom:.25em;
	font-size: .94em;
	border-bottom: 1px solid #999;
}

.news-single-related DD a,
.news-single-links DD a,
.news-single-files DD a {
	margin:0 0 0 .25em;
}

.news-single-related DT, .news-single-links DT, .news-single-files DT {
	font-weight: bold;
	font-size: .88em;
}

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

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

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

.Teaser {
	font-family:Helvetica, Arial, sans-serif;
	font-size:0.88em; /* 14 px */
	line-height:1.38em; /* 22 px */
	width:90%;
	padding:1%;
	margin:0;
	border:1px solid #990000;
	text-align:center;
}

.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.81em;
	line-height:1.2em;
}

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

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

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

/* extension nolimits */
.tx-usernolimits-pi1 form { font-size:0.88em; line-height:1.38em; }
.tx-usernolimits-pi1 fieldset { padding:1em; }

.tx-usernolimits-pi1 p,
.tx-usernolimits-pi1 input[type=text],
.tx-usernolimits-pi1 select,
.tx-usernolimits-pi1 textarea { 
	font-size:1em;
	line-height:1.5em;
}

.tx-usernolimits-pi1 input[type=radio] { margin-right:0.4em; }
.tx-usernolimits-pi1 input[type=submit] { color:#990000; font-size:1.2em; }
.tx-usernolimits-pi1 input:hover[type=submit] { color:#000; }

.tx-usernolimits-pi1 .error {
	text-align:left; 
	margin:0.25em 0;
	font-size:1em; 
	font-weight:bold;
	color:#990000;
	text-decoration:underline;
}

.tx-usernolimits-pi1 label.left {
	float:left;
	text-align:right;
	width:15em;
	margin-right:0.5em;
}

/* extension metro */
.user-blindspotanmeldungen-pi1 {
	font-size:0.88em; /* 14 px */
	line-height:1.5em; /* 24 px */	
}

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

.user-blindspotanmeldungen-pi1 h2 {
	font-size:1.13em; /* 18 px */
	color:#000;
	margin:1em 0;
	font-weight:bold;
}

.user-blindspotanmeldungen-pi1 h3 {
	font-size:1em; /* 16 px */
	color:#000;
	margin:0.5em 0 1.5em 0;
	padding:0.1em 0;
	border-bottom:1px dotted #000000;
	font-weight:bold;
}

.user-blindspotanmeldungen-pi1 p {
	font-size:1em;
	margin:0 0 0.5em 0;
}

.user-blindspotanmeldungen-pi1 .line {
	width:100%;	
	margin:0.3em auto 0.5em auto;
	height:0.3em;
	border-top:1px dotted #999;
}

.user-blindspotanmeldungen-pi1 .lineradio {
	width:90%;
	margin:0em auto;
	height:0.75em;
	border-top:1px dotted #999;
}

.user-blindspotanmeldungen-pi1 .unsichtbar { display:none; }
.user-blindspotanmeldungen-pi1 br { clear:left; }

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

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

.user-blindspotanmeldungen-pi1 .input_normal {
	float:left;
	padding:0.2em;
	border:1px solid #999;
}

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

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

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


/* extension camps */
.user-blindspotanmeldungen-pi2 {
	font-size:0.88em; /* 14 px */
	line-height:1.5em; /* 24 px */	
}

.user-blindspotanmeldungen-pi2 #AnzeigeSchritt { 
	font-weight:bold;
	border-bottom:1px dotted #999;
	margin:0 0 1em 0;
}

.user-blindspotanmeldungen-pi2 h2 {
	font-size:1.13em; /* 18 px */
	color:#000;
	margin:1em 0;
	font-weight:bold;
}

.user-blindspotanmeldungen-pi2 h3 {
	font-size:1em; /* 16 px */
	color:#000;
	margin:0.5em 0 1.5em 0;
	padding:0.1em 0;
	border-bottom:1px dotted #000000;
	font-weight:bold;
}

.user-blindspotanmeldungen-pi2 p {
	font-size:1em;
	margin:0 0 0.5em 0;
}

.user-blindspotanmeldungen-pi2 .line {
	width:100%;	
	margin:0.3em auto 0.5em auto;
	height:0.3em;
	border-top:1px dotted #999;
}

.user-blindspotanmeldungen-pi2 .lineradio {
	width:90%;
	margin:0em auto;
	height:0.75em;
	border-top:1px dotted #999;
}

.user-blindspotanmeldungen-pi2 .unsichtbar { display:none; }
.user-blindspotanmeldungen-pi2 br { clear:left; }

.user-blindspotanmeldungen-pi2 #Error {
	margin:0 0 1em 0;
	padding:0.5em;
	border: 1px solid #cc0000;
	font-weight:bold;
}

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

.user-blindspotanmeldungen-pi2 .input_normal {
	float:left;
	padding:0.2em;
	border:1px solid #999;
}

.user-blindspotanmeldungen-pi2 .input_error {
	float:left;
	padding:0.2em;
	border:1px solid #cc0000;
}

.user-blindspotanmeldungen-pi2 input[type=radio], .user-blindspotanmeldungen-pi2 input[type=checkbox] {
	float:left;
	padding:0;
	margin:0.5em 0 0 0;
	border:none;
}

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