/******************************************************************
Theme Name: t02310
Theme URI: http://www.netzprinz.ch/
Description: The t02310 template was built using the Bones Development Theme.
Author: Netzprinz / Eddie Machado
Author URI: http://www.netzprinz.ch/
Version: 0.4
Tags: html5, css3, development, responsive, media queries, mobile
******************************************************************/


body { font-family: Georgia,"Hiragino Mincho Pro",serif; font-size: 1em; line-height: 1.4em; color: #000000; -webkit-font-smoothing: antialiased; -webkit-text-size-adjust: none; }

/*-------- Layout Columns -----------*/

#columnright_01, #columnright_02, #columnleft_01, #columnleft_02, #columnleft_03  { margin: 0; }
#columnleft_01 .widget, #columnleft_02 .widget, #columnleft_03 .widget { padding-right: 2em; }

#inner-content { margin-top: .3em; }

.wrap, #container {  width: 978px; margin: 0 auto; }


/*-------- Footer -----------*/

footer[role=contentinfo] { margin-top: 3em; width: 100%; }

#inner-footer { border-top: 1px dashed #999999; }

#inner-footer h3 { font-size: 1em; font-family: Georgia,"Hiragino Mincho Pro",serif;  font-weight:normal; margin: .2em 0 .2em 0; padding: 0;}

#footerleft ul, #footerright ul {  list-style: none !important; margin:0; }

#footerright li.widget-container {
	display: block;
	float: left;
	width: 29%;   /*--- depends the number and size of widgets----*/
	margin: 1.6em 1em .5em 0;
}

#footerbottom { margin: 0 0 2em 0; clear: both;}
#footerbottom ul { font-size: 0.8em; padding-top: .6em;  border-top: 1px dashed #999999;  }
#footerbottom li { list-style: none; float: left; }
#footerbottom .widgettitle { display:none; }
#footerbottom ul li:last-child { float: right; }

#footerwidget_wrapper li.widget-container:last-child { margin-right: 0em;}

#footerleft .widget_search { margin: 1.6em 0 2em 0;  }
.widget_search input.search_input { width: 55%; margin-bottom: 1em; }

#menu-footer-menu li.current-menu-item a, 
#menu-footer-menu li.current_page_item a,
#menu-footer-menu li.current-menu-parent a { color: #999999; }

/*--------------- Header, Headernavigation ---------------------*/

#inner-header { padding: 2em 0 1em 0; border-bottom: 1px dashed #999999; }

#logo { padding: 0; margin: 0 0 .4em 0; }
#logo img { width: 250px; height: 87px; border: none; padding-bottom: 32px;} /*--215px x 109px--*/

#headernavigation,
#headernavigation ul { margin: 0; }

#headernavigation .widget_nav_menu { float: left; margin: 0; display: block; } 

 /*--- hack wegen sehr unterschiedlichen Titelbreiten ----*/ 
#nav_menu-4 {width: 25%; } 
#nav_menu-3 {width: 21%; } 
#nav_menu-2 {width: 31%; } 
#nav_menu-5 {width: 23%; } 

#headernavigation .widgettitle { font-size: 1em; font-family: Georgia,"Hiragino Mincho Pro",serif; margin: 0; padding: .3em .6em .4em 0; }

#headernavigation .menu-item { padding: .1em 0 .2em 0; }

#headernavigation a, #headernavigation .sub-menu a { 
	-webkit-transition:background-color .125s linear; 
	color: #307200;
	display: block;
	margin-left: -.5em; 
	padding-left: .5em;
}

#headernavigation a:hover { color: #307200; background-color: #f5f5f5; text-decoration: none;  }
#headernavigation ul li.current-menu-item a,  #headernavigation ul li.current_page_item a { color: #999999; }

#headernavigation_left .widgettitle {display:none; }
#headernavigation_left ul { list-style: none; display: block; margin: 0; padding:0 1em 0 0; }
#headernavigation_left ul li.menu-item { padding: .1em .6em .1em .6em; margin: 0 0 .2em 0; }

/*---------------- LINK STYLES ----------------------*/

a { color: #307200; text-decoration: none; }
a:visited { color: #307200; text-decoration: none; }
a:hover, a:focus { color: #307200; text-decoration: underline; }
a:active {} /* on click ?? */
a:link { -webkit-tap-highlight-color : rgba(0,0,0,0); /* this highlights links on Iphones / iPads */ }

a.email:link {
	color: #000000;
	border-bottom: 1px solid #dedede;
	word-wrap: break-word;
}

a.black:link {
	color: #000000 !important;
	word-wrap: break-word;
}

a.black:visited {
	color: #000000 !important;
}

a.black:hover {
	text-decoration:none;
}

a.extern:link {
	color: #000000;
	border-bottom: 1px solid #dedede;
	padding: 0 0 0 18px;
	word-wrap: break-word;
	background: url(library/images/icoset_02.png) no-repeat  -549px -34px;
}

a.extern:visited, a.pdf:visited {
	color: #666666 !important;
	border-bottom: 1px solid #dedede;
}

a.extern:hover, a.extern:focus, a.pdf:hover, a.pdf:focus,
a.email:hover, a.email:focus, a.black:focus, a.black:hover { color: #307200; text-decoration: none; border-bottom: 1px solid #307200; }

a.pdf:link {
	color: #000000;
	border-bottom: 1px solid #dedede;
	background: url(library/images/icoset_02.png) no-repeat  -546px -6px;
	padding: 0px 0px 0px 18px;
}

.toplink {	                 /*--- go to top with arrow  ----*/

	margin: 4em 0 4em 0;
	display: inline-block;
	background-position: -213px -17px;
	padding: 31px 47px 53px 43px;
	background-image: url(library/images/icoset_arrows_03.png);
	opacity: 0.2;
	background-repeat: no-repeat;

}
a.toplink:hover { opacity: 0.4; text-decoration: none; }

h1 a, .h1 a, h2 a, .h2 a, h3 a, .h3 a, h4 a, .h4 a, h5 a, .h5 a { text-decoration: none; color: #000000; }
h1 a:hover, .h1 a:hover, h2 a:hover, .h2 a:hover, h3 a:hover, .h3 a:hover, h4 a:hover, .h4 a:hover, h5 a:hover, .h5 a:hover
{ border-bottom: 1px solid #000000; text-decoration: none; color: #000000; padding-bottom: 0; }


/*--- Links without changing visited color ---*/

#menu-footer-menu a:visited,
#footerbottom a:visited,
.widget_categories a:visited,
a.email:visited,
.menu-hauptmenu-container a:visited { color: #307200; text-decoration: none; }




/*------------------------------------ Post Lists---*/

div.postlist {
	margin: 0 0 0 0;
	padding: 0;
	display: inline-block;
	width: 100%;
	clear: both;
}

div.postlist a.more_link {
	display:none;
}

.has_thumb .postlist_thumb {
	margin: .4em 1em 0 0;
	float:left;
}

h2.postlist {
	padding: 0 0 0 0;
	margin: 0 0 -.3em 0;
	font-size: 1.863em;
	line-height: 110%;
}

.postlist_box {
	float: left;
	margin: 0 2px -3px 0;
	display: inline-block;
}

.postlist_box_wrapper {
	clear: both;
	display: inline-block;
}

a.postlink_link { color: #000000; border-bottom: 1px solid #ffffff; text-decoration: none;  }
a.postlink_link:visited { color: #666666; text-decoration: none; }
a.postlink_link:hover  { color: #000000 !important; border-bottom: 1px solid #307200; }




.tagcloud a {
	padding: .3em .9em .3em .9em;
	margin: 0 1px 2px 0;
	border: 1px solid #5376b2;
	font-size: 1em;
	display: inline-block;
	}

.tagcloud {
	padding: .2em .2em 0em 0em;
	margin-bottom: 2em;
	}

.tagcloud a:hover{ background-color: #dedede; text-decoration: none; }
.tagcloud a:visited { border: 1px solid #cccccc; }

/*------------- BODY class related -------------*/

body.archive section p { padding-bottom: 0em; margin: -.5em 0 0 0; }
body.archive section.post_content { margin:0; }
body.archive .meta { margin: .1em 0 0 0; border: none; }
body.archive.tag { color: #000000; }
body.archive .documentinfo { font-size: 1em; }
body.author article { margin: 4em 0 0 0; }

body.single-format-image header h1,
body.single-format-image #menu-hauptmenu,
body.single-format-image #respond,
body.single-format-image #banner_image,
body.single-format-image section .documentinfo,
body.single-format-image nav { display: none !important; }  
body.single-format-aside .documentinfo,
body.single-format-aside #comments,
body.single-format-quote .documentinfo,
body.single-format-quote #comments { display: none !important; }

body.single-format-standard #columnleft_03  { margin-top: 6em; }

body.search-no-results #footerleft .widget_search { display: none; } 
body.error404 #footerleft .widget_search { display: none; } 

body.single-format-aside #columnleft_01 { display: none !important; }

body.single-format-aside .single_title { display: none !important; }
body.single-format-aside #main {  width: 100%; margin: 0; }

body.single-format-video embed,
body.single-format-video .video_embed { width: 100%; height: 500px ! important; margin: 1.5em 0 1.5em 0; }

/*------------- Heading H1, H2, H3, H4, H5 -------------*/

h1, .h1, h2, .h2, h3, .h3, h4, .h4, h5, .h5  { 
	font-family:Georgia,"Hiragino Mincho Pro",serif;
	font-weight:normal;
	-webkit-font-smoothing: antialiased; 
	line-height: 110%; 
	margin: 0;
}

h1, .h1 { font-size: 2.165em; margin: 1em 0 0.9em 0; letter-spacing: 0.0cm;} /*--2.283--*/
h2, .h2 { font-size: 1.6609em; margin: 1em 0 .6em 0;  } /*--1.9609em--*/
h3, .h3 { font-size: 1.4em;  margin: 1em 0 .4em 0; }
h4, .h4 { font-size: 1em; font-family: Georgia,"Hiragino Mincho Pro",serif;  font-weight:normal;}
h5, .h5 { font-size: 1em; font-family: Georgia,"Hiragino Mincho Pro",serif; font-weight:normal; letter-spacing: 0.03cm;}

.archive_title { padding: 0 0 1em 0; font-size: 2.2em; }
.single_title { margin: 1em 0 .5em 0; }

.archive_subtitle { font-size: 0.4em; display: block; padding: 0; margin-bottom: -.7em;  }
.archive_subtitle_top { font-size: 0.4em; display: inline-block; padding: 0; margin: 1em 0 0 0; border: 0px solid #dedede; background-color: #ffffff; } 

/*------------------- WIDGETS  related-----------------------------*/

.widget { padding: 0; margin: 0 0 2em 0; } 

h3.widgettitle { padding: .6em 0 .5em 0; margin: 0;}

#columnright_01 h3.widgettitle,
#columnright_02 h3.widgettitle { padding: .5em 0 .4em 0; margin: 2em 0 0 0; border-top: 1px solid #cccccc; }

.widget li ul { margin-top: 0.2em; padding-left: 1em; }
.widget-container ul li a { margin-top: 0;  line-height: 1.6em; padding-left: 0em; }

.postal-code, .country-name, .locality { display: none; }  /*---- for Vcard in footerbottom ---*/





/*------------------- DIVERSES  -----------------------------*/

div#filme_unten { display: none; }

.display_none { display:none; }
.mobile-hides { display:none; }

big { font-size: 1.5em; }
hr { clear:both; border:0px; border-top:1px dashed #cccccc; max-width:100%; height:0px; }

.top_00 { margin-top: 0 !important; }
.top_01 { margin-top: 1em !important; }
.top_01n { margin-top: -1em !important; }
.top_02 { margin-top: 2em !important; }
.top_02n { margin-top: -2em !important; }
.top_03 { margin-top: 3em !important; }
.top_04 { margin-top: 4em !important; }
.top_06 { margin-top: 6em !important; }
.top_08 { margin-top: 8em !important; }

.bottom_00 { margin-bottom: 0em !important; }
.bottom_01n { margin-bottom: -1em !important; }
.bottom_005 { margin-bottom: .5em !important; }
.bottom_01 { margin-bottom: 1em !important; }
.bottom_02 { margin-bottom: 2em !important; }
.bottom_04 { margin-bottom: 4em !important; }
.bottom_05 { margin-bottom: 5em !important; }
.bottom_08 { margin-bottom: 8em !important; }

.left_05 { margin-left: 5em !important; }
.left_10 { margin-left: 10em !important; }

.center { text-align: center !important; }

mark { background-color: #feffcb; margin: 0 2em .3em 0; padding: .2em 0 .2em .4em;  width: 100%; }

.legende { margin: -.5em 0 2em 0; padding: 0 1em 0 0; font-size: .9em; line-height: 1.5em; display: block; }
.source_info { padding: .1em 1em .7em 0em; }

.help, .error, .success { margin: 2em 0 2em 0; padding: 1em 2.5em 1em 2em; }

.help { border-left: 6px solid #ffe94f;  background: #fffbc8; }
.info { background: none; margin: 30px 0 10px 0; padding: 0em;}
.error { border-left: 6px solid #fbc2c4; background: #fbe3e4; }
.success { border-color: #c6d880; background: #e6efc2; } 

.screen-reader-text { position: absolute; left: -9000px; z-index:1000; top:-9000px;margin:0;padding:0;}

.bullets li { list-style: disc !important; margin: 0 0 0 1em; }
.bullets li h3, .bullets_02 li h3 { font-size: 1em; font-weight: bold; font-family: 'Open sans', sans-serif; margin: 0 0 -1em 0; }
.bullets_02 { list-style: none !important; }
.bullets_02 li ul li { list-style: circle !important; margin: 0 0 0 3em; }

code {  font-family: Consolas, "Courier New", Courier, monospace; font-size: .8em; }

.date { font-size: 90%; margin: 0 0 1em 0; font-weight: normal; }
.small_block { font-size: 0.8em; line-height: 145%; margin: -.7em 0 0 0; }

.widget_recent_entries li { list-style: square; margin: 0 0 0 1.25em; padding: 0; color: #cccccc; }

blockquote.box {
	padding: 1em 1em 1em 1em;
	margin: 0;
}

blockquote.box p { padding: 0; margin: 0; }

blockquote.docu_message { padding: .1em 1em .1em 1em; margin: 1em 0 1em 0; }
blockquote.border { border-left: 6px solid #dedede;  padding: 0em 1em 0em 1em; margin: 0; }

.tooltip {
	display:none;
	position:absolute;
	border:1px solid #666666;
	background-color:#666666;
	border-radius:5px;
	padding:5px 10px 5px 10px;
	color:#ffffff;
	font-size:.9em;
}

body.page-id-76 .alignnone { width: 100px; margin: 0.3em .5em 1em 0;  display: inline-block; }   /*  img Zertifikate  */



/*----- Background Colors  ---------------*/

.grey { background-color: #e5e5e5 !important; }
.green { background-color: #78ae1b !important; }
.blue { background-color: #8887bd !important; }


/*--------------- POSTS & CONTENT STYLES  ---------------*/

.post_content { 
	font-size: 122%;
	line-height: 142%;
}

.post_content img { max-width: 100%; }

.alignleft, img.alignleft { margin-right: 1.5em; display: inline; float: left; }
.alignright, img.alignright { margin-left: 1.5em; display: inline; float: right; }
.aligncenter, img.aligncenter { margin-right: auto; margin-left: auto; display: block; clear: both; }
			
.post_content object { max-width: 100%; }

.post_content ul li { margin-left: 2.5em; }

.meta           { margin: 4em 0 0 0; padding: 0; border-top: 0px solid #cccccc; }
.documentinfo { padding: 1.1em 0 .1em 0; display: inline-block; }

#socialbuttons {  list-style: none; float:left; padding: 0; }
#socialbuttons li { float: left; margin: 0 1em 0 0; padding: 0; }
.socialbuttons_wrapper { width: 171px; overflow:hidden; margin: 0; padding: 0;height: 25px; }
ul.socialbuttons_smallbox { margin: 0 -200px 0 0 !important; }
ul.socialbuttons_smallbox li { float:left; list-style: none; padding: 0 1em 0 0; }

/*------ Grid Options down here, where they are usable -------*/

	/* layout options ( all have margins right & left of 1%) */

	.col60  { width: 6.3829787%; } /* width 60px  / grid_1  */
	.col140 { width: 14.893617%;  } /* width 140px / grid_2  */
	.col220 { width: 23.404255%;  } /* width 220px / grid_3  */
	.col300 { width: 31.914894%;  } /* width 300px / grid_4  */
	.col380 { width: 40.425532%;  } /* width 380px / grid_5  */
	.col480 { width: 48.936170%;  } /* width 480px / grid_6  */ 
	.col540 { width: 57.446809%;  } /* width 540px / grid_7  */
	.col620 { width: 65.957447%;  } /* width 620px / grid_8  */
	.col700 { width: 74.468085%;  } /* width 700px / grid_9  */
	.col780 { width: 82.978723%;  } /* width 780px / grid_10 */
	.col860 { width: 91.489362%;  } /* width 860px / grid_11 */
	.col940 { width: 100.0%;  } /* width 940px / grid_12 */
	
	/* layout & column defaults */
	.col60, .col140, .col220, .col300, .col380, .col480, .col540, .col620, .col700, .col780, .col860, .col940 { 
		display: inline; 
		position: relative;
		margin-left: 1.0638298%;   /* 10px */ 
		margin-right: 1.0638298%;  /* 10px */
	}
	
	/* floats */
	.left { float: left; }
	.right { float: right; }
	
	/* default styles & fixes */
	.first { margin-left: 0; } /* fixes alignment */
	.last { margin-right: 0; } /* fixes alignment */
	.middle { float: left; margin: 0 1.05% 0 1.05%; } /* fixes alignment */



/*----------------  PAGE NAVI STYLES  -------------------*/

.page-navigation, .wp-prev-next { margin: 1.1em 0 2.2em; }

ol.t02310_page_navi, .wp-prev-next ul { }

.t02310_page_navi li { float: left; margin-left: .3em; } 

.t02310_page_navi li a {
	color: #000000;
	padding: .8em 1.5em .8em 1.5em;
	display: block;
	text-decoration: none;
	border: 0px solid #dedede;
	background: rgba(234, 234, 234, 1.0);
	position: relative;
	}

.t02310_page_navi li a:hover {
	text-decoration:none;
	background-color: #dedede;
	}

.t02310_page_navi li.bpn-current { 
	padding: .8em 1.5em .8em 1.5em;
	border: 0px solid #000000;
	background: rgba(206, 206, 206, 1.0);
	position: relative;
	font-weight: bold;
	color: #ffffff;
	}

	
	/* fallback previous & next links */
	.wp-prev-next {}
		.wp-prev-next ul {}
			.wp-prev-next .prev-link { float: left; }
			.wp-prev-next .next-link { float: right; }







/*-------------- COMMENT STYLES ---------------------*/

#comments { margin: 0 0 4em 0; } 
#comment-nav select { display: none; }
.commentlist li {
	position: relative;
	clear: both;
	list-style-type: none;
	margin: 0 0 1.5em 0;
	padding: 0;
	}

	.commentlist li[class*=depth-] { margin-top: .5em; border-top: 1px dashed #cccccc; }
	.commentlist li.depth-1 { margin-left: 0em; margin-top: .5em; }
	.commentlist li.depth-2 { margin-left: 4em; margin-top: .5em; }
	.commentlist .vcard cite.fn {  font-style: normal; font-weight: bold; border-left: 0px solid #cccccc; background-color: #ffffff; display: inline-block; padding: .15em .7em .15em 0;  }
	a.url, .comment-reply-link { color: #ffffff !important;  }
	a.url:visited, .comment-reply-link:visited { color: #000000 !important;  }
	a.url:hover, .comment-reply-link:hover { text-decoration: none; }
	.commentlist .vcard time { margin-left: 10px; }
	.commentlist .vcard time a { color: #000000; text-decoration: none; }
	.commentlist .vcard time a:hover { text-decoration: underline; }
	.commentlist li .comment_content { margin-left: 0px; }
	.commentlist li ul { margin: 0; }		
	.reply_wrapper {  float: right;  margin: 0 0 4em 2em; }

	.comment_content { margin: 0 0 -2em 0; padding: 0 3em 0 0; }

#comment-form-title {
	margin: -.3em 2.5em 0 -2em;
	padding: .5em 2em .5em 1.9em;
	font-family: 'SPECIALFONT', sans-serif; 
	font-weight:normal;
	background-color: #e5e5e5;
	font-size: 1em;
	display: inline-block;
	float: left;
}

.comments-logged-in-as { margin: -1.1em 0 0 -2em; padding: .5em 2em .5em 1.9em; }

/*------------ COMMENT FORM STYLES + NORMAL FORM STYLES ---------------*/

input, textarea {
	display: inline-block;
  	padding: 7px;
	margin-bottom: .5em;
  	border: 1px solid #cccccc;
  	border-radius: 2px;
	line-height: 1.3em;
	}

body.search #inner-content .search_input,
body.error404 #inner-content .search_input { width: 280px; }

input:focus, textarea:focus {
  	outline: 0;
  	border-color: rgba(0, 0, 0, 0.5);
  	-webkit-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 142, 177, 0.5);
  	-moz-box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 142, 177, 0.5);
  	box-shadow: inset 0 1px 3px rgba(0, 0, 0, 0.1), 0 0 8px rgba(130, 142, 177, 0.5);
	}

.btn {
	cursor: pointer;
  	display: inline-block;
  	padding: .5em 1.5em .46em 1.5em;
  	-webkit-border-radius: 2px;
  	-moz-border-radius: 2px;
	border-radius: 2px;
	text-align: center;
	font-weight: normal;
}

.btn.small  {
	padding: .3em 1em .3em 1em;
	font-size: 0.8em;
}

.btn.b02 {
	background-color: #999999;
	border: 1px solid #888888;
	color: #ffffff;
	-webkit-user-select: none;
  	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
     	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.btn.b02:hover, input.btn.b02:focus {
	background-color: #666666;
	border-color: #333333;
	color: #ffffff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.btn.b01 {
	background-color: #448444;
	border: 1px solid #396c39;
	color: #ffffff;
	-webkit-user-select: none;
  	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
     	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.07);
}

.btn.b01:hover, input.btn.b01:focus {
	background-color: #396f39;
	border-color: #305b30;
	color: #ffffff;
	-webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
}

.respond-form { 
	padding: .3em 4em .5em 2em;
	background-color: #f5f5f5;
	border: 1px solid #e5e5e5; 
	}

#respond.help { 
	margin: 1.5em 0 0 0;
	border: 1px solid #cccccc;
	padding: 1em 1em 1em 1em;
	background-color: #f1f1f1;
	}
		
.respond-form form[method=post] { margin: 0.75em 0; }
.respond-form form[method=post] li { list-style-type: none; }
.respond-form form[method=post] li label, .respond-form form[method=post] li small { float: none; }

.field_medium { display: block; width: 70%; }
label {margin: 2.5em 0 .3em 0; display: block; }

.respond-form textarea { height: 150px; width: 100%; }
		
/* --form validation ---*/
.respond-form input:invalid,
.respond-form textarea:invalid {
	border-color: #fbc2c4;
	background: #fbe3e4;
	outline: none;
	box-shadow: none;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	background-color: #fff5f8;
	}	
	
	/* no comments */
	.nocomments { display: none; }


/*********     DESKTOP ONLY     ***********************/

@media only screen and (min-width: 993px) {

div#filme_spacer {width:1px; height:30px;}

div#filme {
	position: absolute;
	width: 655px;
	height: 26px;
	line-height: 26px;
	left: 330px;
	top: 141px;
}

div#filmicon1, div#filmicon2, div#filmlink1, div#filmlink2, div#filmlink3, div#filmicon3 { 
	display: inline; 
	height: 26px;
	line-height: 26px;
	vertical-align: middle;
}

div#filmlink1 a, div#filmlink2 a, div#filmlink3 a { position:absolute; padding-bottom: 17px; }

div#filmlink2 a { padding-left: 3px; }

div#filmlink3 a { padding-left: 3px; }

div#filmicon2 { margin-left: 166px; }

div#filmicon3 { margin-left: 215px; }

} /* END OF MEDIA QUERY DESKTOP ONLY */


/*********     IPAD FILME FIX   ***********************/

@media only screen and (min-device-width : 768px) and (max-device-width : 1060px) and (orientation : landscape) { 
div#filme {
	position: absolute;
	width: 650px;
	height: 26px;
	line-height: 26px;
	left: 300px;
	top: 141px;
	}
}

/*********     BASE MOBILE STYLES    CYAN  ***********************/

@media only screen and (min-width: 120px) and (max-width: 760px) {

div#filme_unten { display: inline; }
div#filme { display: none; }

.wrap, #container {  width: 99%; margin: 0 auto; }

#inner-content { margin-top: 1em; }
#inner-header { padding: .5em 0 0 0; border-bottom: 0px dashed #999999;}
#logo { padding: .5em 0 0 1.3em; margin: 0 0 0 0; margin-bottom: 0em; }
#logo img { width: 160px; height: auto; border: none; }

.top_01 { margin-top: .1em !important; }
.top_03 { margin-top: 1em !important; }
.event_date {  margin: 0 0 .1em 0;}

.post_content { 
	font-size: 110%;
	line-height: 136%;
}

/*------------ Headernavigation Accordion for Mobile ---------------*/

#headernavigation,
#headernavigation ul { float: none; width: 100%; display:block;  }
#headernavigation .widget_nav_menu { float: left; margin: .1em 0 .1em 0; display: block; width: 100%; } 
#headernavigation .widgettitle { border-radius: 3px; font-size: 1.1em;  margin: 0 0 0 0; padding: .6em .6em .6em 1em; cursor: pointer; color: #ffffff; background-color: #999999; letter-spacing: 0.025cm;}
#headernavigation .widgettitle:hover { color: #ffffff; background-color: #107036; opacity: 0.9; } 

#headernavigation h2.widgettitle.ui-state-active { background-color: #127a3b !important; }

#headernavigation ul li.current-menu-item a, #headernavigation ul li.current_page_item a { color:  #000000; background: none; }

 .ui-icon { float: right; }

.ui-icon-circle-arrow-e {
background-position: -98px -69px;
padding: 20px 20px 4px 10px;
background-image: url(library/images/icoset_arrows_white.png);
opacity: 0.4;
}

.ui-icon-circle-arrow-s {
background-position: -98px -37px;
padding: 20px 20px 4px 10px;
background-image: url(library/images/icoset_arrows_white.png);
opacity: 0.4;
}

#headernavigation .menu-item { border-radius: 3px; margin:2px 0 2px 0;  padding: .4em .3em .4em 2em; background-color: #d5e8d7; font-size: 1.4em; letter-spacing: 0.02cm; }
#headernavigation li.menu-item:hover,
#headernavigation li.menu-item a:hover { cursor: pointer; background-color: #bed5c1; opacity: 1; color: #000000; }
#headernavigation ul li.current-menu-item { color: #000000; background-color: #d5e8d7; }
#headernavigation li.current-menu-item:hover,
#headernavigation li.current-menu-item a:hover { color: #000000; cursor: none; background-color: #d5e8d7; opacity: 1; }
#headernavigation_left ul { margin: 0; padding:0 1em .5em 0; }


#columnleft_01, #columnleft_02, #columnleft_03  { display: block; }

#main {  float: none; clear: both; }

body.single-format-video embed { width: 100%; height: 240px !important; margin: 0 0 1em 0; }
body.page-id-74 .col300 h2 { font-size: 4.2em; margin: -.25em 0 .2em 0 !important; text-align: center; }

.respond-form { padding: .1em 2em 0 .8em; }

h1, .h1 { font-size: 2.1em; margin: 0 0 .5em 0; }
h2, .archive_title { font-size: 1.8em; padding-right: 0em; margin-bottom: 1em; }
.post_content h3 { font-size: 1.4em !important; }
h2.postlist { font-size: 1.3em; margin: .2em 0 -.5em 0; }

.field_medium { display: block; width: 100%; }

.meta           { margin: 2em 0 0 0;  }
.documentinfo { margin: 0 0 2em; padding: .9em 0 .1em 0; float: none; clear: both; border-top: 1px solid #cccccc; width: 100%; }


/*-------- Columns -----------*/
#columnleft_01 { float: none; clear: both; margin: -2em 0 0 0 !important; width: 100% !important; }
.col220 { clear:both; width: 100%; margin-left: 0;  }
.col300 { clear:both; width: 100%; margin-left: 0;  } 
.col480 { clear:both; width: 100%; margin: 0 2em 0 0;  }
.col620 { clear:both; width: 100%;  margin-left: 0; }
.col_line_right, .col_line_left { border: none; margin:0; padding: 0; }
.col300box { clear:both; width: 100%;  margin-left: 0; }

.C4-1, .C4-2, .C4-3, .C4-4, .C3-1, .C3-2, .C3-3 { clear:both; display: block; width: 100%; margin: 0 0 2em 0;  }

.left { float: none; }
.right { float: none; }
.middle { float: none;  }

/*------- Widgets --------------*/
.widget_search { margin: 3em 0 2em 0;  }

/*------- Footer --------------*/
#footerleft,
#footermiddle,
#footerright,
#footerbottom 	{ clear:both; margin: 1em 0 0 0;  float: none;  }
#footerbottom li,
#footerbottom ul li:last-child { clear: both; float: none; margin:0 0 .3em 0; padding: 0; }
#footerright li.widget-container {
	float: none;
	width: 100%;
	margin: 1.6em 1em .5em 0;
}
#footerleft .widget_search { margin: 1.5em 0 -.5em 0; }

#inner-footer { margin-top: 1em; border-top: 0px dashed #999; }

#footerright li.widget-container { 
	margin-top: 1em; border-top: 1px dashed #cccccc; padding-top: .3em;
}

ol li ul.children { margin-left: -4em; }
.comment_content { margin: 0 0 -4em 0; padding: .5em 1em .5em .7em; }

#comment-form-title {
	margin: -.1em 2.5em 0 -.8em;
	padding: .5em .8em .5em.7em;
	float: none;
}

/*------- IMG handling --------------*/

.wp-smiley {width: auto !important; }
.col300 img { border: none; padding: 0; max-width: 100%; }
.google-map,
.post_content object  { height: 300px; }
.has_thumb .postlist_thumb { max-width: 100px; }
body.page-id-86 .C3-1 img,
body.page-id-86 .C3-2 img,
body.page-id-86 .C3-3 img { width: 120px; float: left; margin: 1.5em .6em -2em 0; display: inline-block; }   /*  Fotos Ansprechpartner  */

.display_none { display:none; }

} /* end of media query */



/************     iPAD & TABLET PORTRAIT     YELLOW    ********************/

@media only screen and (min-width: 760px) and (max-width: 992px) {

div#filme {
    left: 296px;
    position: absolute;
    top: 6px;
    width: 300px;
}

div#filmlink1 { padding-right: 100px; }

div#filmicon1, div#filmicon2, div#filmlink1, div#filmlink2, div#filmlink3, div#filmicon3 { 
	position: absolute;
	height: 43px;
	line-height: 26px;
	vertical-align: middle;
}

div#filmicon2, div#filmlink2 { top: 36px; }

div#filmicon3, div#filmlink3 { top: 72px; }

div#filmlink1, div#filmlink2, div#filmlink3 { left: 43px; }

.wrap, #container {  width: 99%; margin: 0 auto; }

#inner-header { padding: 1em 0 1em 0;  }
#inner-content { margin-top: 1em; }

#headernavigation { float: none; clear: both; display: block; width: 100%; }
#headernavigation ul {width: 100%; margin:0; padding: 0; }
#headernavigation_left { width: 100%; float: none; clear: both;  display: block; }
#headernavigation_left ul { width: 100%; display: inline-block; margin: 0; padding: 0; }
#headernavigation_left ul li { margin: 0; float: left; display: block; padding:0; width:70%; }
#headernavigation_left ul li:first-child { width:20%; margin-right: 2em; }

.google-map { height: 400px; }
.has_thumb .postlist_thumb { max-width: 120px; }
h2.postlist { font-size: 1.4em; margin: -.6em 0 -.6em 0; }

/*------- Footer --------------*/

#footerright li.widget-container {
	float: none;
	width: 100%;
	margin: .5em 1em .5em 0;
}
#footerleft .widget_search { margin: 1.5em 0 -.5em 0; }

#inner-footer { margin-top: 2em;}

#footerright li.widget-container { 
	margin-top: 1em;  padding-top: 0;
}

.widget_search input.search_input { width: 84%; }

} /* end of media query */




@media only screen and (min-width: 992px)  {
.wrap, #container {  width: 978px; margin: 0 auto; }      /*width: 95% ? */
}  

@media only screen and (min-width: 1120px) {
.wrap, #container {  width: 978px; margin: 0 auto; }      /*width: 90% ? */
}

@media only screen and (min-width: 1482px) {
.wrap, #container {  width: 978px; margin: 0 auto; }    /*width: 78% ? */
}

@media only screen and (min-width: 2000px) {
.wrap, #container {  width: 978px; margin: 0 auto; }    /*width: 70% ? */
}

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
.wrap {  width: 90%; margin: 0 auto; }
} 






@media print {

#content { width:auto !important; }
@page { margin: 1cm 1cm 1cm 2cm; }
.wrap { width: auto !important; }

#headernavigation,
.widget_nav_menu,
.toplink, .widget_search,
.theme_reference,
.page-navigation,
.meta,
.respond-form,
#site_by,
.H-gallery-fullsize-wrapper img,
#footerleft,
#footerwidget_wrapper li.widget_nav_menu,
#footerbottom ul li:last-child,
.gallery_list_ legende a { 
	display: none !important; 
}

h1, .h1 { font-size: 1.9em; margin: 1em 0 .4em 0; } 

footer[role="contentinfo"] { margin-top: 1em; }
#footerright { width: 65.957447%; float: right; }
#footerright li.widget-container { margin: .2em -.5em 0 0; }

body.page-id-65 #inner-content a { display: none; }
.page-break  { display:block; page-break-before:always; }

#inner-header { padding: 0; }
#slider { margin-bottom: -4em; }
.page-template-page_12-php .sidebar {display: none; }
#logo img { width: 200px; height: auto; } 

}

@media only screen and (min-width: 992px)  {
	.stellen-link {
		position: absolute;
		top: 0px;
		left: -333px;
	}
}  

#logo img {
	width: 200px;
	height: auto;
	padding-bottom: 14px;
}

#logo2 img {
	width: 200px;
	max-width: 200px;
	height: auto;
}

@media (max-width: 768px) {
	#logo {
		float: left;
	}
	#logo2 {
		float: right;
		padding-top: 0.5em;
	}
	#logo img, #logo2 img {
		width: 150px;
		max-width: 150px;
	}
}