/* -----------------------------------------------------------------
 Definition PRINT für: Pro Velo Schweiz
 03.11.09 das.zeichen (B. Sturm)
 
 MEDIA: print
---------------------------------------------------------------------
 */

@media print {
	/* Print-Layout */
	body {
		margin:0;
		font-size:100%;
		font-family: Arial, Helvetica, sans-serif;
		color:#000;
		background-color: #FFF;
	}

	/* wird ausgeblendet */
	#accessibility, #metanavigation, #language-select, #mainmenu, #footer-sitemap, #pagenav {
		display:none;
	}
	
	.clear, .clr {
		clear:both;
		float:none;
	}
	
	/* Globale a-Auszeichnungen */
	a:link, a:visited {
		color:#000;
		text-decoration: underline;
	}
	a:hover, a:active {
		color:#cc0019;
	}

	#wrapper {
		position:absolute;
		top:0cm;
		left:0cm;
		width:100%;
		margin:0;
	}
	
	/* LOGO */
	#logo-main {
		position:absolute;
		width:6cm;
		height:2cm;
		left:0cm;
		top:0cm;
		background-color: #FFF;
	}
	#logo-main img {
		position:absolute;
		width:5.5cm;
		height:auto;
		left:0cm;
		top:0.3cm;
	}
	
	
	
	/* HEADER */
	#header {
		width:100%;
		position:relative;
		overflow:hidden;
		left:0cm;
		top:0cm;
		margin:0;
	}
	
	#headerbar {
		border-bottom:0.5cm solid #cc0019;
		position:absolute;
		top:-0.5cm;
		left:6cm;
		width:100%;
		height:0.5cm;
		margin:0;
	}
	
	#header img#header-image {
		display:block;
		top:0cm;
		left:0cm;
		width:100%;
		height:auto;
	}
	
	/* HEADER LAYOVER */
	#header-layover {
		position:absolute;
		left:3cm;
		top:4cm;
		width:7cm;
		background-color:#FFF;
		font-size:0.8em;
		line-height:130%;
		padding:0.3cm;
	}
	
	#header-layover h2 {
		margin:0.5cm 0cm 0.5cm 0cm;
		font-size:1.2em;
	}
	
	/* FRONT */
	#front-col1, #front-col2, #topuebersicht-col1, #topuebersicht-col2 {
		width:45%;
		float:left;
	}
	#front-col3 {
		width:100%;
	}

	
	/* CONTENT */
	#content-container {
		width:100%;
		position:relative;
		margin:0;
	}
	
	

	#content {
		font-size:0.8em;
		clear:both;
		float:none;
		margin:0;
	}
	
	/* FOOTER */
	#footer-address {
		margin:2cm 0cm 0cm 0cm;
		border-top:0.2mm dotted #000;
		padding:0.4cm 0cm 0cm 0cm;
		font-size:0.8em;
	}
	
	
	/* Textfluss und Hierarchien */
	#content p {
		line-height:150%;
		margin:0em 0em 0.8em 0em;
	}
	
	#content h1, #content h2, #content h3, #content h4, #content h5 {
		font-size:1.6em;
		margin:1.85em 0em 1em 0em;
		line-height:120%;
		color:#000;
		text-transform: uppercase;
		font-weight:normal;
	}
	
	#content h2, #content h3, #content h4, #content h5 {
		font-size:1.2em;
		font-style:normal;
		font-weight:normal;
		margin:2em 0em 0.6em 0em;
		text-transform: none;
		font-weight:bold;
	}
	
	#content h3, #content h4, #content h5 {
		font-size:1.2em;
		font-weight:normal;
		margin:0em 0em 0.2em 0em;
	}
	
	#content h4, #content h5 {
		font-size:1em;
		font-weight:bold;
	}
	
	
	/* Bilder */	
	/* Normales Inhaltsbild */
	#content .contentimage, #content .csc-textpic-imagewrap /*letztes von urs*/{
		float:left;
		width:145px !important;
		margin:0px 10px 2em 0;
	}
	
	#content .contentimage p, #content .imagecol p, #content dd.csc-textpic-caption, #content .imagecol dd.csc-textpic-caption /*letzte 2 von urs*/ {		
      color:#000;
		font-size:0.85em;
		margin:0.5em 0em 0.5em 0em;
		line-height:120%;
	}
	
	/* Mehrere Bilder als Listenelemente */
	#content ul li.csc-textpic-image {
		list-style-type:none;
		list-style-image:none;
		margin:0;
		;
	} 
	
	/* Bild über eine Spalte */
	#content .imagecol, #content .imagecol {
		float:right;
		width:290px !important;
		margin:0px 0px 2em 15px;
	}
	
	/* Lightbox-Icon auf Bild */	
	#content .news-single-image {
		z-index:0;
		width:270px;
		position:relative;
	}
	
	
	
	
	/* INFOBOX IM INHALT */
	#content .content-info-box {
		border:0.2mm dotted #000;
		font-size:1em;
		margin:2cm 0em 1em 0;
		padding:1cm;
	}
	#content .content-info-box h2 {
		margin:0em 0em 0.5em 0em;
		padding:0.5em 0em 0em 0em;
		font-size:1.1em;
	}
	
	#content .content-info-box ul {
		margin:0;
		padding:0;
	}
	#content .content-info-box ul li {
		background-image: none;
		list-style-image:url(../images/bullet_infobox.gif);
		margin:0em 0em 0.5em 1.6em;
		padding:0;
	}
	
	
	/* Tabellen */
	#content table {
		margin:1em 0em 1em 0em;
		background-color: #f1f1f1;
		font-size:0.8em;
		width:100%;
	}
	
	#content table td, #content table th {
		padding:0.4em;
		line-height:120%;
	}
	
	#content table th {
		text-align: left;
		border-bottom:1px solid #666;
		background-color: #FFF;
	}
	
	#content table td {
		padding-bottom:0.5em;
		background-color: #F2F2F2;
		border-bottom:2px solid #FFF;
	}
	
	/* Aufzählungslisten */
	#content ul, #content ol {
		margin:0em 3em 2em 0em;
		padding:0;
		list-style-image: url(../images/content_bullet.gif);
	}
	
	#content ol {
		list-style-image:none;
		list-style-type: decimal;
	}
	
	#content ul li, #content ol li {
		margin:0em 0em 1em 1.6em;
		line-height:150%;
	}
	
	/* Formulare */
	#content form label {
		width:145px;
		display:block;
		float:left;
		text-align: right;
		margin:0em 0.3em 0em 0em;
	}
	
	#content img.form-required, span.powermail_mandatory {
		width:13px;
		height:13px;
	}
	
	
	#content form label.form-required, #content span.powermail_mandatory, #content span.required {
		background-position: right;
		background-repeat: no-repeat;
		background-image: url(../images/form_starmark.gif);
		padding-right:15px;
		width:130px;
	}
	
	#content span.powermail_mandatory, #content span.required {
		margin:0em 0em 0em 0em;
		color:#FFF;
	}
	#content span.required {
		padding-right:10px;
	}
	
	#content form input.inputbox, #content form#tx_onetimeaccount_pi1_form input, #content form input.powermail_text, #content form textarea, #content form select {
		width:420px;
		display:block;
		float:left;
		margin:0em 0.5em 1.5em 0em;
		background-color: #EEE;
		border:none;
		border-bottom:1px solid #CC0019;
		font-family: Arial, Helvetica, sans-serif;
		padding:0.1em;
		font-size:1em;
	}
	#content .tx-seminars-pi1-submit input, #content form#tx_onetimeaccount_pi1_form .tx-onetimeaccount-pi1-submit input, #content form input.button, #content form input.powermail_submit, #content form input.tx_powermail_pi1_submitmultiple_forward, #content input.tx_powermail_pi1_submitmultiple_back, #content input.tx-powermail-pi1_confirmation {
		border:none;
		background-color: #CC0019;
		color:#FFF;
		padding:0.2em;
		margin:0em 0.5em 0.5em 0em;
		width:auto;
	}
	
	#content form select {
		width:100px;
	}
	
	#content form input.powermail_check {
		border:1px solid #cc0019;
		width:1em;
		height:1em;
	}
	
	#content form input[type="text"]:focus, #content form textarea:focus  {
		background-color:#CC0019 !important;
		color:#FFF;
	}
	
	/* TEASER */
	/* Teaser auf der Front und Übersichtsseiten */	
	#content .teaser-item, #content .uebersicht-item, #content .topuebersicht-item {
		width:275px;
		margin:0em 0em 3em 0em;
		clear:both;
		float:none;
	}
	
	#content .teaser-item h2, #content #front-col3 h2, #content .uebersicht-item h2, #content #uebersicht-themen h2, #content #uebersicht-aktuelles h2, #content .topuebersicht-item h2 {
		font-size:1.4em;
		font-weight:normal;
		margin:0em 0em 0.5em 0em;
		background-image: url(../images/dotted_v1g2w.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		padding:0em 0em 0.2em 0em;
	}
	
	#content .header-top {
		background-image: url(../images/dotted_v1g2w.gif);
		background-position: top;
		background-repeat: repeat-x;
		width:275px;
		margin:0.7em 0em 0em 0em;
		height:1px;
	}
	
	#content .teaser-content, #content .uebersicht-content {
		position:relative;
		margin:0;
	}
	#content .teaser-image, #content .uebersicht-image {
		width: 102px;
		height:70px;
		overflow:hidden;
		float:left;
		margin:3px 10px 0em 0em;
	}
	
	/* Fallback-Image */
	#content .teaser-content .fallback_img_small, #content .fallback_img_large {
		background-image: url(../images/teaser_dummy_small.gif);
		background-repeat:no-repeat;
	}
	
	#content .teaser-content .fallback_img_small a, #content .fallback_img_large a {
		height: 70px;
		width: 102px;
		display:block;
	}
	
    #content .fallback_img_large {
    	background-image: url(../images/muster_topuebersicht1.jpg);
    	height:140px;
    	width:270px;
    }

    #content .fallback_img_large a {
		width:270px;
		height:140px;
	}

	
	
	#content .teaser-text, #content .uebersicht-text {
		width:160px;
		float:left;
	}
	

	
	
	#content .teaser-text p, #content .teaser-text a, #content #uebersicht-themen p, #content #uebersicht-themen a {
		line-height:130%;
		margin:0em 0em 0.5em 0em;
		font-size:1em;
	}
	
	#content .topuebersicht-item p {
		line-height:120%;
		margin:1em 0em 0.75em 0em;
	}
	
	/* FRONT AKTUELLES */
	#content .aktuell-item {
		margin:0em 0em 1em 0em;
		width:100%;
		font-size:1em;
	}
	
	#content .aktuell-date {
		float:left;
		width: 80px;
	}
	#content .aktuell-text {
		float:left;
		width:70%;
	}
	
	#content .aktuell-item p {
		line-height:120%;
		margin:0em 0em 0.7em 0em;
	}
	
	/* UEBERSICHTSLISTE */	
	#content #uebersicht-themen h3, #content #topuebersicht-themen h2 {
		font-weight:normal;
	}
	#content #uebersicht-themen p, #content #uebersicht-aktuelles p {
		line-height:120%;
		margin:0em 0em 0.5em 0em;
	}
	
	/* TOPÜBERSICHT */
	#content div.topuebersicht-item {
		width:275px;

	}
	
	#content #topuebersicht-themen h2 {
		background-image: url(../images/dotted_v1g2w.gif);
		background-position: top;
		background-repeat: repeat-x;
		margin:0em 0em 1em 0em;
		padding:0.2em 0em 0em 0em;
	}
	
	#content #topuebersicht-themen p {
		line-height:120%;
	}
	#content #topuebersicht-themen a {
		font-weight:normal;
	}
	
	/*von Urs, dito auch in Template tmpl/ext_jp_pageteaser/topuebersicht.html*/
    #content .topuebersicht-image {
		width: 275px;
		height:140px;
		overflow:hidden;
		background-color: #eee;
	}
	#content .topuebersicht-image img {
		
	}
	
	/* UEBERSICHT UNTERSEITEN */
	#content .teaser-item {
		min-height:160px;
		_height:160px; /* IE sorry */
	}

	
	/* Symbole für Downloads */
	#content span.download-file {
		background-image: url(../images/content_file.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		height:24px;
		display:block;
		margin:1em 0em 0em 0em; 
		padding:0em 0em 0em 24px;
	}
	
	#content span.download-file a {
		margin:1em 0px 0em 2.5em;
	}
	#content a.download, #content p.downlioad-file a {
		padding:4px 0px 4px 20px;
		background-image: url(../images/content_file.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#content a.download + br {
		margin:0em 0em 0.5em 0em;
	}
	
	
	/* Symbol für externen Link */
	#content a.external-link-new-window:after {
		content: url(../images/link_external.gif);
		margin-right:0.5em;
	}
	
	#content .content-spezial ul li, #content .content-spezial ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	#content .content-spezial li {
		display:block;
		width:190px;
		float:left;
	
	}
	
	/*JQUERY QUICKSEARCH von urs*/
	/*für kurze absätze mit 1 bild optimieren evtl layoutfelf nofloat?*/

    #content #quicksearch {
    	display:block;
    }
    
   #content #quicksearch label {
    	text-align: left;
   }
	#content #quicksearch input.inputbox {
   	width: 405px;
   	margin: 0px 5px 3em 0px;
      display: inline;
      height:1em;
   }

                                
    /*seminars*/
    
    .tx-seminars-pi1-listrow table {
    	clear: both;
    }
    

    /*zum sortieren - börsen und seminare*/
    #content .tx-seminars-pi1-listrow tr th a, #content .tx-csvtable-pi1 th {
    	color: #CC0019; 
    	text-align:left;
    	display:inline;
    	padding:0;
    }
    
    
    #content .tx-seminars-pi1-listrow th:hover, #content .tx-csvtable-pi1 th:hover {
    	cursor:pointer; 
    	text-decoration: none; 
    }
        
    /*highlight Velobörsen */
    #content table tr.highlight_boerse td {
    	background-color: #ffdbe0;
    }
    
    /* Warnung und Fehlermeldungen */
    #content p.tx-seminars-pi1-error, #content .tx-powermail-pi1_mandatory {
    	color: #000;
    	background-image: url(../images/icon_message.gif);
    	background-position: 0px 0px;
    	background-repeat: no-repeat;
    	padding:0px 0px 0px 50px;
    	height:40px;
    	font-weight: normal;
    }
    
    #content p.tx-onetimeaccount-pi1-error {
    	color:#cc0019;
    }
    
    #content .tx-powermail-pi1_mandatory {
    	height:auto;
    }
    
    #content ul.powermail_mandatory_list {
    	margin-top:2em;
    }
    
    #content .tx-powermail-pi1_mandatory strong {
    	font-weight:normal;
    }
    
    #content .tx_powermail_pi1_fieldwrap_html {
    	
    }
    
    #content .validation-advice {
    	color:#cc0019;
    	position:absolute;
		top:-12px;
		font-size:11px;
		font-weight:bold;
    	left:104px;
    }
    
    /* Suchresultate */
    #content .tx-indexedsearch-browsebox ul {
    	margin:0;
    	padding:0;
    	list-style-type:none;
    }
    #content .tx-indexedsearch-browsebox ul li {
    	float:left;
    	display:block;
    	list-style-image: none;
    	margin:0em 0.5em 0em 0em;
    }
    
    #content .tx-indexedsearch-descr {
    	margin:0em 0em 3em 0em;
    }
    
    #content strong.tx-indexedsearch-redMarkup {
    	background-color: #ff7b8f;
    	font-weight: normal;
    }
    
    /* Sitemap */
    #content .sitemap ul li, #content .sitemap ul {
    	list-style-image:none;
    	margin:0;
    	padding:0;
    }
    
    #content .sitemap ul li {
    	position:relative;
		float:left;
		width:160px;
		display:block;
		font-weight:bold;
		margin:0em 0px 0.5em 0em;
		line-height:130%;
    }
    
    #content .sitemap ul ul {
		margin:0em 0em 0em 0em;
	 }
	
	 #content .sitemap ul ul li {
		margin:1em 0em 0em 0em;
		font-weight:normal;
		text-transform:none;
	}
	
	 #content .sitemap ul ul ul {
	 	margin:0em 0em 2em 1em;
	 }
	 
	 #content .sitemap ul ul ul li {
	 	margin:0em 0em 0.5em 0em;
	 }
    
	 
	 	/* Standardformatierungen Powermail */
	#content form.tx_powermail_pi1_form label {
		width:100px;
		padding-right:0.5em;
	}
	
	#content form.tx_powermail_pi1_form input.powermail_text {
		width:420px;
	}
	
	#content form.tx_powermail_pi1_form input.powermail_check {
		float:left;
	}
	
	#content form.tx_powermail_pi1_form .powermail_check_inner label {
		display:inline;
		width:400px;
		text-align:left;
	}
	#content form.tx_powermail_pi1_form .powermail_check_inner input.powermail_check {
		display:inline;
		margin:0px 5px 0px 104px;
		border:none;
	}
	 
	 
	 
	 
	 /* Bestellungen Dokumentation */
	 
	 #content #publikationen h3 {
	 	margin:5em 0em 1em 0em;
	 }
	 
	 #content #publikationen .publikationen-bestellen .tx_powermail_pi1_fieldwrap_html:first-child h3 {
	 	margin-top:0em;
	 }
	 
	 #content #publikationen .csc-default {
	 	margin:0em;
	 }

	 
	 
	 #content form#publikationen .tx_powermail_pi1_fieldwrap_html {
	 	clear:both;
	 	float:none;
	 }
	 
	 #content form#publikationen .tx_powermail_pi1_fieldwrap_html label {
	 	width:300px;
	 	margin-left:145px;
	 }
	 #content form#publikationen .tx_powermail_pi1_fieldwrap_html input.powermail_text {
	 	width:50px;
	 }
	 
	 #content form#publikationen .publikationen-bestellen .csc-textpic-text {
		float:left;
		width:420px;
	}
	#content form#publikationen .publikationen-bestellen .csc-textpic-imagewrap {
		float:left;
		margin-bottom:0em;
	}
	
	#content form#publikationen .publikationen-angaben label {
		width:100px;
		margin:0;
	}
	#content form#publikationen .publikationen-angaben input.powermail_text {
		width:420px;
	}
	
	
	
	/* NEWS DETAIL und ARCHIV */
	#content .detail-news-col {
		float:left;
		width:250px;
	}
	
	#content .detail-news-date {
		margin:0;		
	}
	
	#content .news-single-item h2 {
		margin:0em 0em 1em 0em;
	}
	
	#content .detail-news-lead {
		font-weight: bold;
	}
	
	/* NEWS LIST */
	#content .news-list-item {
		margin:0em 0em 2em 0em;
	}
	
	#content .news-list-item h3 {
		margin:2em 0em 0.5em 0em;
	}
	
	#content .news-list-item img {
		float:left;
		margin:0.5em 1em 0em 0em;
	}
	
	#content .news-list-date {
		margin:0em 0.5em 0em 0em;
	}
	
	/* Velokurse */
	#content .tx-seminars-pi1 .theimage {
		float:right;
	}
	
    
    
 /*typo3 frontend-editing*/
 	table.typo3-editPanel {
 		border: none; 
 		background-color: #fff; 
 		width: auto;
 	}
 	table.typo3-editPanel TD.typo3-editPanel-controls { 
 		border: 1px solid #ccc; 
 		background-color: #fff;
 	}
	


}