/** 
 * regiotram.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.regiotram.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2009-12-29
 * @media screen
 *
 * @colordef #e3001b; rot
 */ 

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

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

html, body {
	height:100%;
}

* html #box {
	height:100%; /* hack -> IE 6 */
}

h1, h2, h3 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong, em {
    font-family: Verdana, Arial, Helvetica, sans-serif;
}

strong { color:#000; font-weight:bold; }
em { font-style:italic; font-weight:normal; }

img { border:none; }

a { color:#e3001b; text-decoration:none; }
a:hover, .active { color:#000; text-decoration:none; }
a:focus { outline:solid 0; } /* verhindert blur-border */

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

/** 
 *
 * layout boxes
 *
 */ 

#box {
	min-height:100%;
	position:relative;
	width:58em; /* 928px */
	padding:0;
	margin:0 auto;
	text-align:left;
	background:#fff url(../../image/common/box_bg_breit_2500.png) no-repeat center 0;
}

.header { width:100%; height:14em; }
.header .logo { height:150px; }
.header .logo img { position:absolute; top:83px; left:30px; width:350px; height:71px; }
.header .pic { position:absolute; top:0px; left:395px; height:152px; background:#fff; }

/* sprachwahl home-seite */
.header .index_lang_selection { position:absolute; top:126px; left:610px; width:20em; }
.header .index_lang_selection a { 
	color:#e3001b;
	text-decoration:none;
	text-transform:uppercase;
	font-size:0.81em;
	font-weight:bold;
	font-style:italic;
	background:url(../../image/common/index_lang_arrow.gif) no-repeat 0 0.1em;
	padding:0 1.6em;
}
.header .index_lang_selection a:hover { color:#000; }

/* sprachwahl content-seiten */
.header .lang_selection { position:absolute; top:126px; left:815px; text-align:right; width:7em; }

/* umschliessende layoutbox home -> key visual */
#index_key_visual { clear:both; width:58em; margin:0; }

/* umschliessende layoutbox inhalt */
#three_col { clear:both; width:58em; margin:1em 0; padding:0; }

.left_col {
	float:left;
	width:8em;
	margin:0;
	padding:0.75em 0 3em 0;
	background:#fff;
}

.center_col {
	float:left;
	width:31em;
	margin:0 0 0 3em;
	padding:0.5em 0.75em 3em 0.75em;
	background:#fff;
}

.right_col {
	float:right;
	width:11em;
	padding:0.70em 0 3em 0.75em;
	background:#fff;
}

/** 
 *
 * content styles main
 *
 */ 
 
.content h1 {
	font-size:1.25em; /* 20 px */
	margin:0 0 0.85em 0;
	font-weight:bold;
}

.content h2 {
	font-size:0.81em; /* 13 px */
	margin:1em 0 0.5em 0;
	font-weight:bold;
}

.content h3 {
	font-size:0.75em; /* 12 px */
	margin:0 0 0.2em 0;
	font-weight:bold;
}

.content p {
	font-size:0.75em; /* 12 px */
	line-height:1.5em; /* 24 px */
	margin:0 0 1em 0;
}

.content ul, .content ol {
	font-size:0.75em; /* 12 px */
	line-height:1.5em; /* 24 px */
	margin:0 0 1em 1em;
	padding:0 0 0 1em;
}

.content li {
	list-style:square;
	margin:0 0 0 0;
}

.content .contenttable {
	width:100%;
	font-size:0.75em; /* 12 px */
	line-height:1.3em;
	border-collapse:collapse;
	margin:0;
	padding:0;
}

.content .contenttable th {
	vertical-align:top;
	border:1px solid #999;
	padding:0.5em;
	background:#eee;
	font-weight:bold;
	text-align:left;
}

.content .contenttable td {
	vertical-align:top;
	border:1px solid #999;
	padding:0.5em;
}

.content .contenttable p {
	font-size:1em;
	line-height:1.3em;
}

.content .contenttable td.termine-1-spalte {
	width:40px;
}

.content .contenttable td.termine-2-spalte {
	width:80px;
}

.content .line {
	font-size:0.75em; /* 12 px */
	line-height:1.38em; /* 22 px */
	margin:0 0 0.6em 0;
	padding:0 0 0.6em 0;
	border-bottom:1px solid #000;
}

.content .quelle {
	font-size:0.75em;	
	color:#666;
	font-style:italic;
}

/** 
 *
 * content styles right col
 *
 */ 

.right_col h1 {
	border-top:1px solid #999;
	color:#e3001b;
	padding-top:0.75em;
}

.right_col h1, .right_col h2 {
	font-size:0.75em; /* 12 px */
	line-height:1.25em;
	margin:0 0 0.5em 0;
	font-weight:bold;
	text-transform:uppercase;
}

.right_col p {
	font-size:0.75em; /* 12 px */
	line-height:1.5em; /* 24 px */
	margin:0 0 0.75em 0;
}

.right_col a.internal-link, .right_col a.external-link {
	font-weight:bold;
	background-image:url(../../image/common/arrow_red.gif);
	background-position:0 0.4em;
	background-repeat:no-repeat;
	padding:0 0 0 1.1em;
}

.right_col a.internal-link:hover, .right_col a.external-link:hover {
	background-image:url(../../image/common/arrow_black.gif);
}

.right_col .ce-line {
	border-bottom:1px solid #999;
	margin-bottom:0.5em;
}

/* sprachwahl */
.lang_divider, .lang_selection a {
	font-size:0.69em; /* 11px */
	color:#000;
	text-decoration:none;
}

.lang_selection a:hover { color:#e3001b; text-decoration:none; }
.lang_selection .active { display:none; color:#000; font-weight:bold; text-decoration:none; }

/* hauptnavigation */
ul.level0 {
	border-top:1px solid #999;
	list-style:none;
	margin:0;
	padding:0;
}

ul.level0 li {
	border-bottom:1px solid #999;
	margin:0;
	padding:0;
}

ul.level0 li a {
	display:block;
	margin:0;
	padding:0;
	font-size:0.75em; /* 12px */
	color:#000;
	line-height:2.75em;
	text-decoration:none;
	text-transform:uppercase;
}

ul.level0 li a:hover {
	color:#e3001b;
	text-decoration:none;
}

ul.level0 li .active {
	color:#e3001b;
	font-weight:bold;
	text-decoration:none;
}

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

ul.level1 li {
	border-bottom:none;
	margin:0;
	padding:0;
}

ul.level1 li a {
	display:block;
	margin:0;
	padding:0;
	font-size:0.69em; /* 11px */
	line-height:1.5em;
	text-decoration:none;
	text-transform:none;
	border:none;
}

ul.level1 li a:hover {
	background:none;
	color:#e3001b;
	text-decoration:none;
}

ul.level1 li .active {
	background:none;
	color:#e3001b;
	font-weight:normal;
	text-decoration:none;
}

/* navigation mit csc-menu */
ul.csc-menu-1, ul.csc-menu-def {
	list-style:none;
	margin:0.3em 0 0.6em 0;
	padding:0;
}

ul.csc-menu-1 li, ul.csc-menu-def li {
	margin:0;
	padding:0;
}

ul.csc-menu-1 li a, ul.csc-menu-def li a {
	display:block;
	margin:0;
	padding:0 0 0 1.2em;
	font-size:0.75em;
	line-height:1.5em;
	color:#e3001b;
	text-decoration:none;
	background-image:url(../../image/common/arrow_red.gif);
	background-position:0 0.5em;
	background-repeat:no-repeat;
}

ul.csc-menu-1 li a:hover, ul.csc-menu-def li a:hover {
	color:#000;
	text-decoration:none;
	background-image:url(../../image/common/arrow_black.gif);
}

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

/* ext tt_news */
.news-date { font-size:0.69em; color:#666; margin:0 0 0.75em 0; }
.news-line { margin:0.25em 0; height:0.25em; border-bottom:1px solid #ccc; }
.news-text { font-size:0.69em; line-height:1.25em; margin:0 0 0.25em 0; }
.news-latest-morelink, .news-single-backlink, .news-list-morelink { font-size:0.69em; margin:0; }
.news-latest-gotoarchive { font-size:0.69em; text-align:right; margin:0; }
.news-latest-item img { margin:0.25em 0; }
.news-amenu-container { margin:0 0 0.5em 0; }
.news-amenu-item { font-size:0.69em; padding:0.25em; }
.news-amenu-item-year { list-style-type:none; font-weight:300; padding:0.5em 0 0 0; color:#444; margin:0; }

/* ext. css styled content */
.csc-textpic-caption {
	font-size:0.69em;
}

/* ext. sitemap */
.csc-sitemap ul {
	font-size:0.88em;
	margin:0.4em 0 0.4em 1.5em;
}

/* ext. css_filelinks */
.dateiverweise { margin:0.5em 0; }
.content .dateiverweise p { border-bottom:1px dotted #999; font-size:0.75em; padding:0.15em 0; }
.right_col .dateiverweise p { font-size:0.69em; padding:0.15em 0; }

/* ext. irfaq */
.tx-irfaq-pi1 ul.tx-irfaq-questions-list { margin-bottom: 75px; }
.tx-irfaq-pi1 ul li a p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 ul li a { color: #000; text-decoration: none; }
.tx-irfaq-pi1 ul li a:hover { color: #000; text-decoration: underline; }
.tx-irfaq-pi1 .tx-irfaq-answer { margin-bottom: 10px; }
.tx-irfaq-pi1 .tx-irfaq-answer h4 p.bodytext { margin: 0px; display: inline; font-weight: bold; }
.tx-irfaq-pi1 dt p { font-weight: bold; margin: 0px; display: inline; }
.tx-irfaq-pi1 dd { margin-left: 0px; }
.tx-irfaq-pi1 dd p { margin-top: 0px;	}
.tx-irfaq-pi1 .additional-info { border-top: 1px dotted #999; margin-bottom: 10px; }
.tx-irfaq-pi1 .irfaq-related-faq, .tx-irfaq-pi1 .irfaq-related-links { padding-top: 0px; padding-bottom: 0px; margin-top: 3px; margin-bottom: 15px; }

.tx-irfaq-cleaner { clear: left; height: 1px; }
.tx-irfaq-dynheader { cursor: pointer; }
.tx-irfaq-dynans-hidden { display: none; }
.tx-irfaq-dynans-visible { display: inline; }