/* CSS Document */
/*
 Theme Name: twentytwelve-child
 Description: Responsive WordPress Theme  based on twentytwelve 
 Author: webgaroo webdesign studio
 Template: twentytwelve
 Version: 1.0
 Text Domain:  twentytwelve
*/

.mc4wp-form {
	background-image: url(images/news.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top: 150px;
	text-align: center;
 }
.mc4wp-form input[type="submit"]{
	background-image: -webkit-linear-gradient(top, #ed6614, #ed6614);
	color: #FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	letter-spacing: 1px;
 }
p, .tagcloud {  -ms-hyphens: none;
        -webkit-hyphens: none;
        hyphens: none;
 }
/* BLOG -------------------------------------------------------------- */
.entry-meta { display: none;}
.widget-area .widget a {
	text-decoration: none;
	line-height: 25px;
}
.topi, .nav-single {display: none;}

.page-id-10 .topi-blog, .page-id-21 .topi-blog, .page-id-23 .topi-blog, .page-id-26 .topi-blog, .page-id-34 .topi-blog, .page-id-39 .topi-blog, .page-id-41 .topi-blog, .page-id-43 .topi-blog, .page-id-68 .topi-blog,  .page-id-70 .topi-blog, .page-id-459 .topi-blog, .page-id-464 .topi-blog {display: none;}
.page-id-10 .topi, .page-id-21 .topi,  .page-id-23 .topi, .page-id-26 .topi, .page-id-34 .topi, .page-id-39 .topi, .page-id-41 .topi, .page-id-43 .topi, .page-id-68 .topi, .page-id-70 .topi, .page-id-459 .topi, .page-id-464 .topi {display: inline;}
/* BASIC -------------------------------------------------------------- */

a:focus { outline: none; }
a {outline: none;}
strong {
	color: #ED672E;
	font-weight: normal;
	font-size: 18px!important;
	font-size: 1.125rem!important;
}
em {
	color: #333333;
	font-style: normal;
	font-weight: bold;
}

img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}
.entry-content address {
	font-size: 0.857143rem!important;
	color: #757575;
}

body.custom-background {background-image: url(images/body.jpg);}

#page {	margin-top: 0;}

body .site {box-shadow: 0 10px 20px rgba(120, 100, 100, 0.3);}

.site {
    max-width: 56.25rem!important; /*68.5714rem;*/
    max-width: 900px!important;
}

/* ABSTAND  VON NAV ZU INHALT UND WIDGE AREA ------------------------------------------------------*/
.site-content {
margin-top: 0rem !important;
margin-top: 0px !important;
padding-top: 0rem !important;
padding-top: 0px !important;
}

/*-------HEADER IMAGE -------------------------------------------------------------- */
.header-image {
	 box-shadow: none !important; /* entfernt Border*/
	 margin-top: 0rem!important; /*1.71429rem;*/
	 margin-top: 0px!important;
}
/*-----site-header -------------------------------------------------------------- */
.site-header p{
	text-align: right;
	font-size: 12px;
	line-height: 25px;
}
.site-header a{
	text-decoration: none;
	color: #333333;	
}

/* NAVIGATION -------------------------------------------------------------- */
.main-navigation {
	background-image: ;   /* background for nav */
	margin-top: 0px !important;
	margin-top: 0rem !important;
}
.main-navigation ul.nav-menu,
.main-navigation div.nav-menu > ul {
	border-bottom:0!important;
	border-top:0!important;
	text-align: center!important;
	background-color: #dd6331;
}

.main-navigation .current-menu-item > a, .main-navigation .current-menu-ancestor > a, .main-navigation .current_page_item > a, .main-navigation .current_page_ancestor > a {
	color: #FFFFFF !important;
	font-weight: bold;	
}

.main-navigation li  {
	margin-right: 0px !important;
	padding-right: 14px !important;
	padding-left: 14px!important;
}
.main-navigation li a {
	background-image: url(url(url()));
	line-height: 25px!important;
	color: #FFFFFF!important;
	text-transform: none!important;
	font-size: 14px!important;	
}
.main-navigation a:hover {
	color: #FFDDC6!important;
}

.main-navigation li ul {
	text-align: left;
	}
.main-navigation li ul li{
	text-align: left;
	padding-left: 0px!important;
}
.main-navigation li ul li a {
	font-size: 12px!important;
	border-bottom: 0px !important;
	line-height: 20px!important;
	width: 220px!important;
	background-color: #dd6331!important;
}
/* toggled nav -------------------------------------------------------- */
.main-navigation ul.toggled-on li{
	border-left-style: none;
	text-align: left;
	padding-right: 0px;
	padding-left: 0px;
	margin-left: 0px !important;
}

/* Subnavigation Problemloesung bei Slider Einsatz, navigation oben ---*/
.main-navigation li ul {
	/* top: 78% !important;
	z-index: 5 !important;*/
	
}
/* CONTENT ------------------------------------------------------*/
#content a {
	color: #4E7392;
	text-decoration: none;
}
#content a:hover {
	color: #666 ;
	text-decoration: none;
}
.entry-content p, .entry-summary p, .comment-content p, .mu_register p {
	line-height: 24x!important;
	line-height: 1.5rem!important; 
	margin-bottom: 16px;
	margin-bottom: 1.0rem;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0px;
}
/*.entry-content h1, .comment-content h1,*/ .entry-header .entry-title  {
	font-size: 26px!important;
	font-size: 1.75rem!important;
	line-height: 32px!important;
	line-height: 2rem!important;
	padding-top: 1.25rem!important;
	padding-top: 20px!important;
	margin-top: 0rem!important;
	margin-top: 0px!important;
	background-image: url(images/bar-rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	color: #ED672E;
	
}
.entry-content h2{
    margin-top: 0px!important;
    margin-top: 0rem!important;
}
.entry-content h2, .comment-content h2, .mu_register h2, .widget-area .widget h3{
	font-size: 18px!important;
	font-size: 1.125rem!important;
	margin-bottom: 16px!important;
	margin-bottom: 1.0rem;
	line-height: 24px!important;
	line-height: 1.5rem!important;
	color: #4E7392;
	background-image: url(images/bar-blue.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	
}
.widget-area .widget h3 {
	background-image: none;
	font-weight: bold;
	text-transform: none;
	margin-top: 25px;
	padding-bottom: 0px;
	
}
.archive-title{
	display: none;
}
/*.entry-content h3, .comment-content h3 {
	font-size: 18px!important;
	font-size: 1.125rem !important;
	line-height: 24px;
	line-height: 1.5rem;
	margin-bottom: 16px;
	margin-bottom: 1.0rem;
	background-image: url(images/bar-rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 5px;
	
	color:  #ff4709;
}*/
.entry-content h3, .comment-content h3  {
	font-size: 18px;
	font-size: 1.125rem;
	margin-bottom: 16px;
	background-color: #93c5ee;
	padding: 1% 3%;
	color: #000;
	background-image: url(images/box-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
	font-weight: normal;
}

.entry-content h4 {
	font-size: 1.0rem!important;
	font-size: 16px!important;
	margin-bottom: 10px;	
 }
 .entry-content h6, .entry-content h5 {
	font-size: 14px!important;
	margin-bottom: 10px;	
 }
 
 
 font-weight: normal;
	color: #003366;
.entry-content ol, .comment-content ol, .entry-content ul, .comment-content ul, .mu_register ul {
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 16px;
	margin-bottom: 1rem;
	margin-left: 0.0rem;
}
.entry-content ol li, .comment-content ol li, .mu_register ol li {
	background-image: none;
	list-style-type: decimal;
	margin-left: 20px;
	padding-left: 0px;
}
.entry-content li, .comment-content li, .mu_register li {
	background-image: url(images/list.gif);
	padding-left: 20px;
	line-height: 24px;
	line-height: 1.5rem; 
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: left 10px;
	margin-top: 0px;
	margin-top: 0.0rem;
	margin-bottom: 0px;
	margin-bottom: 0.0rem;
	margin-left: 4.8px;	
	margin-left: 0.3rem;	
}
.entry-content blockquote, .comment-content blockquote {
	font-style: italic;
	margin-bottom: 0rem!important;
	margin-bottom: 0px!important;
	background-image: url(images/quote.png);
	background-repeat: no-repeat;
	padding-top: 0;
	padding-right: rem;
	padding-bottom: 16px!important;
	padding-bottom: 1rem!important;
	padding-left: 40px!important;
	padding-left: 2.5rem!important;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #ED672E;
}
.wp-caption {
	max-width: 100%;
	padding: 5px; /* 4px */
}
/* WIDGET AREA ------------------------------------------------------*/
#secondary p{
	margin-bottom: 5px;
}
.widget-area {
margin: 0px 0 0;
}

/* ABSTAENDE ------------------------------------------------------*/

.site-header {
	padding: 0px 0 0 0;
	padding: 0.0rem 0 0 0;
}

/*.site-header h1 {
	font-size: 2.0rem!important;
	font-size: 32px!important;
	font-weight: normal;
	line-height: 2.0rem!important;
	line-height: 32px!important;
	margin-top: 20px!important;
 }*/
/*.site-header h2 {
	font-size: 1.0rem!important;
	font-size: 16px!important;
	font-weight: normal;
	color: #003366;
	margin-bottom: 10px;	
 }
 .site-header h1 a {
    color: #ff6600;
 }
*/
/* IMAGE ------------------------------------------------------*/
img.alignleft, .wp-caption.alignleft {
    margin-top: 0.0rem;
	margin-top: 0px;
}
.entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image {
    border-radius: 0px 0px 0px 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.2);
}


/*  FOOTER  --------------------------------------------------------------------------------*/

/*  remove border at the bottom of the page ------------------------------------------------------*/
#colophon {
	border: 0;
	text-align: center;
}

.site-content article {
	padding-bottom: 0;
	margin-bottom: 0;
	border-bottom: 0;
}
#colophon a {
	text-decoration: none;
}
#colophon a:hover {
	color: #ff4709;
}
.bar {
	background-image: url(images/bar.gif);
	background-position: left bottom;
	padding-bottom: 5px;
	background-repeat: repeat-x;
}
.fonth1 {
	font-size: 1.5rem;
	font-size: 18px!important;
	color: #ff6600;
}
/*  TABLE  --------------------------------------------------------------------------------*/
.entry-content table, .comment-content table {
	border-bottom: none;
}
.entry-content td, .comment-content td {
	padding: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	border-top: none;
	font-size: 14px!important;
}

/* Contact Form 7 and Captcha
-------------------------------------------------------------- */
.wpcf7-text,
.wpcf7 textarea,
.wpcf7-captchar {
    width: 70%;
    height: 12px;
    padding: 9px 10px;    
    border-right: 1px solid #ccc;
    border-left: 1px solid #ccc;
    font-size: 12px;
  }
 .wpcf7 textarea {
    height: 50px;
    } 


/* SPECIFICATIONS-ME
-------------------------------------------------------------- */

.clear {clear:both;}
.raw {
	background-color: #FFDFD5;
}
/* Blue Box for Content left
-------------------------------------------------------------- */

.box-blue {
	margin-bottom: 16px;
	background-color: #93c5ee;
	padding: 3%;
	font-size: 90%;
	color: #000000;
	background-image: url(images/box-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.box-blue h1 {
    font-size: 18px!important;
	font-size: 1.125rem!important;
	color: #EB5A1D;
	background-image: url(images/hacken.png);
	background-repeat: no-repeat;
	
	padding-left: 40px;
	background-position: left top;
	padding-bottom: 10px;
}
.box-left {
	margin-bottom: 16px;
	width: 60%;
	margin-right: 5%;
	float: left;
}
.box-right-bild {
	width: 30%;
	float: right;
	text-align: center;
}

.box-right {
	margin-bottom: 16px;
	width: 26%;
	background-color: #93c5ee;
	float: right;
	padding: 2%;
	font-size: 90%;
	color: #000000;
	background-image: url(images/box-right.gif);
	background-repeat: no-repeat;
	background-position: right top;
}

.box-right h1 {
	font-size: 18px!important;
	font-size: 1.125rem!important;
	color: #EB5A1D;
	background-image: url(images/hacken.png);
	background-repeat: no-repeat;
	padding-left: 40px;
	background-position: left top;
	padding-bottom: 10px;
}
.box-right h3 {
	color: #333333;
	font-size: 15px!important;
	font-size: 0.9375rem!important;
	margin-bottom: 0px!important;
	margin-bottom: 0rem!important;
	margin-top: 0px!important;
	margin-top: 0rem!important;
	line-height: 20px!important;
	line-height: 1.25rem!important;
	font-weight: bold!important;
	background-image: none!important;
	padding-bottom: 0px!important;
	padding-bottom: 0rem!important;
	
}

.box-right-rahmen, .box-right-stimmen {
	margin-bottom: 16px;
	width: 26%;
	float: right;
	padding: 2%;
	font-size: 90%;
	border: 1px solid #658cab;
	color: #333333;
	margin-top: 10px;
}
.box-right-stimmen p {
	font-style: italic;
	background-image: url(images/bar-rot.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-bottom: 16px;
}
.box-right-stimmen h1 {
	background-image: url(images/stimmen.png);
	background-repeat: no-repeat;
	color: #658cab;
	padding-left: 40px;
	background-position: left top;
	font-style: italic;
}

.box-right-rahmen li {
	/*line-height: 20px!important;
	line-height: 1.25rem!important;*/
	background-position: left 7px;
}
.box-right-rahmen h1 {
	color: #EB5A1D;
}

.box-right-rahmen-rot {
	margin-bottom: 16px;
	width: 26%;
	float: right;
	padding: 2%;
	font-size: 90%;
	border: 1px solid #ff4709;
	color: #333333;
	margin-top: 10px;
}
.box-right-rahmen-rot h3 {
	color: #ff4709;
	font-size: 15px!important;
	font-size: 0.9375rem!important;
	margin-bottom: 0px!important;
	margin-bottom: 0rem!important;
	margin-top: 0px!important;
	margin-top: 0rem!important;
	line-height: 20px!important;
	line-height: 1.25rem!important;
	font-weight: bold!important;
	background-image: none!important;
	padding-bottom: 0px!important;
	padding-bottom: 0rem!important;
	
}

 
@media screen and (max-width: 768px) {
 

.box-right, .box-right-rahmen, .box-right-rahmen-rot, .box-right-stimmen,.box-left, .box-right-bild { float: none; width: 100%; }

.main-navigation li  {
	padding-right: 5px !important;
	padding-left: 5px!important;
	font-size: 12px!important;
	font-size: 0,75rem!important;
}
.main-navigation li a {
      	word-spacing: normal;
		letter-spacing: normal;
}

input, textarea {
     max-width: 200px;
}
}