/*  
Theme Name: Susann Bosshard-Kälin - ZWEI
Theme URI: 
Description: SteckDesign-Template.
Version: 2.0 - Platzhalter
Author: steckdesign.ch
Author URI: http://www.steckdesign.ch

 */

@import url("fontfacekit/stylesheet.css");

body {
	font-family: 'AllerLightRegular', Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 1.6;
	color: #333333;
	background-color: #F5F6F7;
	height: 100%;
	overflow: auto;
}

html { 
	height: 100%; 
	}
	
img, 
object, 
embed {
max-width: 100%;
}
.ngg-gallery-thumbnail img {
width: 75px;
height: 75px;
max-width:75px;
}


/* --------------------------------------------------- */

#ie_hinweis {
	display: block;
	font-size: 1.2em;
	color: #C00;
	margin-left: 5em;

}

#ie_hinweis a {
	color: #000;
	text-decoration: underline;
}

/* --------------------------------------------------- */
/*** Padding ***/
/* --------------------------------------------------- */
.pl10 {
	padding-left: 10px;
}
.pl22 {
	padding-left: 22px;
}
.pl30 {
	padding-left: 30px;
}
.pl40 {
	padding-left: 40px;
}

/* --------------------------------------------------- */
/*** Farben ***/
/* --------------------------------------------------- */
h1,
h2,
h3,
h4,
h5,
h6 {
	/*color: #900;*/
	margin: 0px;
	padding: 0px;
}



/* --------------------------------------------------- */

h1,h2,h3,h4,h5,h6 {
	font-family: 'AllerRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}

h1 {
	font-size: 21px;
	margin-bottom: 8px;
	line-height: 32px;
	font-weight: normal;
	letter-spacing: 0em;
	margin-top: 4px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size: 17px;
	font-weight: normal;
	line-height: 21px;
	margin-top: 4px;
}
h4 {
	font-size: 15px;
	font-weight: normal;
	line-height: 19px;
}
h5 {
	font-size:13px;
	line-height: 20px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
h6 {
	font-size:13px;
	line-height: 18px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
}
strong {
	font-family: 'AllerRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
}
em {
	font-family: 'AllerLightItalic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-style: normal;
	font-variant: normal;
}

/* --------------------------------------------------- */
.color {
	background-color: #FF9;
}
.color2 {
	background-color: #9FC;
}
.color3 {
	background-color: #CCF;
}

/* --------------------------------------------------- */
a, a:visited {
	color: #333333;
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	color: #FFF;
}



/*-------------------------------------------------------------------------------------------*/
/*** Breiten ***/
/*-------------------------------------------------------------------------------------------*/
#top {
	height: 165px;
}

#feder {
	height: 167px;
	width: 320px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(images/feather_clip.png);
	background-repeat: no-repeat;
	background-position: center center;
	position: absolute;
	z-index: 10;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 70%;
}

.content-bg {
	background-attachment: scroll;
	background-image: url(images/boka-transparent-bg.png);
	background-repeat: repeat-y;
	background-position: left top;
	/* === */
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

#content-bg-left {
	background-image: url(images/boka-transparent-bg-left.png);
	background-position: 0 0;
	background-repeat: repeat-y;
	/* === */
	/*min-height:600px;*/
}
.content-bg-right {
	background-attachment: scroll;
	background-image: url(images/boka-bg-right.png);
	background-repeat: repeat;
	background-position: left top;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.content-bg-right-home {
	background-attachment: scroll;
	background-image: url(images/boka-bg-right.png);
	background-repeat: repeat;
	background-position: left top;
	/* === */
}


.content-left-inner-home {
	padding-top: 70px;
	padding-right: 23px;
}
.content-left-inner {
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
}
.content-main-inner-rechts {
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 30px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}

.content-main-inner {
	padding-top: 75px;
	padding-right: 0px;
	padding-bottom: 30px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}
.content-main-inner-home {
	padding-top: 75px;
	padding-right: 30px;
	padding-bottom: 10px;
	padding-left: 30px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 0px;
	-moz-border-radius-bottomleft: 0px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 0px;
	border-bottom-left-radius: 0px;
}


.main {
	padding-bottom: 50px;
}

.footer-bg {
	background-image: url(images/boka-transparent-bg-footer.png);
	background-repeat: repeat-y;
	background-position: center top;
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}

.footer-left {
	font-size: 12px;
	margin-top: 0px;
	color: #FFF;
	/*background-color: #A19419;*/
	padding-top: 10px;
	padding-bottom: 15px;
}
.footer-right {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
	/*background-color: #BCAB1A;*/
	padding-top: 10px;
}
.footer-right-home {
	font-size: 12px;
	margin-top: 0px;
	margin-bottom: 0px;
	color: #FFF;
	background-color: #BCAB1A;
	padding-top: 10px;
	padding-bottom: 15px;
	background-color:rgba(188,171,26,0.7);
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; /* IE8 in Standard Compliant Mode */
	filter: alpha(opacity=70); /* IE5.x -7.0 */
	-webkit-border-top-left-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 0px;
	-moz-border-radius-topright: 0px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}
.opacity {
	background-color: #BCAB1A;
	opacity: 0.6;       /* modern browser */
	-moz-opacity: 0.6;  /* older Mozilla browser */
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; /* IE8 in Standard Compliant Mode */
	filter: alpha(opacity=60); /* IE5.x -7.0 */
	color: #FFF;
}   
.opak {   
	background-color: #BCAB1A;
    opacity: 1.0;       /* modern browser */  
    -moz-opacity: 1.0;  /* older Mozilla browser */  
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* IE8 in Standard Compliant Mode */  
    filter:alpha(opacity=100); /* IE5.x -7.0 */  
}   

.floating {
	float: right;
}
#supersized object, 
#supersized embed,
#supersized img {
max-width: none;
}

/*-------------------------------------------------------------------------------------------*/
/*** Head ***/
/*-------------------------------------------------------------------------------------------*/
/*.head {
	margin-bottom: 20px;
	margin-top: 60px;
}*/
.logo {
	float: left;
	height: 54px;
	width: 234px;
	margin-top: 40px;
	margin-left: 0px;
}
.logo h1 {
	float: left;
	clear: none;
	overflow: hidden;
	display: inline; /* fix IE double width margin bug*/
	}

.logo h1 a {
	display: block;
	position: relative;
	width: 234px;
	height: 54px;
	color: #666;
	/*background: #fff;*/
	font-size: 2em;
	text-indent: -999px;
	}
	
.logo h1 a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/boka-logo.png);
	}
	
.logo h1 a#rollover:hover span { background-position: 0 -66px; }

.logo h1 a#rollover:focus span { background-position: 0 -66px; }

/* --------------------------------------------------- */
/*  Navigation */
/* --------------------------------------------------- */
.navigation {
}
.navigation-inner {
	padding-top: 83px;
}
ul#menu-hauptnavi {
	/*padding: 0px;
	list-style-type: none;
	margin: 0px;
	display: inline-block;*/
        /* For IE, the outcast */
        /*zoom:1;
        *display: inline;*/
    }

ul#menu-hauptnavi li,
ul#menu-aktuelles-3 li {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-right: 10%;
}
ul#menu-hauptnavi li a,
ul#menu-hauptnavi li a:visited,
ul#menu-aktuelles-3 li a,
ul#menu-aktuelles-3 li a:visited {
	font-family: 'AllerBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 110%;
	line-height: 100%;
	color: #FFF;
	text-transform: uppercase;
	letter-spacing: 2px;
	padding: 0px;
}
ul#menu-hauptnavi li a:hover,
ul#menu-aktuelles-3 li a:hover {
	color: #D6C100;
}


ul#menu-hauptnavi li.current-menu-item a,
ul#menu-hauptnavi li.current-category-ancestor a,
ul#menu-hauptnavi li.current-post-ancestor a,

ul#menu-aktuelles-3 li.current-menu-item a,
ul#menu-aktuelles-3 li.current-category-ancestor a,
ul#menu-aktuelles-3 li.current-post-ancestor a {
	color: #BCAB1A;
}
/* --------------------------------------------------- */
/*  Sub-Navigation */
/* --------------------------------------------------- */

.subnavigation-inner {
	padding-left: 0px;
}
.subnavigation-inner ul {
	list-style-type: none;
}
.subnavigation-inner ul,
.subnavigation-inner li {
	list-style-type: none;
	list-style-image: none;
}
.subnavigation-inner li a,
.subnavigation-inner li a:visited {
	font-family: 'AllerBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 2.2;
	color: #FFFFFF;
    }

.subnavigation-inner li a:hover {
	color: #D6C100;
    }
.subnavigation-inner li.current-menu-item a,
.subnavigation-inner li.current-post-ancestor a {
	color: #BCAB1A;
    }



/*ul#menu-portrait {
	list-style-type: none;
    }
ul#menu-portrait li a,
ul#menu-portrait li a:visited {
	font-family: 'AllerBold', Arial, Helvetica, sans-serif;
	font-weight: normal;
	list-style-type: none;
	text-transform: uppercase;
	letter-spacing: 2px;
	line-height: 2.2;
	color: #003E81;
    }

ul#menu-portrait li a:hover {
	color: #FFFFFF;
    }
ul#menu-portrait li.current-menu-item a {
	color: #A19419;
    }*/



/*-------------------------------------------------------------------------------------------*/
/*** Maincontent ***/
/*-------------------------------------------------------------------------------------------*/

.home-link{
	height: 100%;
	position: absolute;
	z-index: 10;
	display: block;
	width: 100%;
	max-width: 240px;
}
.home-link img {
	height: auto;
	width: 100%;
}

.post {
	margin-bottom: 30px;
}

.content-left-inner-home p {
	font-family: 'AllerLightItalic', Arial, Helvetica, sans-serif;
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	font-size: 18px;
	line-height: 1.65;
	color: #FFF;
}
.content-left-inner-home strong {
	font-family: 'AllerBoldItalic', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #D6C100;
}
.content-left-inner p {
	margin-bottom: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.content-main-inner ul {
	font-size: 15px;
	line-height: 1.6;
	margin-left: 20px;
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-image: none;
}
.content-main-inner li {
	/*margin-top: 4px;
	margin-bottom: 4px;*/
	list-style-image: url(images/listenpunkt.png);
}
ul#menu-projekte li {
	list-style-image: none;
	margin-top: 0px;
	margin-bottom: 0px;
}
.hentry.category-archiv li {
	margin-top: 5px;
	margin-bottom: 5px;
	list-style-image: url(images/listenpunkt.png);
}
.content-main-inner p {
	margin-bottom: 7px;
	margin-top: 7px;
	margin-right: 0px;
	margin-left: 0px;
}
.content-main-inner a,
.content-main-inner a:visited {
	text-decoration:none;
	font-weight: normal;
	background-color: transparent;
	background-image: url(images/dot_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}
.content-main-inner a:hover {
	color: #2D66BC;
	text-decoration:none;
	font-weight: normal;
	background-color: transparent;
	background-image: url(images/dot_bottom.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

.content-main-inner strong {
	/*font-family: 'AllerBold', Arial, Helvetica, sans-serif;
	font-weight: normal;*/
	/*color: #2D66BC;*/
}

/* alle löschen*/		.projekte-box li {
			/*max-width: 30.75%;*/
			width: 160px;
			margin-right: 2%;
			margin-bottom: 20px;
			/*display: inline-block;*/
			vertical-align: top;
			list-style-type: none;	/*background-color:rgba(130,111,26,0.7);*/
			float: left;
			height: 270px;
		}
		.projekte-box li h2 {
			font-size: 15px;
			line-height: 1.4;
			margin: 0px;
			padding: 0px;
		}
		.projekte-box li p {
			font-size: 13px;
			line-height: 1.4;
			margin: 0px;
			padding: 0px;
		}
		



.content-main-inner a.mehrButton {
	margin-top: 5px;
	position: absolute;
	bottom: 20px;
	right: 20px;
	-moz-box-shadow: inset 0px 1px 0px 0px #ffffff;
	-webkit-box-shadow: inset 0px 1px 0px 0px #ffffff;
	box-shadow: inset 0px 1px 0px 0px #ffffff;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf));
	background: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
	background: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf',GradientType=0);
	background-color: #ededed;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #dcdcdc;
	display: inline-block;
	color: #777777;
	font-size: 13px;
	padding: 3px 15px;
	text-decoration: none;
	text-shadow: 0px 1px 0px #ffffff;
	text-align: right;
	vertical-align: bottom;        
    }
    .content-main-inner a.mehrButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed));
        background:-moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:-ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
        background:linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed',GradientType=0);
        
        background-color:#dfdfdf;
    }
/*    .content-main-inner a.mehrButton:active {
	position: absolute;
	bottom: 20px;
	right: 20px;
	top: 1px;
    }
*/



.attachment-spalten-bild,
.spalten-bild {
	-webkit-border-top-left-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
}


/* Footer */
/* --------------------------------------------------- */
.footer-left p {
	padding-left:22px;
}

.footer-right p {
}
.footer-right a,
.footer-right a:visited,
.footer-right-home a,
.footer-right-home a:hover {
	color: #FFF;
	text-decoration: none;
}
.footer-right a:hover,
.footer-right-home a:hover {
	color: #333333;
	text-decoration: none;
}






/* --------------------------------------------------- */
/* Artikel-Bilder */
/* --------------------------------------------------- */
/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter, div.aligncenter {
    display:block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
	margin-top: 5px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0;
	vertical-align: top;
	display: inline-block;
	float: left;
	clear: both;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float:left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
	background: #fff;
	border: 1px solid #E6E6E6;
	max-width: 96%; /* Image does not overflow the content area */
	padding: 5px 3px 10px;
	text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 10px 10px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin:0;
    max-width: 98.5%;
    padding:0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size:11px;
    line-height:17px;
    margin:0;
    padding:0 4px 5px;
}




/*------------ Kontakt ------------------*/
/*.wpcf7-use-title-as-watermark {
	font-size: 11px;
	line-height: 11px;
}*/

.wpcf7 p {
	font-size: 11px;
	text-transform: uppercase;
	letter-spacing: 0.1em;
	line-height: 15px;
	margin-top: 6px;
	margin-right: 0px;
	margin-bottom: 6px;
	margin-left: 0px;	/*color: #FFFFFF;*/
}
.wpcf7-text {
	color: #000;
	font-weight: normal;
	margin-bottom: 0px;
	border-top-style: solid;
	background-color: transparent;
	font-size: 14px;
	line-height: 14px;
	/*font-family: 'QuicksandBook', Arial, Helvetica, sans-serif;*/
	font-weight: normal;
	padding-left: 5px;
	border: 1px solid #CCC;
	margin-top: 5px;
	margin-right: 0px;
	margin-left: 0px;
}
.wpcf7-text {
	width: 99%;
	height: 30px;
}
.wpcf7-text:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}

/* === === */
.wpcf7-textarea {
	font-size: 14px;
	line-height: 18px;
	font-family: 'OpenSansRegular', Arial, Helvetica, sans-serif;
	font-weight: normal;
	border: 1px solid #CCC;
	margin-top: 5px;
	padding: 5px;
}

.wpcf7-textarea {
	width: 99%;
	height: 90px;
}
.wpcf7-textarea:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
}


/* === === */
.wpcf7-captcha-captcha-625 {
	margin-top: 20px;
}
.captcha-82 input {
	width:120px;
		height: 40px;
}
.captcha-82 input {
	color: #451211;
	font-weight: normal;
	background-color: transparent;
	font-size: 15px;
	line-height: 15px;
	padding-left: 5px;
	border: 1px solid #CCC;
}
.captcha-82 input:hover {
	border-bottom-color: #451211;
}

/* === === */
.wpcf7-submit {
	width: 127px;
	height: 25px;
	background-color: #CCCCCC;
	color: #666;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 15px;
	line-height: 15px;
	margin-top: 0px;
	margin-bottom: 10px;
	float: left;
	cursor: pointer;
}
.wpcf7-submit:hover {
	color: #FFF;
	background-color: #451211;
}


span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
	text-transform: none;
	/*color: #b09751;*/
	letter-spacing: 0em;
	font-weight: normal;
}


/* `Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}



/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

/*	============================================= IPAD LANDSCAPE ====
*/
@media only screen and (max-width: 1024px) {



}

@media handheld, only screen and (max-width: 767px) {

	/*.row .boxgrid {
	width: auto;
	float: none;
	margin-left: 0px;
	margin-right: 0px;
	padding-left: 20px;
	padding-right: 20px;
	}*/
body {
	line-height: 1.4;
}
#top {
	height: 125px;
}
#feder {
	display: none;	
	/*height: 163px;
	width: 320px;
	padding: 0px;
	background-attachment: scroll;
	background-image: url(images/feather_clip.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: 60% 60%;
	position: absolute;
	z-index: 10;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 50%;*/
}

ul#menu-hauptnavi li,
ul#menu-aktuelles-3 li {
	list-style-type: none;
	display: inline-block;
	padding: 0px;
	margin: 0px;
	margin-right: 5%;
}
	
.content-left-inner-home {
	padding-top: 10px;
	padding-right: 0px;
}
.content-main-inner {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 20px;
}
.content-main-inner-rechts {
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 00px;
}
.post {
	margin-bottom: 0px;
}


.logo {
	float: left;
	/*height: 54px;
	width: 234px;*/
	margin-top: 10px;
	margin-left: 0px;
}
.logo h1 {
	float: left;
	clear: none;
	overflow: hidden;
	display: inline; /* fix IE double width margin bug*/
	}

.logo h1 a {
	display: block;
	position: relative;
	width: 234px;
	height: 49px;
	color: #666;
	/*background: #fff;*/
	font-size: 2em;
	text-indent: -999px;
	}
	
.logo h1 a span {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 100%;
	height: 100%;
	background: url(images/boka-logo-highres.png);
	background-size: 234px 108px;
	}
	
.logo h1 a#rollover:hover span { background-position: 0 -59px; }

.logo h1 a#rollover:focus span { background-position: 0 -59px; }



.pl22 {
	padding-left: 0px;
}
.floating {
	float: right;
}


}

/* ============================= */
/* ! Layout for mobile version   */
/* ============================= */

@media handheld, only screen and (max-width: 540px) {

.pl22 {
	padding-left: 0px;
}
.floating {
	float: right;
}



}

/* ========================================== */
/* ! Provide higher res assets for iPhone 4   */
/* ========================================== */

@media only screen and (-webkit-min-device-pixel-ratio: 2) { 

/*	.logo {
		background: url(logo2x.jpg) no-repeat;
		background-size: 212px 303px;
	}*/

}