/* -----------------------------------------------------------------
 Definition CONTENT für: Forum Velostationen Schweiz (www.velostationen.ch)
 03.11.09 das.zeichen (B. Sturm)
 08.04.10 Urs Bräm
 
 MEDIA: screen, projection
 Farbset:
 Dunkelblau: #34306E;
  Korrektur: #202867;
 Grau: #666666;
---------------------------------------------------------------------
 */

@media screen, projection {

	#content {
		font-size:0.84em;
	}
	
	
	/* 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 20px 2em 0;
	}


	figure {
		margin: 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;
	}
	
	
	
	#content a.lightbox .zoom-symbol {
		background-image: url(../images/symbol_lightbox.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		width:16px;
		height:16px;
		left:270px;
		top:-6px;
		margin-top:-16px;
		position:relative;
	}
	
	#content .csc-textpic-imagewrap a.lightbox .zoom-symbol {
		left:126px;
	}
	
	#content .imagecol .csc-textpic-imagewrap a.lightbox .zoom-symbol {
		left:270px;
	}
	
	#content a.lightbox {
		margin:0;
	}
	
	
	/* INFOBOX IM INHALT */
	#content .content-info-box {
		float:right;
		width:290px;
		background-image: url(../images/dotted_v1g2w.gif);
		background-repeat: repeat-x;
		background-position: bottom;
		font-size:0.85em;
		margin:0em 0em 1em 15px;
	}
	#content .content-info-box h2 {
		margin:0em 0em 0.5em 0em;
		padding:0.5em 0em 0em 0em;
		background-image: url(../images/dotted_v1g2w.gif);
		background-position: top;
		background-repeat: repeat-x;
		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:150%;
	}
	
	#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 */

	  /*reCAPTCHA*/
	  .g-recaptcha {
	  	display: block;
	  	clear: both;
	    margin-left: 150px; 
	  }

	  #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;
	  }

	  .powermail_fieldwrap {
	    clear: both;
	    display: block;
	    margin-bottom: 0.5em;
	    line-height: 1.4;
	  }

	  .powermail_fieldwrap .mandatory {
	    color: #34306E;
	    padding-left: 0.5em;
	  }

	  /* Forms with content */
	  .powermail_fieldwrap_content {
	    margin-top: 4em;
	  }
	  .powermail_fieldwrap_content .csc-textpic-text table {
	      width: auto !important;
	  }


	  #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.powermail_text,
	  #content form input.inputbox,
	  #content form textarea, 
	  #content form select {
	    width:370px;
	    display:block;
	    float:left;
	    margin:0em 0.5em 1.5em 0em;
	    background-color: #EEE;
	    border:none;
	    border-bottom:1px solid #34306E;
	    font-family: Arial, Helvetica, sans-serif;
	    padding:0.1em;
	    font-size:1em;
	  }

	  .tx-seminars-pi1-submit input,
	  #tx_onetimeaccount_pi1_form .tx-onetimeaccount-pi1-submit input,
	  #content form input.button,
	  #content form input.powermail_submit,
	  input.tx-powermail_submitmultiple_forward,
	  input.tx-powermail_submitmultiple_back,
	  input.tx-powermail-pi1_confirmation,
	  .powermail_confirmation_submit,
	  .powermail_confirmation_form,
	  .submitbutt input {
			border:none;
			background-color: #34306E;
			color:#FFF;
			padding:0.5em;
			margin:2em 0.5em 0.5em 0em;
			width:auto;
	  }

	  .powermail_confirmation_form {
	    float: left;
	  }

	  .submitbutt input {
	    margin-top: 0;
	  }


	  .tx-seminars-pi1-submit input:hover,
	  #tx_onetimeaccount_pi1_form .tx-onetimeaccount-pi1-submit input:hover,
	  #content form input.button:hover,
	  #content form input.powermail_submit:hover,
	  input.tx-powermail_submitmultiple_forward:hover,
	  input.tx-powermail_submitmultiple_back:hover,
	  input.tx-powermail-pi1_confirmation:hover,
	  .powermail_confirmation_submit:hover,
	  .powermail_confirmation_form:hover,
	  .submitbutt input:hover {
		  cursor: pointer;
	    background-color: #c7171d;
	  }


	  /*
	  #content form select {
	    width:auto;
	  }
	  */

	  /*
	  #content form .powermail_check_inner input,
	  #content form .powermail_check_inner label
	  {
	      margin-bottom: 0.5em;
	   }
	   */

	  #content form input[type="text"]:focus, #content form textarea:focus  {
	    background-color:#34306E !important;
	    color:#FFF;
	  }

	  .powermail_pagebrowser {

	  }

	  /*Bestätigungstext*/

	  #content .powermail_confirmation h4 {
	      margin-bottom: 1em;
	  }

	  .powermail_all dt {
	    float: left;
	    width: 45%;
	    margin-right: 2em;
	    margin-bottom: 1em;
	  }
	  .powermail_all dt:after {
	    content: ': ';
	  }
	  .powermail_all dd {
	    margin-bottom: 1em;

	  }
	  .powermail_all dd:after {
	    clear: both;
	  }
	
	/* 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, #content #front-col 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 0.3em 0em;
		height:1px;
	}
	
	#content #front-col-1 .header-top {
		margin-top: 0;
	}

	#content .header-top-wide {
		background-image: url(../images/dotted_v1g2w.gif);
		background-position: top;
		background-repeat: repeat-x;
		width:580px;
		margin:0.7em 0em 0.3em 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:275px;
		font-size:1em;
	}
	
	#content .aktuell-date {
		float:left;
		width: 80px;
	}
	#content .aktuell-text {
		float:left;
		width: 192px;
	}
	
	#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;
		min-height:270px;
		_height:270px; /* IE sorry */
	}
	
	#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:100px;
		_height:100px; /* 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;
	}
	
	/* Symbole für Downloads in Tabellen */
	
	#content table span.download-file {
		background-image: url(../images/content_file_small.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
		height:24px;
		display:block;
		margin:1em 0em 0em 0em; 
		padding:0em 0em 0em 14px;
	}
	
	#content table span.download-file a {
		margin:1em 0px 0em 0.5em;
	}
	#content table a.download, #content p.downlioad-file a {
		padding:0px 0px 4px 14px;
        background-image: url(../images/content_file_small.gif);
		background-position: 0 0;
		background-repeat: no-repeat;
	}
	#content table a.download + br {
		margin:0em 0em 0.5em 0em;
	}
	
	
	/* Symbol für externen Link */
	/* in Tabellen automatisch anhängen an alle href-links*/
	#content a.external-link-new-window:after  {
		content: url(../images/link_external.gif);
		margin-right:0.5em;
	}
	
	
	/* Ortsliste */
    
    #content .content-spezial {
        background-color: #f2f2f2;
        padding: 1em;
        margin: 0;
        overflow: hidden;
        position: relative;
        }
     
	#content .content-spezial ul li, #content .content-spezial ul {
		margin:0;
		padding:0;
		list-style-type:none;
	}
	
	
	#content .content-spezial ul li {
		display:block;
		width:10em;
		float:left;
	}
	
	
	/* Sondermenu auf den einzelnen Orteseiten*/
        
    
    #content #velostationen-menu {
        margin: 40px 0 0 0;
    }
    

        
    #content #velostationen-menu #button a {
        background-color: #F2F2F2;
        display: block;
        border-bottom: 0;
        text-decoration: none;
        background-image: url(../images/arrow-down.png);
        background-position: top right;
        background-repeat: no-repeat;
    }
    
    #content #velostationen-menu:hover #button a {
         cursor: pointer;
         background-color: #202867;
         color: #ffffff;
         background-image: url(../images/arrow-down-white.png);
    }
    
    #content #velostationen-menu #button img {
        float: left;
        margin: 0 1em 0 0;
    }
    	
	/*JQUERY QUICKSEARCH ub*/
	/*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: #202867; 
    	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:#202867;
    }
    
    #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 .inputbox-wrapper {
    
    }
    
    #content .validation-advice {
    	color:#202867;
    	position:relative;
    	left:108px;
    	top:-12px;
		font-size:11px;
		font-weight:bold;
		clear:both;
		float:none;
    }
    
    /* Suchresultate */
    
    #content .tx-indexedsearch-searchbox input.button {
        margin: 0em 0.5em 0.5em 0;
    }

    #content .tx-indexedsearch-searchbox input.button:hover {
        cursor: pointer;
    }

    
    #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: #b4afff;
    	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;
	}
	 
	 
	 /*Ergänzungen Forms Upgrade 6.2*/


	 .tx-powermail h3,
	 legend {
	 	display:none;
	 }

	 .powermail_fieldwrap_check,
	 .powermail_fieldwrap_submit {
	 	margin-left: 145px;
	 }


	 .powermail_fieldwrap_check .powermail_checkbox {
	 	float:left;
	 }

	 .powermail_fieldwrap_check label {
	 	width: auto !important;
	 	display: inline !important;
	 	text-align: left !important;
	 	float: none !important;
	 }
	 
	 
	 /* 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:245px;
	 }
	 #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;
 	}
 	
 	
 	/* Ergänzungen */
 	/****************************************************************************/
		#content table td {
			text-align: left;
		}

		/*Grundeinstellungen für sortierbare Tabellen*/
		table.sortable th:hover {
			cursor:pointer;
			border-bottom: none;
			color: #202867;
		}


		#content div.content-bild-voll .csc-textpic .csc-textpic-imagewrap{
			width: 870px !important;
			float: none !important;
		}
		
		#content div.content-bild-voll {
            margin: -10px 0 -30px 0;
        }

		/*dieser style könnte auch nur auf der Seite RV angewendet werden, dann kann man ihn sonstwo noch völlig frei verwenden:*/

		#content div.content-spezial  {
			/*height: 10em;*/
			/*nur wenn nicht das unterste*/
			white-space: nowrap;
		}



		/*reset-link*/

		.rv-reset{
			cursor:pointer;
			color: #202867;
			text-decoration: underline;
		}

		.rv-reset:active, .rv-reset:hover, .rv-reset:focus {
			text-decoration: none;
		}

		/*klick ausserhalb von belegtem bereich auf der karte*/
		div.content-bild-voll img {
			cursor:pointer;
			z-index: 90;
		}
		
		/* Anker-Menu innerhalb Seite*/
		div.content-anker-menu {
            background-color: #F2F2F2;
            padding: 1em 1em 0.5em 1em;
            margin-bottom: 2em;
        }
		
		/* 17.2.15 - kleine bilder nicht umfliessen */
		.content-absatz .csc-textpic-text {
			display: table;
			margin-bottom: 2em;
		}
		
		/* ENDE ERGÄNZUNGEN */
		
		
	
}