/*
Theme Name: HesseService
Theme URI: http://tornowmedia.com
Description: Template 1.1
Author: Lars Tornow
Author URI: http://tornowmedia.com
*/
body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-image: url(bilder/binarieszzz.png);
}
#wrapper {
	text-align: left;
	color: #000;
	display: table;
	height: 100%; /*600px*/
	margin-top: 18px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	font-size: 14px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 20px;
	border-bottom-left-radius: 0px;
	border-bottom-right-radius: 0px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-image: url(bilder/fotolia_25133965-150px.png);
	background-repeat: no-repeat;
	background-position: 520px 3px;
	background-color: #FFF;
}
#header {
	height: 90px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-image: url(bilder/hesseservice_kopf.png);
	background-repeat: no-repeat;
	background-position: left 1px;
	}
#main {
	width: 99%; /* 820px */
	float: left;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
}
/* Responsive -------------------------------------------------------- Responsive Teil 1 */
@media only screen and (min-width:1000px) {  /*769*/
#wrapper {
	width: 1001px; /*900px*/
}
}
@media only screen and (min-width:321px) and (max-width:999px) { /* Mobile Devices */
#wrapper {
	max-width: 99%px; /*768px*/
	margin: auto;
}
#main {
	max-width: 66%; /*66%; */
}

}
@media only screen and (max-width:320px) { /* Smartphones */
#wrapper {
	width: 100%;
	margin: auto;
}
#main {
	width: 95%;
}
}
/*  -------------------------------------------------------- */
#sidebar {
	width: 170px;
	padding-top: 18px;
	float: left;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}
#footer, #footer a {
	font-size: 13px;
	text-align: left;
	color: #FFF;
	background-color: #666;
	padding-top: 2px;
	padding-right: 10px;
	padding-bottom: 2px;
	padding-left: 10px;
}
#footer a:hover {
	color: #B6E1FB;
}
#unter_navi {
}
#unter_navi {
	clear: both;
}
/* - Links pauschal neutral -------------------------------------- */
a {
	color: #000;
	text-decoration: none;
}
/* - Links im Text  --------------------------------------------- */

.entry a {
	text-decoration: underline;
}
.entry a:hover {
	background-color: #B6E1FB;
}
.entrycategory {
	display: table;
}
.entrycategory a {
	text-decoration: underline;
}
.entrycategory a:hover {
	background-color: #B6E1FB;
}
/* - Ueberschriften und Text ------------------------------------- */
p {
	margin-top: 6px;
	margin-bottom: 6px;
}
h1, h2, h3, h4, h5, h6 {
	color: #666;
	margin-top: 18px;
	margin-bottom: 10px;
	font-weight: normal;
}
h1 {
	font-size: 23px;
	line-height: 23px;
}
h2 {
	font-size: 20px;
	line-height: 22px;
}
h3 {
	font-size: 20px;
	line-height: 22px;
	margin-top: 30px;
}
h3, h4, h5, h6 {
	font-size: 18px;
	line-height: 20px;
}
pre {
	font-size: 10px;
}
#header h1 a, #header h1 {
	margin-left: 5px;
	margin-top: 60px;
	font-size: 13px;
	font-weight: normal;
	color: #999;
	}
/* - Listen --------------------------------------------- */
ul {
	list-style-type: none;
	margin: 0px;
	list-style-position: outside;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;/*	line-height: 20px; */
}
li {
	margin: 0px 0px 7px;
}
.entry ul{
	list-style-type: disc;
	list-style-position: inside;
	}

/* - Breadcrumbs  --------------------------------------------- */
#crumbs {
	clear: left;
	font-size: 12px;
	color: #29b8e5;
	padding-bottom: 1px;
}
#crumbs .current {
}
/* - Navigation main --------------------------- */
.navmain {
	width: 100%;
	height: 28px;
	z-index: 100;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-color: #e3e3e3;
	background-image: url(bilder/fotolia_25133965-150px.png);
	background-repeat: no-repeat;
	background-position: 510px -127px;
	}
div.navmain ul.sub-menu {
	padding: 0;
	margin: 0;
}
div.navmain ul li {
	list-style-type: none;
	display: inline-block;
}
div.navmain li a, div.navmain li ul.sub-menu li a {
	text-decoration: none;
	color: #999;
	padding-left: 10px; /*10px*/
	display: inline-block;
	min-width: 130px;
	padding-top: 4px;
	padding-right: 10px;
	padding-bottom: 3px;
}
div.navmain ul.sub-menu li a {
	background-color: #e3e3e3;
}
div.navmain li {
	position: relative;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFF;
	float: left;
}
div.navmain ul li ul.sub-menu {
	display: none;
	position: absolute;
	top: 26px;
	left: 0;
}
div.navmain ul li:hover ul.sub-menu {
	z-index: 110;
	display: block;
}
div.navmain ul.sub-menu li {
	height: 32px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
div.navmain a:hover {
		color: #000;
}
div.navmain ul.sub-menu li a:hover {
	color: #000;
}
/*Aktive Seite --*/
div.navmain li.current-menu-item a, div.navmain ul.sub-menu li.current-menu-item a {
	color: #000;
}
/*Formatierter Menupunkt --------------------------------------------------*/
div.navmain li.menu-pfeil > a {
	background-image: url(bilder/symbol-pfeil-unten.gif);
	background-repeat: no-repeat;
	background-position: 120px center;
	cursor: default;
}
/* - Widgets --------------------------------------------- */			
.widgettitle {
	color: #666;
	font-size: 18px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #29b8e5;
}
.widget h2 {
	padding-top: 10px;
}
.widget li {
	font-size: 13px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 0px;
	margin-bottom: 0px;
	border-bottom-width: thin;
	border-bottom-style: dotted;
	border-bottom-color: #29b8e5;
	min-height: 20px;
}
.widget li a:hover {
	background-color: #B6E1FB;
}
.widget_search {
	margin-top: 30px;
	margin-bottom: 5px;
}
/* - Navigation sidebar (Widgets) Das Menu hier heisst "sidebar-menu"------------------------------------- */

.menu-sidebar-menu-container {
	padding-bottom: 0px; /*Abstand zu nachfolgenden Elementen*/
}
div.menu-sidebar-menu-container li a {
	display: block;
	background-color: #FBED00;
	padding: 7px;
}
div.menu-sidebar-menu-container a:link a:visited a:active a:hover {
	text-decoration: none;
	color: #000;
}
div.menu-sidebar-menu-container a:hover {
	color: #000;
	background-color: #FFF;
}
div.menu-sidebar-menu-container ul {
	width: 170px;/* position: absolute; */
}
div.menu-sidebar-menu-container li {
	width: 100%;
	height: 25px; /*löschen, wenn Submenus unterhalb erscheinen sollen*/
	font-weight: bold;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #e0d6cb;
	border-bottom-color: #e0d6cb;
	font-size: 14px;
}
div.menu-sidebar-menu-container ul li ul.sub-menu {
	display: none;
	position: relative;
	width: 171px;
	left: 170px;
	top: -39px;
	z-index: 200;
}
div.menu-sidebar-menu-container ul li:hover ul.sub-menu {
	display: block;
}
/* - Hintergrund Menü #unten  --------------------------------------------- */	
div#unten li a {
	background-color: #29b8e5;
}
div#unten a:hover {
	background-color: #fff;
}
/* unten (Widgets im Footer) -----------------------------------------------*/			
#unten {
	margin: 0px;
	width: 100%;
	overflow: hidden;
	color: #FFF;
	font-size: 13px;
background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
background-image: linear-gradient(to bottom, #FFFFFF 0%, #E3E3E3 100%);
}
#unten h3 {
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
	margin-top: 0px;
	padding-top: 0px;
}
#unten li {
	list-style: none outside none;
}
#unten ul li {
	border-bottom: 1px solid #333 !important;
}
#unten .widget {
	margin-bottom: 15px;
}
#unten .wp-post-image {
	border: 1px solid #444444;
	box-shadow: none;
}
/* #unten .kjgrcGravatar {
border:none;
box-shadow:none;
} */
#unten .unten_widget1 {
	float: left;
	padding: 15px 15px 15px 28px;
	text-align: justify;
	margin: 5px;
	width: 26%;
}
#unten .unten_widget2 {
	float: left;
	padding: 15px;
	text-align: justify;
	margin: 5px;
	width: 26%;
}
#unten .unten_widget3 {
	float: left;
	padding: 15px;
	text-align: justify;
	margin: 5px;
	width: 26%;
}
/* - Tabelle --------------------------------------------- */

table {
	border: thin solid #29b8e5;
}
td {
	background-color: #fff;
}
th {
	background-color: #FEE7B2;
}
/* - Layout --------------------------------------------- */
.attachment-thumbnail {
	float: left;
	padding-top: 0px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 0px;
}
.absatzlinie {
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000;
	line-height: 18pt;
}
.fettrot {
	font-weight: bold;
	color: #F00;
}
/* - Breiteres Eingabefeld Contact Form 7 --------------------------------------------- */
/*.wpcf7 textarea.wpcf7-textarea { width: 600px; }*/

/* - Besonderes --------------------------------------------- */

blockquote {
	background-color: #FFF;
	padding-top: 1px;
	padding-right: 10px;
	padding-bottom: 1px;
	padding-left: 34px;
	background-image: url(bilder/blockquote.gif);
	background-repeat: no-repeat;
	background-position: 5px 0px;
	margin-top: 12px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}
.passwortoben {
	text-align: center;
	margin-top: 0px;
	margin-bottom: 20px;
	padding: 10px;
	height: auto;
	width: 80%;
	border-bottom-left-radius: 6px;
	border-bottom-right-radius: 6px;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	background-image: -ms-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
	background-image: -moz-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #E3E3E3));
	background-image: -webkit-linear-gradient(top, #FFFFFF 0%, #E3E3E3 100%);
	background-image: linear-gradient(to bottom, #FFFFFF 0%, #E3E3E3 100%);
	border: thin solid #999;
	}
.passwortoben h2 {
	margin: 0px;
	padding: 0px;
	color: #f00;
	}	
/* Empfohlen, siehe hier - http://codex.wordpress.org/CSS */
/* Anfang */
/* =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 {
	float: left;
	margin: 5px 20px 20px 0;
}
.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 #f0f0f0;
	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 20px 20px 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;
}
/* Ende der Empfehlungen*/

/* Responsive -------------------------------------------------------- Responsive Teil 2*/
@media only screen and (max-width:320px) { /* Smartphones */
#sidebar {
	display: none;
}

div.navmain li a, div.navmain li ul.sub-menu li a {
	width: 320px;
	clear: both;
	background-color: #e3e3e3;
}
div.navmain ul li ul.sub-menu {
	position: relative;
	top: 0px;
}
.alignleft, .aligncenter, .alignright, .alignnone img {
	float: none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0px;
	padding: 0;
	max-width: 80%;
	height: auto;
}
#unten .unten_widget1, #unten .unten_widget2, #unten .unten_widget3 {
	float: none;
	width: 95%;
}
}