/*
 Theme Name:     die tragtasche
 Theme URI:      http://dietragtasche.ch
 Description:    Clarity Child Theme
 Author:         Micha Kellenberger
 Author URI:     http://ge-sehen.ch
 Template:       clarity
 Version:        1.0.0
*/

/*	RED:	#CF0325		*/

@import url("../clarity/style.css");

@font-face {
        font-family: "DIN-Bold";
        src: url('fonts/DINBd___.eot');
        src: url('fonts/DINBd___.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINBd___.svg#DIN-Bold') format('svg'),
        url('fonts/DINBd___.woff') format('woff'),
        url('fonts/DINBd___.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: "DIN-Regular";
        src: url('fonts/DINRg___.eot');
        src: url('fonts/DINRg___.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINRg___.svg#DIN-Regular') format('svg'),
        url('fonts/DINRg___.woff') format('woff'),
        url('fonts/DINRg___.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }
    
    @font-face {
        font-family: "DIN-Light";
        src: url('fonts/DINLt____.eot');
        src: url('fonts/DINLt____.eot?#iefix') format('embedded-opentype'),
        url('fonts/DINLt____.svg#DIN-Light') format('svg'),
        url('fonts/DINLt____.woff') format('woff'),
        url('fonts/DINLt____.ttf') format('truetype');
        font-weight: normal;
        font-style: normal;
    }

/* =Theme customization starts here
-------------------------------------------------------------- */

body {
	color: #333333;
}

h1, h2, h3, h4, h5, h6 {
	color: #333333;
}

blockquote {
	font-size: 15px;
	font-family: 'Open Sans', sans-serif;
}


#mainNav {
	border-top: 1px solid #CF0325;
	text-transform: uppercase;
	font-size: 18px;
}

#mainNav a {
	font-family: "DIN-Regular", "Open Sans", sans-serif;
}

#mainNav ul li.current-menu-item a {
	border-top: 3px solid #CF0325;
}

#mainNav ul li.current-menu-parent a {
	border-top: 3px solid #CF0325;
}

#content {
	font-size: 15px;
}

#slides {
	background-color: #CF0325;
}

.slideText {
	color: #ffffff;
	margin-right: 10px !important;
}

.slideText h3 {
	color: #ffffff;
	font-size: 20px !important;
}

.slideText p {
	font-size: 15px;
}

.homeWidgets {
	padding-bottom: 25px;
}

.homeWidgets .widgetBox h3{
	height: 30px;
	background-image: url('images/bullet.png');
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 40px;
	padding-top: 10px;
	font-size: 20px;
}

.homeWidgets .textwidget {
	line-height: 1.7em;
	font-size: 15px;
}

.oneThird {
	width: 303px;
}

#main h1,h2,h3 {
	font-family: "DIN-Regular", "Open Sans", sans-serif;
}

#footer {
	color: #333333;
	font-size: 15px;
}

#footer .secondary .inside {
	width: 895px;
}

/*Column Shortcodes------------------*/

.one_half{ width:48%; }
.one_third{ width:30%; }
.two_third{ width:65.33%; }
.one_quarter { width: 22%; }
.three_quarter { width: 72%; }
.one_half,.one_third,.two_third,.one_quarter,.three_quarter{ position:relative; margin-right:3%; float:left; }
.last{ margin-right:0 !important; clear:right; }
.clearboth {clear:both;display:block;font-size:0;height:0;line-height:0;width:100%;}

/*Infobox Shortcode------------------*/

.infobox {
	margin: 20px 0px;
	padding: 10px;
	background-color: #EBF2D2;
}

.infobox p {
	margin: 0;
}



/*Über uns Slideshow------------------*/
#slideshowPortrait {
	background: #fff;
	position: relative;
	z-index: 1;
	margin: 0 auto;
	width: 100%;
	padding: 0;
	height: 300px;
	margin-bottom: 30px;
}