/*
Theme Name: Wenks Automobil-Service
Author: D.F.
Version: 1.0
*/


/* Basic CSS Reset
-------------------------------------------------------------- */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del,
dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label,
legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header,
hgroup, menu, nav, section, summary, time, mark, audio, video
{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}

/* HTML5 elemet block reset
-------------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section
{display:block;}

/* Style Reset
-------------------------------------------------------------- */
nav ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }
a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }
ins { background-color:#ff9; color:#000; text-decoration:none; }
mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }
del { text-decoration: line-through; }
abbr[title], dfn[title] { border-bottom:1px dotted; cursor:help; }
table { border-collapse:collapse; border-spacing:0; }
hr { display:block; height:1px; border:0; border-top:1px solid #ccc; margin:1em 0; padding:0; }
input, select { vertical-align:middle; }

/* Gallery listing
-------------------------------------------------------------- */
.category-gallery{margin-bottom:48px;}
.category-gallery h2{margin-top:10px;}
.category-gallery .entry-meta{}
.category-gallery .size-thumbnail img{border:10px solid #ffffff;margin-bottom:0;}
.category-gallery .gallery-thumb{float:left;margin-right:20px;margin-top:-4px;}
.home #content .category-gallery .entry-content p{display:inline;}
.home #content .category-gallery .entry-utility{padding-top:4px;}

/* Images
-------------------------------------------------------------- */
#content img{margin:0;}
#content .alignleft,
#content img.alignleft{display:inline;float:left;margin-right:24px;margin-top:4px;}
#content .alignright,
#content img.alignright{display:inline;float:right;margin-left:24px;margin-top:4px;}
#content .aligncenter,
#content img.aligncenter{clear:both;display:block;margin-left:auto;margin-right:auto;}
#content img.alignleft,
#content img.alignright,
#content img.aligncenter{margin-bottom:12px;}
#content .wp-caption{background:#ffffff;line-height:18px;text-align:center;margin-bottom:20px;padding:4px;}
#content .wp-caption img{margin:5px 5px 0;}
#content .wp-caption p.wp-caption-text{margin:5px;color:#000000;font-size:12px;}
#content .wp-smiley{margin:0;}
#content .gallery{margin:auto;}
#content .gallery .gallery-item{float:left;margin-top:0;text-align:center;width:25%;}
#content .gallery img{border:2px solid #ffffff;}
#content .gallery .gallery-caption{color:#000000;font-size:12px;margin:0 0 12px;}
#content .gallery dl{margin:0;}
#content .gallery br+br{display:none;}

/* Comments
-------------------------------------------------------------- */
#comments{clear:both;}
#comments .navigation{padding:0 0 18px 0;}
h3#comments-title,
h3#reply-title{color:#000000;font-weight:bold;font-size:20px;margin-bottom:0;}
h3#comments-title{padding:24px 0;}
.commentlist{list-style:none;margin:0;}
.commentlist li.comment{border-bottom:1px dotted #000000;line-height:24px;margin:0 0 24px 0;padding:0 0 0 56px;position:relative;}
.commentlist li:last-child{border-bottom:none;margin-bottom:0;}
#comments .comment-body ul,
#comments .comment-body ol{margin-bottom:18px;}
#comments .comment-body p:last-child{margin-bottom:6px;}
#comments .comment-body blockquote p:last-child{margin-bottom:24px;}
.commentlist ol{list-style:decimal;}
.commentlist .avatar{position:absolute;top:4px;left:0;}
.comment-author{}
.comment-author cite{color:#000000;font-style:normal;font-weight:bold;}
.comment-author .says{font-style:italic;}
.comment-meta{font-size:12px;margin:0 0 18px 0;}
.comment-meta a:link,
.comment-meta a:visited{color:#000000;text-decoration:none;}
.comment-meta a:active,
.comment-meta a:hover{color:#fedd44;}
.commentlist .even{}
.commentlist .bypostauthor{}
.reply{font-size:12px;padding:0 0 24px 0;}
.reply a,
a.comment-edit-link{color:#000000;}
.reply a:hover,
a.comment-edit-link:hover{color:#fedd44;}
.commentlist .children{list-style:none;margin:0;}
.commentlist .children li{border:none;margin:0;}
.nopassword,
.nocomments{display:none;}
#comments .pingback{margin-bottom:18px;padding-bottom:18px;border-bottom:1px dotted #000000;}
.commentlist li.comment+li.pingback{margin-top:-6px;}
#comments .pingback p{color:#888;font-size:12px;line-height:18px;display:block;margin:0;}
#comments .pingback .url{font-style:italic;font-size:13px;}

/* Comments form
-------------------------------------------------------------- */
input[type=submit]{color:#333;}
#respond{margin:24px 0;border-top:1px dotted #000000;overflow:hidden;position:relative;}
#respond p{margin:0;}
#respond .comment-notes{margin-bottom:1em;}
.form-allowed-tags{line-height:1em;}
.children #respond{margin:0 48px 0 0;}
h3#reply-title{margin:18px 0;}
#comments-list #respond{margin:0 0 18px 0;}
#comments-list ul #respond{margin:0;}
#cancel-comment-reply-link{font-size:12px;line-height:18px;font-weight:normal;}
#respond .required{color:#000000;font-weight:bold;}
#respond label{color:#000000;font-size:12px;}
#respond input{margin:0 0 9px;width:98%;}
#respond textarea{width:98%;}
#respond .form-allowed-tags{color:#000000;font-size:12px;line-height:18px;}
#respond .form-allowed-tags code{font-size:11px;}
#respond .form-submit{margin:12px 0;}
#respond .form-submit input{width:auto;font-size:14px;}

/* Default Klassen
-------------------------------------------------------------- */
.zentrierer{margin:auto;text-align:left;width:1000px;}


/* FAB
-------------------------------------------------------------- */
body {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100vh;
}

.card {
  width: 250px;
  height: 300px;
  position: relative;
  overflow: hidden;
  padding: 18px 25px;
  border-radius: 5px;
}

.fab-btn {
  position: absolute;
  bottom: 12px;
  right: 12px;
  border-radius: 50%;
  width: 50px;
  height: 50px;
  transition: box-shadow 0.4s ease;
  background: #4610f5;
  box-shadow: 0 1px 4px rgba(0, 0, 0, 0.6);
  color: #fff;
  font-size: 1.7rem;
  font-weight: bold;
  cursor: pointer;
}

.fab-btn span {
  display: flex;
  width: 100%;
  height: 100%;
  justify-content: center;
  align-items: center;
  transition: transform 0.5s ease;
}

.card-content {
  position: relative;
  opacity: 0;
  transition: opacity 0.4s ease;
  color: #fff;
}

input:checked + .fab-btn {
  box-shadow: 0 0 2px 340px #811bff;
}

input:checked + .fab-btn span {
  transform: rotate(315deg);
}

input:checked ~ .card-content {
  opacity: 1;
}




/* Design Definitionen
-------------------------------------------------------------- */

#header
{
	margin:100px 0 0 0;
	float:left;
	height:183px;
	width:998px;
	background-color:#bbdbf6;
	border: 1px solid #ffffff;
}


#links
{
	margin:-80px 0 0 0;
	float:left;
	width:235px;
}

#logo
{
	padding:0 0 30px 17px;
	float:left;
	height:155px;
	width:210px;
}

#logo a
{
	display:block;
	position:relative;
	float:left;
	height:155px;
	width:210px;
	background: url('images/logo.png') 0 0  no-repeat;
	text-indent:-9999px;
	overflow:hidden;
}

* html #logo a
{
	background-image: url('images/logo.gif');
}

#qualitaet
{
	
	padding:0 0 0 20px ;
	float:left;
	height:20px;
	width:215px;
	font-size:18px;
	color:#00396a;
}

#logo a:hover
{
	background-position: 0 -155px;
}

#mitte
{
	
	padding:0 0 0 19px;
	float:left;
	height:183px;
	width:505px;
}

#bildwechsel
{
	margin:-90px 0 0 0;
	position:relative;
	float:left;
	height:230px;
	width:505px;
	background: url('images/bildwechsel_bg.png') 0 0 no-repeat;
padding:6px 0 0 8px;

}

* html #bildwechsel
{
	background-image: url('images/bildwechsel_bg.gif');
}

#bild
{
	padding:0;
	float:left;
	height:224px;
	width:499px;

}

.autobildwechsel { position: relative; }
.autobildwechsel img { position: absolute; left: 0; top: 0; display: none;}

#oeffnungszeiten
{
	padding:12px 0 0 21px;
	float:left;
	height:15px;
	width: 484px;
	color:#00396a;
	font-weight:bold;
font-size:12px;
}


#servicemenu
{
	padding:15px 0 0 19px;
	float:left;
	width:140px;
}

#servicemenu ul
{
	float:left;
	width:140px;
	list-style:none;
}

#servicemenu ul li
{
	padding:2px 0 0 0;
	float:left;
	width:140px;
}

#servicemenu ul li a
{
	padding:3px 0 0 37px;
	float:left;
	width:103px;
	display:block;
	height: 30px;
	font-size:18px;
	color:#00396a;
}

#servicemenu ul li a:hover
{
	color:#2369a4;
	background-position: 0 -50px;
	text-decoration: none;
}

#innung
{
	margin:-80px 0 0 20px;
	padding: 27px 0 0 100px;  
	position:relative;
	float:left;
	height:61px;
	width:110px;   
	overflow:hidden;
	background: url('images/innung.gif') 0 0 no-repeat;  
	font-weight:bold;  
	font-size:14px;
}

.kompetenzmenu
{
	float:left;
	height:50px;
	width:1000px;
	background: url('images/kompetenmenu_bg.png') 0 0 no-repeat;
}

.kompetenzmenu ul
{
	padding:17px 0 0 0;
	float:left;
	height:33px;
	width:1000px;
	list-style:none;
}

.kompetenzmenu ul li
{
	padding:0 35px;
	float:left;
	border-left: 1px solid #00369a;
}
   
#menu-item-26 {padding: 0 34px;}
#menu-item-26 a{width:182px;}

.kompetenzmenu ul li:first-child
{
	border-left: none;
}

.kompetenzmenu ul li a
{
	float:left;
	font-size:16px;
	color:#00396a;
	font-weight:normal;
	text-align:center;
}

.kompetenzmenu ul li a:hover
{
	color:#2369a4;
	text-decoration: none;
}

.hauptmenu
{
	padding:5px 0;
	float:left;
	width:1000px;
	height: 75px;
	overflow: hidden;
}

.hauptmenu ul
{
	float:left;
	width:1000px;
	height: 75px;
	list-style:none;
}

.hauptmenu ul li
{
	float:left;
	height: 75px;
}

.hauptmenu ul li a
{
	padding:15px 0 0 75px;
	float:left;
	font-size:18px;
	font-weight:bold;
	color:#00396a;
	height:60px;
}

.hauptmenu ul li a:hover
{
	color:#2369a4;
	background-position: 0 -75px !important;
	text-decoration: none;
}



#contentbereich
{
	float:left;
	width:1000px;
}

/*-----------------DEFINITIONEN STARTSEITE-----------------*/

#contentstart
{
	float:left;
	width:750px;
}

#contentstartoben
{
	float:left;
	height:10px;
	width:750px;
	background: url('images/content_oben.png') 0 0 no-repeat;
	line-height: 10px;
	margin: 23px 0 0;
}

* html #contentstartoben
{
	background-image: url('images/content_oben.gif');
}

#contentstartmitte
{
	float:left;
	width:750px;
	background: url('images/content_mitte.png') 0 0 repeat-y;
}

* html #contentstartmitte
{
	background-image: url('images/content_mitte.gif');
}

#content
{
	padding:30px 10px 5px 35px;
	float:left;
	min-height: 169px;
}

* html #content
{
	height:auto !important;
	height:169px;
}

#contentstartmitte #content
{
	width:675px;
}

#contentuntermitte #content
{
	width:425px;
}

#footerstart
{
	margin:0 50px;
	padding:13px 0 0;
	float:left;
	border-top: 1px solid #bbdbf6;
	width:650px;
	text-align:center;
	color:#5b9dd6;
	display:inline;
font-size:12px;
}


#contentstartunten
{
	float:left;
	height:10px;
	width:750px;
	background: url('images/content_unten.png') 0 0 no-repeat;
	line-height:10px;
}

* html #contentstartunten
{
	background-image: url('images/content_unten.gif');
}

/*-----------------DEFINITIONEN UNTERSEITE-----------------*/

#contentunter
{
	margin:0;
	padding:0;
	float:left;
	width:1000px;
}

#submenu
{
	margin:25px 0 0 0;
	padding:35px 0 0 0;
	float:left;
	width:250px;
	background-color:#bbdbf6;
	height:240px;
}

#submenu ul
{
	margin:0;
	padding:0 0 0 45px;
	float:left;
	width:205px;
	list-style:none;
}

#submenu ul li
{
	margin:0;
	padding:5px 0;
	float:left;
	width:205px;
}

#submenu ul li a
{
	padding:0 0 0 12px;
	display:block;
	float:left;
	width:170px;
	background: url('images/aufzaehlungszeichen.png') 0 3px no-repeat;
	font-size:14px;
	font-weight:normal;
}


#submenu ul li a:hover
{
	color:#2369a4;
}

#contentblock
{
	margin:22px 0 0 0;
	float:left;
	width:500px;
}

#contentunteroben
{
	float:left;
	height:10px;
	width:500px;
	background: url('images/content_oben_unterseite.png') 0 0 no-repeat;
	line-height:9px;
}

* html #contentunteroben
{
	background-image: url('images/content_oben_unterseite.gif');
}

#contentuntermitte
{
	float:left;
	width:500px;
	background: url('images/content_mitte_unterseite.png') 0 0 repeat-y;

}

* html #contentuntermitte
{
	background-image: url('images/content_mitte_unterseite.gif');
}

#footerunter
{
	margin:0 25px;
	padding:13px 0 0;
	float:left;
	border-top: 1px solid #bbdbf6;
	width:450px;
	text-align:center;
	color:#5b9dd6;
	display:inline;
font-size:12px;
}

#contentunterunten
{
	float:left;
	height:10px;
	width:500px;
	background: url('images/content_unten_unterseite.png') 0 0 no-repeat;
}

* html #contentunterunten
{
	background-image: url('images/content_unten_unterseite.gif');
}

#aktuelles
{
	margin:25px 0 0 0;
	float:left;
	width:250px;
	background-color:#bbdbf6;
}

#aktuelleswissen
{
	margin: 0 10px 10px 10px;
	margin-top: 20px !important;
	font-weight: bold;
	font-size: 14px;
}

#aktuelleswrap
{
	margin:0;
	padding: 0 10px 25px 10px;
	width:230px;
}

#aktuelleswrap .more-link
{
	display: block;
	margin: 15px 10px 0 170px;
	float: right;
	width: 35px;
	padding: 0 0 0 15px;
	background: url('images/weiter_pfeil.png') 2px 3px no-repeat;
}

#aktuelles .more-link:hover
{
	background-position: 2px -27px;
	text-decoration: none;
}

#aktuelles h2
{
	margin-top: 0;
}

/* Sonder Definitionen z.B. fuer Menu Items
-------------------------------------------------------------- */
.menu-item-32 a{background: url('images/kontakt.gif') 0 0 no-repeat;} /*servicemenu*/
.menu-item-35 a{background: url('images/anfahrt.gif') 0 0 no-repeat;} /*servicemenu*/
.menu-item-38 a{background: url('images/telefon.gif') 0 0 no-repeat;} /*servicemenu*/
#menu-item-20 a{width:235px;} /*kompetenzemenu*/
#menu-item-23 a{width:135px;} /*kompetenzemenu*/
#menu-item-26 a{width:182px;} /*kompetenzemenu*/
#menu-item-29 a{width:165px;} /*kompetenzemenu*/
#menu-item-8 a{background: url('images/service.gif') 0 0 no-repeat;	padding: 27px 0 0 75px;height:48px; width:115px;} /*hauptmenu*/
#menu-item-11 a{background: url('images/autogas.gif') 0 0 no-repeat; width:195px; padding: 27px 0 0 75px;height:48px;} /*hauptmenu*/
#menu-item-14 a{background: url('images/dekra.gif') 0 0 no-repeat; width:195px;} /*hauptmenu*/
#menu-item-17 a{background: url('images/trailer.gif') 0 0 no-repeat;	padding: 27px 0 0 75px;height:48px; width:195px;} /*hauptmenu*/
/*	Schriftdefinitionen   width:249px; padding:0;
-------------------------------------------------------------- */
body{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #00396a; background: url('images/seite_bg.gif') center top repeat;}
h1, h1 a{margin:0 0 8px 0; padding:0; font-size:18px; font-weight:normal; color:#00396a;border-bottom: 1px solid #00396a;}
h2, h2 a{margin:24px 0 5px 0; padding:0; font-size:16px; font-weight:normal; color:#00396a;}
#aktuelleshead { margin:30px 0 10px 0 ; padding:5px 0 5px 12px; background-color:#83bae9; color:#00396a; font-weight:bold; font-size:18px;}
h3, h3 a{margin:20px 0 5px 0; padding:0; font-size:14px; font-weight:normal; color:#00396a;}
h4, h4 a{margin:10px 0 5px 0; padding:0; font-size:14px; font-weight:normal; color:#00396a;}
h5, h5 a{margin:10px 0 5px 0; padding:0; font-size:14px; font-weight:normal; color:#00396a;}
p{margin:0 0 18px 0;}
a {color:#00396a; text-decoration:none; font-weight:bold;}
a:hover {text-decoration:underline; color:#2369a4;}
a:focus {outline:none;}
#content ul {padding: 0 0 0 25px;}
#content ul li {
padding: 0 0 8px 0;
}

#content table{}
#content td {vertical-align:middle;}