/*
================================================
Typo3 Master CSS, CMS Budget Paket
Version: 1.0
Letze �nderung: 07.06.2011 
================================================

Suche nach "anpassen"

*/

/*
==================
Grundeinstellungen
==================
*/

/* Universal Selektor */
* {
	margin: 0;
	padding: 0;
	border: 0;  
}

/* Scrollbalken f�r IE8 und Firefox erzwingen */
html{
	height: 101%;
}

/* HTML-Tags, Schriften, Farben, Hintergrundbild anpassen */

body {
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
color: #4A4A4A;
background-image: url(https://velowandern.ch/fileadmin/bilder-design/bg-wrapper.gif);
background-repeat: repeat-x;
background-color: #989898;

}



@font-face {
    font-family: "BPreplay-webfont";
    font-style: normal;
    font-weight: normal;
    src: url("../fonts/BPreplay-webfont.eot?#iefix") format("embedded-opentype"), url("../fonts/BPreplay-webfont.woff") format("woff"), url("..fonts/BPreplay-webfont.ttf") format("truetype"), url("..fonts/BPreplay-webfont.svg#RulukoRegular") format("svg");
}

	
/*Titel anpassen*/
h1 {
font-family: "BPreplay-webfont", Arial, sans-serif;
font-size: 22px;
color: #1a5857;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 14px 0;
}

h2 {
	font-family: "BPreplay-webfont", Arial, sans-serif;
font-size: 17px;

color: #1a5857;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 12px 0;
}

h3 {
	font-family: "BPreplay-webfont", Arial, sans-serif;
font-size: 15px;
color: #666;
font-weight: normal;
text-transform: uppercase;
padding: 0 0 10px 0;
}


hr {
color: #ccc;
background-color: #ccc;
height: 1px;
margin: 8px 0;
}

p {
margin-bottom: 12px;
line-height: 1.5;
}



/*Generelle Links anpassen*/
a {color: #1a5857;  text-decoration:none; }
a:link {}
a:visited {}
a:hover {text-decoration: underline; }
a:active { }

/*Links mit einem bestimmten Filetype*/

a[href $='.pdf'] {
   padding: 5px 0 5px 20px;
   background: url(../Icons/pdf.gif) no-repeat center left;
   }
a[href $='.doc'] {   
   padding: 5px 0 5px 20px;
   background: url(../Icons/doc.gif) no-repeat center left;
   }
a[href $='.xls'] {
   padding: 5px 0 5px 20px;
   background: url(../Icons/xls.gif) no-repeat center left;
   } 


.csc-frame-frame1, .frame-custom-20 {
	background-color: #f1f1f1;
	padding: 5px;
	margin: 12px 0;
   } 



/*Wrapper*/
#wrapper {
margin: 0 auto; 
width: 980px; 

}
	
/*
==================
Head Bereich
==================
*/

/*Themenbild Hintergrund anpassen*/
#header {
background-image: url(https://velowandern.ch/fileadmin/bilder-inhalt/header.jpg);
height: 346px;
background-repeat: no-repeat;

}



/*Logo anpassen*/
#logo img  {
width: 370px;
height: 100px;
float: left;


}

#metanav{
padding: 5px 15px 0 0;

}

#metanav li{
list-style-image:none;
list-style-type:none;
margin: 0px;
padding: 0px;
float: right;

}

/*Matanavigation anpassen*/

#metanav a { padding: 1px 5px;  font-size: 11px; display: block; float:right; /*ganze Fl�che anklickbar machen*/ color: #1a5857; text-decoration:none; }
#metanav li a:hover  {  text-decoration:underline;}
/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#metanav  li.aktiv a { text-decoration: none; }


/*Claim Farbe, Schriftgr�sse anpassen*/
#claim{
clear: both;
height: 47px;
padding: 0 20px 0 0;
font-size: 24px;
color: #FFFFFF;
float: right;

}

#themenbild{
clear: both;

}

/*
==================
Navigation
==================
*/

#navigation {
float: left;
width: 225px;
margin: 5px 0 0 0;
padding: 0;
}

/*HAUPTNAVIGATION anpassen*/
	
#mainnav {
padding: 0 0 0 0;
margin: 0 25px 0 20px;
border-top:1px solid #616d78;

}

#mainnav li{
list-style-image:none;
list-style-type:none;
border-bottom:1px solid #616d78;
margin: 0px;
padding: 0px;

}

/*HAUPTNAVIGATION Links anpassen*/

#mainnav a {  font-family: "BPreplay-webfont", Arial, sans-serif; font-size: 15px; color: #1a5857; font-weight:bold; text-transform: uppercase; padding: 3px 0px 3px 8px; display: block; /*ganze Fl�che anklickbar machen*/ text-decoration:none; }
#mainnav li a:hover  {  background-color: #f1f1f1; }
/*aktiver Hauptnavigationslink -> in typo3 wird die Klasse "aktiv" definiert*/
#mainnav li.aktiv a {  background-color: #f1f1f1; }


/*SUBNAVIGATION anpassen*/

#subnav {
	background-color: #f1f1f1; 
padding: 8px 0;
margin: 0px;
border-top:1px solid #616d78;

}

#subnav li{
list-style-image:none;
list-style-type:none;
padding: 0px;
margin: 0px;
border:0px solid #616d78;
width: 100%;

}

/*SUBNAVIGATION Links anpassen*/
#subnav li a  {  font-family: "BPreplay-webfont", Arial, sans-serif; font-size: 13px; color: #666!important; padding: 4px 5px 4px 14px; font-weight: normal;  display: block; /*ganze Fl�che anklickbar machen*/ text-decoration:none; text-transform: none; background-image: none; }
#subnav li a:hover  {    color: #1a5857!important; }
/*aktiver Subnavigationslink*/
#subnav li.subaktiv a {    color: #1a5857!important; }

/*
==================
Content-Bereich
==================
*/
#content {
float: left;
background-color: #FFFFFF;
width: 980px;
min-height: 350px;
padding: 30px 0 20px 0;

}

#maincontent {
float: left;
width: 500px;
min-height: 350px;
padding: 0 35px 0 0;
line-height: 1.4;

}

.maincontent-list li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
padding: 1px 3px;
margin-left: 12px;
}

.bildlegende {
margin-top: 4px;
margin-bottom: 5px;
}

/*
=================
Sidebar-Bereich
=================
*/	
#sidebar {
width: 205px;
float: left;

}

.sidebar-item-1 {
margin: 0 0 20px 0;
border-bottom: 1px solid #606c78;
}

.sidebar-item-1 h5 a {color: #333;  text-decoration:none; font-weight: normal; }
.sidebar-item-1 h5 a:hover {text-decoration: none; font-weight: normal;  }


/*
==================
Footer-Bereich
==================
*/	

#footer {
margin: 10px 0 10px 0;
color: #fff;
font-size: 11px;
float: right;
text-align: right;
width: 980px;
}

.copyright {


}

#footernav {
float: right;
clear: both;


}

#footer li{
list-style-image:none;
list-style-type:none;
float: left;

}

/*Generelle Links anpassen*/
#footer a { padding: 0 5px; color: #fff; text-decoration:none; }
#footer a:hover {text-decoration: none; }


#sitemap{
	margin-left:20px;	
}

#sitemap .first .subnav{
	margin-left: 20px;

}

.sub {
	margin-left:20px;	
}


/*Tabellen*/
table{
border-collapse:collapse;
}

table,th,td{
border-bottom: 1px solid #ccc;
padding: 5px;
}


/*wt-gallery*/
.list_row img {
float: left;
padding: 5px 5px 5px 0;

}

.wtgallery_list_pagebrowser_area {
display: none;

}

.wtgallery_list_area h2{
	display:none;	
}


/*Event Modul*/

.news-list-morelink {
	padding: 0 0 6px 0;
}

.news-latest-date{
 font-weight: bold;
}

.weitere-veranstaltungen  {
	padding: 0 0 20px 0;
}

/*Ansprechpersonen*/



#sprache{
	float:right;
}

#sprache li{
	float:left;
	list-style:none;
	margin-top:2px;
	padding-right: 5px;
	padding-left:5px;
	
}


/* Kontaktform */
.tx_powermail_pi1_form label{
	display:block;
	float:left;
	width:150px;
}
.tx_powermail_pi1_form legend{
	display:none;	
}

.tx_powermail_pi1_fieldwrap_html{
	margin-bottom:5px;	
}



.tx_powermail_pi1_form input, select{
	height: 20px;	
	width: 280px;
}

.powermail_submit{
	background-color: #6B9B3B;
color: #FFFFFF;
font-weight: bold;

	margin-top: 5px;
	margin-left:150px;
	width:100px !important;
	cursor: pointer;
}

.tx-powermail-pi1_mandatory_submit{
	background-color: #6B9B3B;
color: #FFFFFF;
font-weight: bold;

	margin-top: 5px;

	width:180px !important;
	cursor: pointer;
}

.tx_powermail_pi1_form textarea{
	width:280px;
	height:150px;
}
.tx_powermail_pi1_form input, .tx_powermail_pi1_form textarea {
	border: 1px solid #616D78;
}

.tx-powermail-pi1_mandatory_submit{
	margin-top:5px;
	border:1px solid #616D78;
}

.powermail_mandatory_list{
	margin: 20px;
	font-weight: normal;
	color: #F00;
}




/* Korrektur nach Update Jan 2015 */


div.csc-textpic .csc-textpic-imagewrap img {
border: none;
display: block;
width: 117px;
height: auto;
}


/* UPDATE Jan 2019 von TYPO3 6.2 auf 9.5 */
img.image-embed-item {
	width: 100%;
	height: auto;
}

/* ckeditor bug */
p:empty {
	display:none
}