/** 
 * velokurierbern.ch
 * 
 * css -> default template
 * 
 * @author  Marcel Birrer
 * @see     http://www.velokurierbern.ch
 * @copyright copyright(c) Klink GmbH
 * @date 2009-10-26
 * @media screen
 *
 * @colordef #cc0033; rot
 */ 

/* general styles */
body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em; /* 16 px */
	color:#444;
	background-color:#fff;
	background-image:url(../image/header_bg.png);
	background-repeat:repeat-x;
	background-position:0 0;
}

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

#box {
	width:56.25em; /* 900px */
	margin:0 auto;
}

img {
	border:none;
}

h1, h2, h3, .tel {
	font-family:"Helvetica Neue", Helvetica, Arial, sans-serif;
}

#left h1 {
	font-size:1.5em; /* 24 px */
	margin:1em 0 0.5em 0;
	font-weight:lighter;
	color:#000;
}

#left h2 {
	font-size:1.13em; /* 18 px */
	line-height:1.1em;
	margin:0.5em 0;
	font-weight:400;
	color:#cc0033;
}

#left h3 {
	font-size:0.94em; /* 15 px */
	margin:0 0 0.2em 0;
	font-weight:400;
	color:#000;
}

#left .teaser h2 {
	margin:0 0 0.5em 0;
	color:#cc0033;
}

#right h1, #right h2 {
	font-size:1em; /* 16 px */
	line-height:1.2em;
	margin:1em 0 0.3em 0;
	padding:0 0 0.1em 0;
	font-weight:500;
	color:#444;
	border-bottom:1px dotted #444;
}

#right h3 {
	font-size:0.94em; /* 15 px */
	line-height:1.1em;
	margin:0 0 0.2em 0;
	font-weight:400;
	color:#cc0033;
}

a { color:#cc0033; text-decoration:underline; }
a:hover { color:#000; text-decoration:none; }

strong, b { color:#444; font-weight:bold; }

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

/* Header */
.header {
	height:8.5em; /* 136px */	
	margin:0;
}

.header .logo {
	clear:both;
	float:left;
	margin:2.7em 0 0 0;
} 

.header .tel {
	float:right;
	padding:0;
	margin:0;
	font-size:1.2em;
	line-height:1.2em;
	font-weight:600;
	letter-spacing:0.12em;
	color:#fff;
}

.header .tel img {
	margin:0 0.4em 0 0;
}

#banner {
	position:relative;
	margin:0;
	height:13em; /* 208px */
}

#banner .header_claim {
	position:absolute;
	z-index:10;
	top:2.1em;
	left:0.75em;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:2em;
	color:#fff;
}

#banner DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { height:208px; margin-bottom:0px; }

/* content */
#page {
	margin:0;
	padding:0;
	background-color:#f4f4f4;
}

#left {
	float:left;
	width:37em;
	padding:0 0 0 2em;
	margin:0 0 1.5em 0;
}

#left p {
	font-size:0.88em; /* 14 px */
	line-height:1.32em; /* 21 px */
	margin:0 0 1em 0;
}

#left ol {
	font-size:0.88em; /* 14 px */
	line-height:1.3em;
	margin:0 0 1.25em 1em;
	padding:0 0 0 1em;
	list-style:none;
}

#left ul {
	font-size:0.88em; /* 14 px */
	line-height:1.3em;
	margin:0 0 1.25em 1em;
	padding:0 0 0 1em;
	list-style:circle;
}

#left li {
	margin:0 0 0.3em 0;
}

#left .teaser {
	float:left;
	width:9em;
	background-color:#fff;
	border:1px solid #cc0033;
	padding:0.5em;
	margin:0 1.0em 1.5em 1.0em;
}

#left .teaser p {
	font-size:0.75em; /* 12 px */
	line-height:1.38em; /* 22 px */
	margin:0 0 0.5em 0;
}

#right {
	float:right;
	width:15em;
	padding:0;
	margin:0 0 1.5em 0;
	border-left:1px solid #fff;
}

.righttext {
	margin:0;
	padding:0 0.75em;
}

.righttext p {
	font-size:0.75em; /* 12 px */
	line-height:1.38em; /* 22 px */
	margin:0 0 0.75em 0;
}

/* footer */
.footer {
	width:100%;
	margin:0;
	border-top:1px dotted #999;
}

.footer div {
	margin:0;
	padding:0.2em 0;
}

.copy {	float:left; font-size:0.75em; line-height:1.4em; }
.service ul { float:right; margin-right:6em; }
.service div { float:right; margin:0 0 0 0.4em; }

/* mainnav */
.mainnav { float:right; margin:3.5em 0 0 0; }

ul.level0 {
	list-style:none;
	margin:0;
	padding:0;
}

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

ul.level0 li a {
	display:block;
	float:left;
	padding:0 0 0 2em;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:1em;
	color:#444;	
	text-align:center;
	text-decoration:none;
	text-transform:uppercase;
}

ul.level0 li a:hover, ul.level0 li .active { color: #cc0033; }

/* subnav level 1 */
.subnav {
	float:right;
	width:100%;
	padding:0;
	margin:0 0 2em 0;
	border-top:1px solid #fff;
	background-color:#fff;
}

ul.level1 {
	list-style:none;
	margin:0;
	padding:0;
}

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

ul.level1 li a {
	display:block;
	margin:0;
	padding:0.2em 0.2em 0.2em 0.75em;
	font-size:0.88em;
	color:#fff;
	text-decoration:none;
	background-color:#999;
	border-bottom:1px solid #fff;
}

ul.level1 li a:hover, ul.level1 li .active {
	color:#fff;
	text-decoration:none;
	background-color:#cc0033;	
	border-bottom:1px solid #fff;
}

/* subnav level 2 */
ul.level2 {
	list-style:none;
	margin:0.3em 0 0.75em 0;
	padding:0;
}

ul.level2 li {
	display:block;
}

ul.level2 li a {
	display:block;
	margin:0.3em 0.2em 0.2em 1em;
	padding:0.1em 0.5em 0 0;
	font-size:0.75em;
	color:#444;
	text-decoration:none;
	border-bottom:1px solid #ccc;
	background-color:#fff;
}

ul.level2 li a:hover, ul.level2 li .active {
	color:#cc0033;
	text-decoration:none;
	border-bottom:1px solid #cc0033;
	background-color:#fff;
}

/* 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.4em 0 0 0;
	padding:0 1em;
	font-size:0.75em; /* 12 px */
	color:#fff;
	text-decoration:none;
	border-left:1px solid #fff;
}

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

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

/* links footer */
ul.footernav {
	list-style:none;
	margin:0.2em 0 0 0;
	padding:0;
}

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

ul.footernav li a {
	display:block;
	margin:0;
	padding:0 0.5em;
	font-size:0.75em; /* 12 px */
	color:#444;
	border-right:1px solid #999;
	text-decoration:none;
}

ul.footernav li a:hover {
	color:#000;
	text-decoration:underline;
}

ul.footernav li .active {
	color:#000;
	text-decoration:underline;
}

/* ext tarifrechner */
#Tarif {
	font-size:0.88em; /* 14 px */
	line-height:1.32em; /* 21 px */
	margin:1em 0;
	padding:1.5em 2em;
	background-color:#fff;
	border:1px solid #cc0033;
}

#Tarif td {
	padding:0 0.5em 0.5em 0;
}

#Tarif h3 {
	font-size:1.75em;
	margin:0 0 0 0.5em;
	padding:0 0 0.1em 0;
	font-weight:500;
	text-decoration:underline;
	color:#cc0033;
}

#Tarif select {
	background-color:#fff;
	color:#000;
}

#Tarif input[type=checkbox] {
	margin:0 0.5em;
}

/* ext tt_news */
.news-date { font-size:0.69em; color:#666; margin: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-single-img { font-size:0.75em; color:#666; margin:0.2em 0; }
.news-latest-morelink, .news-single-backlink, .news-list-morelink { font-size:0.75em; margin:0; text-align:right; }
span.news-list-morelink { display:none; }
.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; }
.news-single-files dt { font-size:0.81em; margin:0 0 0.25em 0; }
.news-single-files dd { font-size:0.81em; margin:0.4em 0; }
.news-single-files dd a { padding:0 0.4em; }
.news-single-video { margin: .5em 0; }

/* ext fe-login */
.tx-felogin-pi1 {
	margin:0 0 0.5em 0;
	font-size:0.88em; /* 14 px */
	line-height:1.32em; /* 21 px */
}

#form-login fieldset {
	border:1px solid #e0e0e0;
	margin:1em 0 0.5em 0;
	padding:1em;
}

#form-login fieldset legend {
	display:none;
}

#form-login fieldset label {
	padding:0.25em 0 0.1em 0;
}

#form-login fieldset input {
	background-color:#FFF;
	border:1px solid #444;
	border-color:#444 #888 #888 #444;
	color:#000;
	padding:0.1em;
	margin:0 0 0.25em 0;
}

#form-login fieldset input:focus {
	border-color:#000;
}

#form-login .iefix {
	overflow:visible;
	width:auto;
	border:1px solid #444;
	border-color:#444 #888 #888 #444;
	font-weight:bold;
	color:#000;
	padding:4px;
	cursor:pointer;
}

#form-login .iefix:hover {
	border-color:#000;
}

#form-status {
	border:1px solid #e0e0e0;
	padding:0.25em;
}

/* ext. css styled content */
.csc-sitemap {
	font-size:1.1em;
	line-height:1.5em;
	margin:0 0 0.5em 1em;
	padding:0 0 0 0;
	list-style:circle;
}

.csc-textpic-caption {
	font-size:0.69em;
	margin:0 0 0.5em 0;
}

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

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