/* CSS Document eigene.css > baubiologie-holtrup  Autor: Manfred Richey  */

body.site {
			/* border-top: 3px solid;  */
			/* background-color: #e6e8c9;  /*  template: #f4f6f7;  */
     /* background-image: url('/images/bg_ws-bl.gif');  */
}


h1 {
	font-size: 20px;  /* 26px; geändert */
	line-height: 24px;  /* 28px; geändert */
  letter-spacing:0.2mm; /* geändert 22px; */
  color: #555; /* geändert 22px; */
}
h2 {
	font-size: 18px; 
  letter-spacing:0.2mm; /* geändert 22px; */
  color: #444; /* geändert 22px; */
	line-height: 22px;  /* 24px; geändert */
}
h3 {
	font-size: 16px;  /* 18px; geändert */
	line-height: 20px;
}


.footer1 { color: #AAA;
}
.footer2 { color: #AAA;
}

.footer1 a { 
       color: #999;
	     text-decoration: none;
}
.footer1  a:hover {
	color: #005580;
	text-decoration: underline;
}

.footer2 a { 
       color: #999;
	     text-decoration: none;
}
.footer2  a:hover {
	color: #005580;
	text-decoration: underline;
}

/*  Grafiken Radius  */

img {     -webkit-border-radius: 6px;
	        -moz-border-radius: 6px;
	        border-radius: 6px; 
}

/* Suchfeld anordnen */

.search { margin-top:18px; }

/* Resizefonts anpassen > weitere Anpassungen unten bei @media ...  */

#mod_resizefonts { margin:0; padding:0;
                   letter-spacing:1mm;
}



/* Haupt-Überschrift / Titel ganz oben • verlinkt zur Startseite */


.site-title { font-size: 2.0em; 
              line-height:150%; 
              margin-top:0px;
}

/*  Anpassungen Banner ganz oben  wg. Höhe der Grafik */

.site-description { font-size: 1.2em; line-height: 1.6em;
}


/* oben mit Titel - bei Verwendung nur Grafik: kein Titel, Grafik in Template einfügen! */

.header { /* background-image: url('/images/headers/header3.jpg');  /* header3.jpg  oder header3.jpg  */
          /* background-repeat: no-repeat;  /* Hintergrundgrafik fest */
          /* background-color: #006699;   /* #E7F3FF; /* #DEF; */               
          /* opacity: .85; filter:Alpha(Opacity=85);  */
          /* border-top:0px; border-right: 2px; border-bottom: 1px; border-left: 0px; 
          /* border-color:#aaa;  /*  #DDD;  */ 
          /* border-style:solid;
          /* border-spacing:1px; */ 
          
          /* padding: 9px 6px 18px 6px;   */
          /* -webkit-border-radius: 5px;  /* 6px; */
	        /* -moz-border-radius: 5px;  /* 6px; */
	        /* border-radius: 5px;  /* 6px; */
          /* height: 68px; */
}

.header-inner {
   font-size: 1.0em; /* 1.2em; 16px; */
   font-weight: 400;  
  
}

.header-inner h1 {
 /* font-family: Arial,Verdana,Helvetica,sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-weight: 400;
  letter-spacing: 0.8mm;
  font-size: 1.8em; /* 2.0em; 42px; */
  color: #006;
  line-height:150%;  /* 100%; */
  padding-top: 12px;
  margin-left: 80px;
}

.header-inner a { color: #eee; /*  #008;  */
}
.header-inner a:hover { color: yellow;
}


.rot { color: #C00; 
}

.txt-klein {
  font-size: 16px;
}

.page-header {
    font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
    font-weight: 400;
		display: block;
    color: #008;
    font-size: 18px; 
		line-height: 24px;
    letter-spacing: 0.3mm;
}

.page-header strong { font-weight: 400;
}

.page-header h1 { font-size: 0.9em;
                  line-height: 125%;     
}

hr { background:#ddd; color:#ddd; border:#ddd; height:1.5px; }  

/* Hintergrund Menue und weitere */

#menu-bg { background-image: url('/images/bg_ws-bl.gif');         
}

.bg-grau { background-color: #ee8; /* #f0eeef; */
}


/* Rechts, Padding wg. Abstand  */
                                 
.bg-ws-bl { background-image: url('/images/bg_ws-bl.gif'); 
            padding:15px;      
}


/* Menüpunkte im Hauptmenü anpassen  */

/* Anpassungen für alle Displaygrößen  */

.nav > li > a:hover {
	text-decoration: none; /*  underline; gilt für aktive und inaktive Menüpunkte */
	background-color: #eee; /* Hintergrundfarbe Menüpunkt inaktiv */
}

.nav-pills > li > a {
	padding-top: 4px; /* 4px; 8px orig Höhe der Menüpunkte anpassen */ 
	padding-bottom: 4px; /* 4px; 8px orig Höhe der Menüpunkte anpassen  */
	margin-top: 2px;  /* 4px; oberen Abstand der Menüpunkte anpassen  */
	margin-bottom: 2px; /* 4px; unteren Abstand der Menüpunkte anpassen  */
	-webkit-border-radius: 2px; /* Radien anpassen; 5px orig - immer alle 3 Einträge ändern */
	-moz-border-radius: 2px; /* Radien anpassen; 5px orig - immer alle 3 Einträge ändern */
	border-radius: 2px; /* Radien anpassen; 5px orig - immer alle 3 Einträge ändern */
}

.nav-tabs > li > a,
.nav-pills > li > a {
	padding-right: 5px; /* orig 12px; */ 
	padding-left: 5px; /* orig 12px; */
	margin-right: 2px;
	line-height: 14px;
}


/* Abstand für Eintrag Facebook rechts */

.ab-1  { width:190px;
         /* margin-left: 12px; */
         padding-left:10px;
}

textarea { width: 20em; 
           height: 6em; 
           margin-bottom: 6px;  
           margin-right: 6px;
}


/* Anpassung kleine Displays  */ 

@media (min-width: 768px) and (max-width: 979px) {
	.header-inner {
  font-size: 0.9em; /* 1.2em; 16px; */
  font-weight: 400;
}

.header-inner h1 {
 /* font-family: Arial,Verdana,Helvetica,sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-weight: 400;
  letter-spacing: 0.6mm;
  font-size: 1.6em; /* 2.0em; 42px; */
  color: #006;
  line-height:140%;  /* 100%; */
  padding-top: 9px;
  margin-left: 80px;
}
#mod_resizefonts { padding-top:12px;
                   letter-spacing:2mm;
}
}


@media (min-width: 600px) and (max-width: 768px) {
		.header-inner {
  font-size: 0.8em; /* 1.2em; 16px; */
  font-weight: 400;
}

.header-inner h1 {
 /* font-family: Arial,Verdana,Helvetica,sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-weight: 400;
  letter-spacing: 0.4mm;
  font-size: 1.4em; /* 2.0em; 42px; */
  color: #006;
  line-height:140%;  /* 100%; */
  padding-top: 6px;
  margin-left: 80px;
}
#mod_resizefonts { padding-top:12px;
                   letter-spacing:2mm;
}
}

@media (min-width: 480px) and (max-width: 600px) {
		.header-inner {
  font-size: 0.8em; /* 1.2em; 16px; */
  font-weight: 400;
}

.header-inner h1 {
 /* font-family: Arial,Verdana,Helvetica,sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-weight: 400;
  letter-spacing: 0.4mm;
  font-size: 1.4em; /* 2.0em; 42px; */
  color: #006;
  line-height:140%;  /* 100%; */
  padding-top: 6px;
  margin-left: 80px;
}
#mod_resizefonts { padding-top:12px;
                   letter-spacing:2mm;
}
}

@media (min-width: 240px) and (max-width: 480px) {
	.header-inner {
  font-size: 0.7em; /* 1.2em; 16px; */
  font-weight: 400;
}

.header-inner h1 {
 /* font-family: Arial,Verdana,Helvetica,sans-serif; */
  font-family: 'Open Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif;  
  font-weight: 400;
  letter-spacing: 0.3mm;
  font-size: 1.3em; /* 2.0em; 42px; */
  color: #006;
  line-height:140%;  /* 100%; */
  padding-top: 6px;
  margin-left: 12px;  /*  80px; */
}
#mod_resizefonts { padding-top:12px; 
                   letter-spacing:2mm;
}
}


/*  Anpassungen  */

#cookieMessageContainer { background-color: #999; 
}