/**
 * @file
 * Styles are organized using the SMACSS technique. @see http://smacss.com/book/
 *
 * When you turn on CSS aggregation at admin/config/development/performance, all
 * of these @include files will be combined into a single file.
 */

/* HTML element (SMACSS base) rules */
@import "normalize.css";

/* Layout rules */
@import "layouts/fixed.css";

/* Component (SMACSS module) rules */
@import "components/misc.css";
/* Optionally, add your own components here. */
@import "print.css";

/* SMACSS theme rules */
/* @import "theme-A.css"; */
/* @import "theme-B.css"; */

a { color: #000000; }

a:hover { color: #e95d06; }

a.active, a.active-trail { color: #e95d06; }

.menu a.active {
    color: #e95d06;
}

html {
font-family: 'Open Sans',sans-serif;
}

#header {
padding-top: 14px;
height: 66px;
}

#main {
    padding-top: 90px;

}

#main-menu ul {
    margin: 0px 0;
}

#main-menu {
float: right;
font-size: 14px;
}

#main-menu a {
text-decoration: none;
}


#main-menu li{
border-right: 1px solid #000000;
padding-right: 6px;
padding-left: 3px;
}

#main-menu li.last {
padding-right: 0;
border:0;
}


#views-exposed-form-vorlagensuche-page label {
color: #ffffff;
float: left;
padding-right: 10px;
}

.views-exposed-form .views-widget-filter-keys {
    float: left;
    padding: 0.5em 1em 0 0;
	width: 460px;
}


.views-exposed-form .views-exposed-widget {
    padding: 0;
}

#edit-keys {
width: 310px;
}

#navigation {
padding-top: 19px;
margin-top: -90px;

}

#block-shariff-shariff-block.block.block-shariff {
border: 0px;
border-radius: 0px;
margin: 0;
padding-bottom: 0px;
padding-top: 15px;


}

#sliding-popup .popup-content #popup-text p {
    font-size: 14px;
}

#sliding-popup {
   opacity: 0.9;
}

#block-views-exp-vorlagensuche-page {

}

.views-exposed-form .views-exposed-widget .form-submit {
    margin-top: 1px;
background: url("../images/hintergrundleiste-orange.gif") repeat-x scroll 0 0 transparent;
  color: #ffffff;
  cursor: pointer;
  border: 1px solid #AEAEAE;
  padding: 2px 10px 3px;
  font-size: 14px;
  font-weight: bold;
  }
  
  .views-exposed-form .views-exposed-widget .form-submit:hover {

text-shadow: 0.1em 0.1em 0.05em #333;
  }
  
  .views-submit-button {
  line-height: 0;
  }
  
  #header, #content, #navigation, .region-sidebar-first, .region-sidebar-second, #footer {
    border-left: 0 none !important;
    border-right: 0 none !important;
    padding-left: 0px;
    padding-right: 0px;
    word-wrap: break-word;
}

.sidebars .region .block, #content .block {
line-height: 1.5em;
 border: 1px solid #AEAEAE;
border-radius: 5px;
overflow: hidden;

}




#block-block-3 {
line-height: 1.2em;
padding: 4px;
}


#block-block-13 {
border: 0px !important;
padding:0px 10px 0px 10px;
margin-top: 20px;
margin-bottom: 20px;
}


.sidebars .region .block h2.block-title, #content .block h2.block-title {
background-color: #55779A;
font-weight: bold;
color: #ffffff;
font-size: 15px;
padding: 8px;
line-height: 15px;
margin-bottom: 6px;
}


#block-views-taxonomy-block-block h2.block-title, #block-menu-menu-kategorien h2.block-title  {
background: url("../images/hintergrundleiste-orange.gif") repeat-x scroll 0 0 transparent;
}

#block-views-taxonomy-block-block .view-taxonomy-block a {
text-decoration: none;
font-size: 14px;
font-weight: bold;
}

#block-views-taxonomy-block-block .view-taxonomy-block .views-field-field-icon {
width: 30px;
float: left; 
}

#block-views-taxonomy-block-block .view-taxonomy-block  .views-row {
border-bottom: 1px solid #AEAEAE;
padding: 2px 0;
}

#block-views-taxonomy-block-block .view-taxonomy-block .views-row-last {
border: 0;
}

.sidebars .region .block-menu a, #content .block-menu a {
text-decoration: none;
font-size: 16px;
font-weight: bold;
line-height: 1.8em;
}

.sidebars .region .block-menu ul, #content .block-menu ul {
margin: 0;
padding: 0;
}

.sidebars .region .block-menu ul li , #content .block-menu ul li {

 list-style-image: none;
 list-style-type: none;
 padding-left: 6px;
}

.sidebars .region .block-menu ul li ul{
 padding-left: 32px;
 font-size: 11px;
 line-height: 20px;
}


.sidebars .region .block-menu ul li ul li{
 list-style-type: square;
padding-left: 0;
 }


.sidebars .region .block-menu ul li ul a {
font-weight: normal;
}


.sidebars .region .block-menu ul li.last, #content .block-menu ul li.last {
 border-bottom: 0;
}

.sidebars .region .block-menu ul li.last, #content .block-menu ul li.last.expanded {

}

.sidebars .region .block-block p, #content .block-block p {
margin: 4px 6px;
font-size: 14px;
}

h1#page-title {
font-size: 24px;
}

p {
margin-bottom:15px;
margin-bottom:12px;
}

h2 {
margin-top: 20px;
}


#content .block .view h2.node-title {
font-size: 14px;
line-height: 1.3em;
padding-bottom: 8px;
padding-top: 5px;
margin-left: 5px;
}

#content .block .view h2.node-title a {
text-decoration: none;
font-size: 16px;
}

.views-field.views-field-title {
font-weight: bold;
}

#block-views-similar-entries-block .views-field.views-field-title {
padding-bottom: 5px;
padding-top:5px;
}

#content .block .view {
font-size: 15px;
line-height: 20px;
}

#content .block .view .field-name-field-bild {
width: 100px;
float: left;
padding-right: 12px;
padding-top: 4px;
margin-top: 0px;
}

#content .block .view .field-name-body p {
margin: 0 0 0px 0;
font-size: 14px;

}

#content .block .view .views-row {
border-bottom: 1px solid #AEAEAE;
padding: 5px; 
min-height: 140px;
}

#content .block .view .views-row-last {
border-bottom: 0px solid #AEAEAE;
}

#content .block .view .views-row .links {
float: right;
margin: 0;
}


#content .block .view .views-row .links li {
    padding: 0;
}

#footer {
text-align: center;
font-size: 12px; 
padding-top: 100px;
  width: 100%;
line-height: 17px;
}

#footer small {
line-height: 6px;
}


.breadcrumb {
margin-top: -10px;
font-size: 12px;
padding-bottom: 12px;
}

.view-taxonomy-term, .view-vorlagensuche {
margin-top: 9px;
}

.page-taxonomy-term .view-id-taxonomy_term .view-content, .view-vorlagensuche .view-content {
font-size: 16px;
font-weight: bold;

}


.page-taxonomy-term .view-taxonomy-term  .view-content a, .view-vorlagensuche a {
text-decoration: none;
padding-top:8px;
padding-bottom: 8px;
}


.page-taxonomy-term .view-id-taxonomy_term .view-content .views-row, .view-vorlagensuche .views-row {
background: url("../images/arrow-red.gif") no-repeat scroll 4px 9px transparent;
border-bottom: 1px solid #AEAEAE;
padding-left: 35px;
padding-top: 5px;
padding-bottom: 5px;
}

.page-taxonomy-term .view-id-taxonomy_term .view-header .view-content .views-row {
background: none;
border-bottom: 0px solid #AEAEAE;
padding-left: 0px;
font-size: 15px;
}

#content {
position: relative;
float:left;
}

.breadcrumb li {
font-size: 13px;
}


.node-type-vorlage #page-title {
margin-top: 10px;
font-size: 22px;
margin-bottom: 0px;
    padding: 7px;
border: 1px solid #AEAEAE;
border-bottom: none;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
	
}

.node-vorlage.view-mode-full {
border: 1px solid #AEAEAE;
border-bottom-left-radius: 5px;
border-bottom-right-radius: 5px;
border-top: none;
padding: 8px;
font-size: 14px;
margin-bottom: 20px;
}

.node-vorlage.view-mode-full  .field-name-field-bild {
padding: 5px;
margin-right: 20px;
margin-top: 4px;
margin-bottom: 16px;
float: left;

line-height: 0;
border: 1px solid grey;
border-radius: 5px;
box-shadow: 4px 4px 4px 0 #696969;
}

.node-vorlage.view-mode-full p {
margin-top: 0;
}

.field-name-field-upload-vorlage, .field-name-field-externer-link, .field-name-field-externer-link-2 {
float: right;

padding: 3px 8px;
margin-top: 35px;
	text-align: center;
border: 1px solid #e3e3e3;


}

.linkbutton {
display: inline-block;
background: #e36800;
padding: 6px 15px;
border-radius: 5px;
float: center;
color: #fff;
text-decoration:none;
}

.linkbutton:hover {
background: #e3a155;
color: #fff;
}

.linkbutton-block {
display: inline-block;
background: #e36800;
padding: 2px 15px;
border-radius: 5px;
float: right;
color: #fff;
text-decoration:none;
}

.linkbutton-block:hover {
background: #e3a155;
color: #fff;
}



.field .field-label {
   margin-top: 35px;
}

.field-name-field-upload-vorlage .field-items a, .field-name-field-externer-link a, .field-name-field-externer-link-2 a {

    color: #000000;
    cursor: pointer;
    font-size: 13px;
     padding: 8px 8px 8px;
text-decoration: none;
	
}

.field-name-field-upload-vorlage .field-items a:hover, .field-name-field-externer-link a:hover, .field-name-field-externer-link-2 a:hover {

  
text-decoration: underline;
	
}

.file-icon, .file-size {

}


.view-vorlagensuche .views-field-body, .view-vorlagensuche .views-field-nothing {
font-size: 12px;
line-height: 18px;
}

.node-page {
line-height: 22px;
}

#content #block-taxonomy-menu-block-2  {
border: 0px solid #AEAEAE;
}

#content #block-taxonomy-menu-block-2 ul{
margin: 0;
padding: 0;
padding-top: 10px;
}

#content #block-taxonomy-menu-block-2 ul li {
 list-style-image: none;
 list-style-type: none;
  border-bottom: 1px solid #AEAEAE;
font-size: 16px;
font-weight: bold;
padding-top: 4px;
padding-bottom: 4px;
}

#content #block-taxonomy-menu-block-2 ul li a {
text-decoration: none;
}

input:focus { background: #FFFACC; color: #000000;  } 

.node {

}

.node-vorlage .field-name-body {
font-size: 16px;
line-height: 1.4em;
padding-bottom: 2px;
}

.field-name-field-adsense {
text-align: center; 
}

.front h1#page-title {
font-size: 22px;
margin-bottom: 14px;
}

.view-vorlagensuche .views-row{
margin-bottom: 15px;
}

.node .field-name-field-kategorie {
float: left;
display: none;
}

.node .field-name-field-kategorie .field-item {
float: left;
padding-right: 10px;
}

.node .field-name-field-kategorie a {
text-decoration: none;
font-weight: bold;
margin-top: -24px;
padding-right: 10px;
border-right: 1px solid #000000;
}






#block-menu-menu-kategorien {
border: 1px solid #FF6B00 !important;
background: #FFF5CB;
padding: 3px;


}

#block-menu-menu-kategorien li {
padding-left: 2px;
float: left;
line-height: 1.6em;
}


#block-menu-menu-kategorien li a {
display: block;
padding-left: 28px;
padding-right: 6px;
}

#block-menu-menu-kategorien li li a {
display: block;
padding-left: 0px;

}

#block-views-taxonomy-block-block h2.block-title, #block-menu-menu-kategorien h2.block-title  {
background: url("../images/hintergrundleiste-orange.gif") repeat-x scroll 0 0 transparent;
}

#block-menu-menu-kategorien li a#Allgemeines { 
background: url("../images/ico-allgemein.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Versicherungen {
background: url("../images/ico-versicherungen.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Vollmachten {
background: url("../images/ico-vollmachten.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Webhosting {
background: url("../images/ico-webhosting.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Haus {
background: url("../images/ico-haus-wohnung.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Telefon {
background: url("../images/ico-telefon.gif") no-repeat scroll 0px 4px transparent; 
}

#block-menu-menu-kategorien li a#Banken {
background: url("../images/ico-banken.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Arbeit {
background: url("../images/ico-beruf.gif") no-repeat scroll 0px 4px transparent;
}

#block-menu-menu-kategorien li a#Bewerbungen {
background: url("../images/ico-bewerbungen.gif") no-repeat scroll 0px 4px transparent;
}


.front .view-neueste-vorlagen h2.node-title {
padding-left: 106px;
}

.block-block {
overflow: auto;
}

#block-block-7.block.block-block {
border: 0px;
}

#block-block-10.block.block-block {
border: 0px;
margin-top:45px;
margin-bottom: 45px;
padding: 0px;
}


.block-block iframe {
padding-left: 4px;
font-size: 11px;
}


.view-taxonomy-term h3 {
font-weight: normal;
}

#search-form #edit-submit {
    background: url("../images/hintergrundleiste-orange.gif") repeat-x scroll 0 0 transparent;
    border: 1px solid #aeaeae;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: -2px;
    padding: 2px 10px 3px;
}




.page-search-node h1#page-title {
    display: none;
}

.page-search-node h2 {
font-size: 16px;
}

.page-search-node .search-results {
font-size: 12px;
padding: 0;
margin: 0;
}

.page-search-node .search-results h3 {
padding: 0;
margin: 0;
padding-bottom: 4px;
padding-top: 4px;
}

.page-search-node .search-results h3 a {
font-size: 16px;
font-weight: bold;
text-decoration: none;

}

.search-results .search-snippet-info {
    padding-left:0;
	line-height: 18px;
}

.page-search-node .search-results li {
    background: url("../images/arrow-red.gif") no-repeat scroll 4px 4px transparent;
    border-bottom: 1px solid #aeaeae;
    padding-left: 27px;
	  margin-bottom: 15px;
}

.page-search-node .search-results p{
font-size: 15px;
padding-bottom: 15px;
margin-bottom: 6px;
}

#block-custom-search-blocks-1 {
padding-bottom: 15px;
}

#block-custom-search-blocks-1 .form-item {
    margin: 0 0;



}

.form-item-custom-search-blocks-form-1 label {
    color: #ffffff;
    float: left;
    padding-right: 10px;
}

#edit-custom-search-blocks-form-1--2 {
    width: 320px;
border-radius: 5px;

}

.form-item-custom-search-blocks-form-1 {

    padding: 0 0 0 0;
float: left;
}





#block-custom-search-blocks-1 .form-submit {
 background: url("../images/hintergrundleiste-orange.gif") repeat-x scroll 0 0 transparent;
    border: 2px solid #aeaeae;
border-radius: 5px;
    color: #ffffff;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
    margin-top: 1px;
margin-left: 8px;
    padding: 2px 10px 3px;

}



#block-custom-search-blocks-1 .form-submit:hover  {
color:#FFFF83;
}




#block-widgets-s-addthis-share.block.block-widgets {
marging-top: 24px;
padding:3px;
border: 1px solid #cccccc;
margin-left: 320px;
margin-top:30px;
}

#block-widgets-s-addthis-share.block.block-widgets h2.block-title {
text-align: right;
color:#000000;
background: #cccccc;
padding: 4px;
padding-right: 8px;
margin-bottom: 7px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
}

.node-245.node.node-page {
line-height: 1em;
}

.node-247.node.node-page {
line-height: 1em;
}

.book-navigation .page-up {
    display: block;
    float: left;
    margin: 0 5%;
    width: 4%;
	    background: url("../images/arrow-red.gif") no-repeat scroll 4px 4px transparent;
}


#block-block-11 {
margin-top: 36px;
border: 0px !important;
}

#block-service-links-service-links {

width: 100%;
float: right;

}

#block-service-links-service-links ul {
margin: 2px !important;
}

#block-service-links-service-links a {
text-decoration: none;
padding-left: 1px;
}

#block-service-links-service-links img {
padding-right: 4px;
}

#block-views-similar-entries-block {
margin-top: 60px;
}



.header__logo-image {
float:left;
height: 90%;
padding-top:5px;
}

#block-block-12 {
padding:0;
line-height: 0;
}

#navigation .block {
margin-left: 190px;
}

.form-actions.form-wrapper {

}


/* Breite 0 - 767px   */



@media (max-width: 767px) { 


.header__logo-image {
height: 75%;
}

#block-menu-menu-kategorien li {
    line-height: 1.5em;
}



.sidebar-first #content {
 float: left;
    width: 100%;
    margin-left: 0;
    margin-right: -100%;
}

.sidebar-first .region-sidebar-first {
 display: none;
}

#navigation .block {
margin-left: 0;
}

#edit-custom-search-blocks-form-1--2 {
    width: 250px;
}

.form-item-custom-search-blocks-form-1 label {
display: none;
}

#main-menu {
float: left;
}

.node-vorlage.view-mode-full {
border: none;
padding: 0px;
}
.node-type-vorlage #page-title {
border: none;
}

}









/* Breite 768px - 960px   */


@media (min-width: 768px) { 

#edit-custom-search-blocks-form-1--2 {
    width: 320px;
}

#navigation .block {
margin-left: 100px;
}



}









/* Breite 960px - 100%  */

@media (min-width: 960px) { 

#navigation .block {
margin-left: 190px;
}

#block-menu-menu-kategorien {
margin-top: 10px;
}

.sidebar-first .region-sidebar-first {
margin-top: 15px;
}

}



}