/* ----------------------------------------------------------------------------- * 
 *                      Atmosphäre: Farben und Schriften                         *
 *          Alle weiteren Styles stecken in der jeweiligen layout.css            *
 * ----------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------- * 
 * Verwendete Farben
 * Blue Colors:
 * #1A1F2B - dark blue
 * #30395C - middle dark blue
 * #4A6491 - middle blue
 * #85A5CC - middle light blue
 * #C2D2E5 - light blue
 * #DAD9CF - cafe
 + #e6e5db - cafe hell
 * ----------------------------------------------------------------------------- */

@font-face {
font-family: 'robotolight';
src: url('Roboto-Light-webfont.eot');
src: url('Roboto-Light-webfont.eot?#iefix') format('embedded-opentype'),
	 url('Roboto-Light-webfont.woff') format('woff'),
	 url('Roboto-Light-webfont.ttf') format('truetype'),
	 url('Roboto-Light-webfont.svg#robotolight') format('svg');
	font-weight: normal;
	font-style: normal; }
	

@font-face {
    font-family: 'roboto_condensedregular';
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot');
    src: url('../fonts/RobotoCondensed-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Regular-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Regular-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-Regular-webfont.svg#roboto_condensedregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'roboto_condenseditalic';
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot');
    src: url('../fonts/RobotoCondensed-Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-Italic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-Italic-webfont.ttf') format('truetype'),
         url('RobotoCondensed-Italic-webfont.svg#roboto_condenseditalic') format('svg');
    font-weight: normal;
    font-style: normal;
}


@font-face {
font-family: 'roboto_condensedbold';
src: url('../fonts/RobotoCondensed-Bold-webfont.eot');
src: url('../fonts/RobotoCondensed-Bold-webfont.eot?#iefix') format('embedded-opentype'),
	 url('../fonts/RobotoCondensed-Bold-webfont.woff') format('woff'),
	 url('../fonts/RobotoCondensed-Bold-webfont.ttf') format('truetype'),
	 url('../fonts/RobotoCondensed-Bold-webfont.svg#roboto_condensedbold') format('svg');
	font-weight: normal;
	font-style: normal;}
	
@font-face {
    font-family: 'roboto_condensedbold_italic';
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot');
    src: url('../fonts/RobotoCondensed-BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.woff') format('woff'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/RobotoCondensed-BoldItalic-webfont.svg#roboto_condensedbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}
		
@font-face {
	font-family: 'robotoregular';
	src: url('../fonts/Roboto-Regular-webfont.eot');
	src: url('../fonts/Roboto-Regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('../fonts/Roboto-Regular-webfont.woff') format('woff'),
		 url('../fonts/Roboto-Regular-webfont.ttf') format('truetype'),
		 url('../fonts/Roboto-Regular-webfont.svg#robotoregular') format('svg');
		font-weight: normal;
		font-style: normal;
}
@font-face {
    font-family: 'robotobold';
    src: url('../fonts/Roboto-Bold-webfont.eot');
    src: url('../fonts/Roboto-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Roboto-Bold-webfont.woff') format('woff'),
         url('../fonts/Roboto-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Roboto-Bold-webfont.svg#robotobold') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*----------------------------------------------------------------------------------
                            Textstyles - allgemein
----------------------------------------------------------------------------------*/ 
 
html {
    font-size: 100%;
}

img { border: none; 
	max-width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------------------- * 
 *                             Layoutbereiche                                *
 * ----------------------------------------------------------------------------- */
body {
    background-color: #fff;
    color: #1A1F2B; /* dark blue */
    font-family: 'robotoregular', Arial, 'Helvetica Neue', sans-serif;
	font-weight: normal;
	font-size: 16px;
    font-size: 1rem; /* 16px */
    line-height: 1.5rem; /* 24px */
	overflow-y: scroll; /* erzeugt scrollbalken-leerraum */
}

#header {
 	float: right;
	width: auto;
	margin: 20px 26px 0 0;
	}

#stage {
	background-color: #DAD9CF;
	margin-top: 24px;
	padding: 30px 20px;}
	
.textspalte {
	margin: 0 20px 20px 20px;
	}	

.footer {
    background-color: #FFFFFF;
	font-size: 0.8125em;
    color: #30395C;
	margin-top: 3em;
    padding: 1em 20px 3em 20px;
	}



/* ----------------------------------------------------------------------------- * 
 *                             Textauszeichnungen                                *
 * ----------------------------------------------------------------------------- */
 
 p {font-family: 'robotoregular', Arial, 'Helvetica Neue', sans-serif;
	font-weight: normal;
	margin: 0 0 1em 0;
	}
	strong {
		font-family: 'robotobold', Arial, 'Helvetica Neue', sans-serif;
		font-weight: normal;
		}
		p.spez {
			font-family: 'robotolight', Arial, 'Helvetica Neue', sans-serif;
			font-weight: normal;
			color: #4A6491;
			margin: 0 0 1em 0;
			}
 
h1  {
    font-size: 2.250em; /* 36px; */
    line-height: 1.5em; /* 54px */
	}

h2  {
    font-size: 1.625em; /* 26px */     
}

h3  {
    color: #4A6491; /* middle blue */
	font-family: 'robotoregular', Arial, 'Helvetica Neue', sans-serif;
    font-size: 1.25em; /* 20px */
	line-height: 1.3em;
	margin-bottom: 1.2em;
	margin-top: 1.5em;
   	}
	#buero h3 {
		font-size: 1.15em;
		margin-bottom: 0;
		}
		untertitel {
		margin-top: 0;
		font-size: 0.5em;
		font-weight: bold;
			}
			
h4 {
	font-family: 'robotoregular', Arial, 'Helvetica Neue', sans-serif;
	font-weight: normal;  
	margin-bottom: 1.125em; 
	line-height: 1.3em;
	}
	#wettbewerbsbetreuung h4,
	#schule_doerndorf h4 {
		margin-top: 1.5em;
		
				}

a:link, a:visited {
    color: #30395C;
    text-decoration: none;
	}
.footer a, .textspalte a {
    text-decoration: underline;
	}
	

a:hover, a:focus, a:active {
    color: #30395C;
   	}  /* middle dark blue */

ul, ol {
    padding: 0;
    margin: 0;
	list-style-type: none;
	}

.number {
	list-style-type: decimal;
	margin-bottom: 1em;
	margin-left: 1.25em; }
	
table {
	margin-top: 1.5em;}
td {
	vertical-align: top;
	padding: 8px 0;}
	
	/*------- Liste auf Startseite ---------------------------*/
	
.liste
	{ list-style-type:circle;
	margin-left: 1em;}
	
	/*----- Ende------------*/

	
/* -----------------------    Off-Canvas-Navigation  (+allgemein)   -------------------------- */	
 
nav {
    font-family: 'roboto_condensedbold', Arial, 'Helvetica Neue', sans-serif;
	line-height: 2.5em;
    font-size: 1.125em; /* 18px ? */
	letter-spacing: 0.07em;
	border-right: 8px solid #fff;
	}	
 
nav ul {
    margin: 0;
	} 

nav ul ul {
	font-family: 'roboto_condensedregular', Arial, 'Helvetica Neue', sans-serif;
	font-weight: normal;}

nav ul a:hover, nav ul ul a:hover, #submenu a:hover {
	background-color: #e6e5db;
	}

nav ul > li {
    margin-left: 0;
    border-top: 1px solid #e6e5db;
	}

nav ul > li > a {
    padding: 0.25em 20px;
    display: block;
	}

nav ul ul li a {
	padding: 0.25em 45px;
	}	
	
.ups a:hover{ 
	color: #fff;
	background-color: #e6e5db;
	}
	
/* ------------------- Auszeichnung der aktiven Menüpunkte ---- */

#aktuell #akt a,
 #buero #buer a,
 #projekte #proj a,
 #etting #proj a,
 #soz-stadt #proj a,
 #rahmen-mheim #proj a,
 #schutterhof #proj a,
 #berufsfachschule #proj a,
 #krippe-marienheim #proj a,
 #krippe-konrad #proj a,
 #glacisbruecke #proj a,
 #jugendtreff #proj a,
 #scheinerstrasse #proj a,
 #hauptmann_3 #proj a,
 #hauptmann_7 #proj a,
 #hegnenbergstrasse #proj a,
 #griesmuehlstrasse #proj a,
 #griesbadgasse #proj a,
 #abensberg #proj a,
 #sanierung_enev #proj a, 
 #sanierung-mheim #proj a,
 #landgericht #proj a,
 #wb-landsberg #proj a,
 #wb-breitenbrunn #proj a,
 #wb-ringstrassewest #proj a,
 #wb-ringstrasse #proj a,
 #wb-augustin #proj a,
  #wettbewerbsbetreuung #proj a,
  #impressum #kont a,
  #kontakt #kont a,
  #daten #kont a,
  #forum #for a,  
  #A-woche #for a,
  #theater #for a { 
 	font-family: 'roboto_condensedbold_italic', Arial, 'Helvetica Neue', sans-serif;
 	background-color: #DAD9CF;	
	 }	/* HG cafe */ 

#navMain {
	margin-top: 40px;
	}
		 				
#projektmenu {
	display: none;}
	
#submenu ul {
		margin: 30px 18px 0px 13px;		
		  }
		  
	  #submenu ul li {
	  display: inline;
	  border-right: 1px solid #4A6491;
	  }		
	
	  #submenu ul li a {	
		font-family: 'roboto_condenseditalic', Arial, 'Helvetica Neue', sans-serif;
		letter-spacing: 2px;
		line-height: 1.8em;
		letter-spacing: 1px;
		padding: 0 0.5em;
		 }
		 
/* --------------- dritte menüebene / submenü  

#soz-stadt #s-stadt a,
#rahmen-mheim #mheim a,
#etting #ett a,
#berufsfachschule #schule a,
#schutterhof #schank a,
#jugendtreff #treff a,
#krippe-konrad #kikrikon a,
#krippe-marienheim #kikrimarie a,
#glacisbruecke #bruecke a,
  #scheinerstrasse #schein a,
 #hauptmann_3 #hpt3 a,
 #hauptmann_7 #hpt7 a,

#griesmuehlstrasse #gmuehl a,
#griesbadgasse #ggasse a,
#sanierung_enev #enev a,
#sanierung-mheim #en-mheim a,
#landgericht #en-lg a,
#abensberg #alt a,
#wb-landsberg #ll-br a,
#wb-breitenbrunn #brbrunn a,
#wb-augustin #august a,
#wb-europan #europ a,
#wb-lebenshilfe #lhwst a,
#wb-ringstrassewest #laerm a,
#wb-ringstrasse #ringstr a,
#impressum #impr a,
#kontakt #ktkt a,
#daten #data a,
#A-woche #A4 a,
#theater #thea a {
		font-family: 'roboto_condensedbold_italic', Arial, 'Helvetica Neue', sans-serif;
			}
			---------------------*/
#finden p {color: #fff;
	font-size: 1.5em;
	line-height: 1.3em;}
#finden a {text-decoration: underline;}	
#finden ul ul {
	font-family: 'robotobold', Arial, 'Helvetica Neue', sans-serif;
	color: #30395C;
	text-indent: 1.5em;}
#finden ul ul ul {
	font-family: 'robotoregular', Arial, 'Helvetica Neue', sans-serif;
	text-indent: 2.5em;}

/*  ------------------- OFF CANVAS MENU ---------------------  */

/* Eigene Anpassungen für den Menü-Trigger-Button */
a.toggle-nav {
    display: block;
    position: absolute;
    left: 20px; /* vorher 5% */
    top: 1.5em;
    cursor: pointer;
    padding: 0.3em;
	border: 1px solid #1A1F2B;
    color: #30395C;
	font-size: 1.25em;
    }

a.toggle-nav:hover {
    border: 1px solid #1A1F2B;    
    color: #4A6491;
	}

body.off-canvas-menu #menu {
    background: #fff;
	}

.no-js a.toggle-nav {
    display: none;
	}

/*  -------------------Ende OFF CANVAS MENU ---------------------  */
	
@media print {
		#submenu 
		 {
		  display: none;}
		  
		#stage,
		#textspalte {
		  padding:1em;}
		h3 {
			margin-top: 1.8em;}
			}

/* ----------------------------------------------------------------------------- *
 *                               Styles für große Bildschirme                     
 * ----------------------------------------------------------------------------- */


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


a.toggle-nav {
	display: none;
	}
	
#header {
	margin: 20px 12px 0 0;}
	
#menu {
	margin: 2em 0 4em 0;}
	
.footer {
      padding: 1em 20px 3em 10px;
	}

	


/* ----------- Navigation, Auszeichnung für beide Menüs -------------  */

nav {
	padding: 0;   
	margin: 0 0 3em 0;}

nav ul {
	margin: 0.5em 20px 0 0;
	}	
	
  nav ul li {
	  float: left;
	  width: auto;
	  line-height: 1em;
	  list-style-type: none;
	  border-top: none;
	  }	
		
	nav ul > li > a {
			padding: 0.2em 10px 0.2em 10px;
			display: inline-block;
			}

#navMain {
	margin-bottom: 40px;
	}			
.auflinie {
	display: inline-block;
	}  	
.ups { 
	display: none;
	}	
  
  

/*  ------------- projektmenu styles ------------*/

 		
#projektmenu {
	display: block; /* Einblenden Submenü */
	margin: 0 0 1.5em 0;
	padding-top: 0.5em;
	}

#projektmenu ul li {
	font-family: 'roboto_condensedregular', Arial, 'Helvetica Neue', sans-serif;
	border-right: 1px solid #4A6491;
	 } 
	 #projektmenu ul li a {
		 padding: 0.25em 0.5em;
		 }
		 

/*  ---------------- dritte Menüebene ----------------- */

#submenu ul {
		margin: 30px 10px 0 0;		
		}
		
#submenu ul li {
	border-right: none;
	}

#submenu ul li a {
	display: block;
	font-family: 'roboto_condensedregular', Arial, 'Helvetica Neue', sans-serif;
	line-height: 1.5em;
	padding: 4px 0.5em 0 0.5em;
	}


/* --------------- Kennzeichnung aktiver Links ---------------------*/

/* --------------- erste menüebene ---------------------*/
 #aktuell #akt a,
 #buero #buer a,
 #projekte #proj a,
  #staedtebau #proj a,
 #etting #proj a,
 #soz-stadt #proj a,
 #rahmen-mheim #proj a,
 #schutterhof #proj a,
 #berufsfachschule #proj a,
 #krippe-marienheim #proj a,
 #krippe-konrad #proj a,
 #glacisbruecke #proj a,
 #jugendtreff #proj a,
   #scheinerstrasse #proj a,
 #hauptmann_3 #proj a,
 #hauptmann_7 #proj a,
 #hegnenbergstrasse #proj a,
 #griesmuehlstrasse #proj a,
 #griesbadgasse #proj a,
 #abensberg #proj a,
 #sanierung_enev #proj a, 
 #sanierung-mheim #proj a,
 #landgericht #proj a,
 #wb-landsberg #proj a,
 #wb-breitenbrunn #proj a,
 #wb-ringstrassewest #proj a,
 #wb-ringstrasse #proj a,
#wb-augustin #proj a,
#wb-europan #proj a,
  #wettbewerbsbetreuung #proj a,
  #impressum #kont a,
  #kontakt #kont a,
  #daten #kont a,
  #forum #for a,
   #A-woche #for a,
    #theater #for a { 
 	font-family: 'roboto_condensedbold_italic', Arial, 'Helvetica Neue', sans-serif;
	background: #fff;
 	border-bottom: 2px solid #30395C;	
	 }
	 

#menu a:hover{
	background: #fff;
 	border-bottom: 2px solid #30395C;
	
} 	 
	

/* --------------- zweite menüebene, projektmenü ---------------------*/h

  #soz-stadt #staedt a,
 #etting #staedt a,
 #rahmen-mheim #staedt a,
  #krippe-konrad #oeff a,
 #glacisbruecke #oeff a,
 #schutterhof #oeff a,
 #berufsfachschule #oeff a,
 #krippe-marienheim #oeff a,
 #jugendtreff #oeff a,
 #scheinerstrasse #woh a,
 #hauptmann_3 #woh a,
 #hauptmann_7 #woh a,
 #hegnenbergstrasse #best a,
 #griesmuehlstrasse #best a,
 #griesbadgasse #best a,
 #abensberg #best a,
 #sanierung_enev #best a,
 #sanierung-mheim #best a,
 #landgericht #best a,
 #wettbewerbsbetreuung #betr a,
 #wb-landsberg #wbw a,
 #wb-breitenbrunn #wbw a,
 #wb-ringstrassewest #wbw a,
 #wb-ringstrasse #wbw a,
 #wb-augustin #wbw a,
 #wb-europan #wbw a,
 #daten #data a,
 #impressum #imp a
   {
	color: #30395C;
	font-family: 'roboto_condensedbold_italic', Arial, 'Helvetica Neue', sans-serif;
	 }

#projektmenu a:hover {
  background: #e6e5db;
	}
	
/* --------------- dritte menüebene / submenü  ---------------------*/

#submenu ul li.schalter a {
		font-family: 'robotobold', Arial, 'Helvetica Neue', sans-serif;
		border-bottom: 1px solid #30395C;
	}
	/* --------------- ende navigation ---------------------*/

#kontakt #submenu,
#kontakt #textspalte, 
#impressum #submenu,
#impressum #textspalte, 
#daten #submenu,
#daten #textspalte,
#A-woche #submenu,
#A-woche #textspalte,
#theater #submenu,
#theater #textspalte,
#forum #submenu,
#forum #textspalte {
	margin-top: 2em;
	}

	
.textspalte {
	margin: 0 24px 3em 8px;
	}	
	
/* sichtbar */			
.footer {
	display: block;}
		
} 

@media only screen and (min-width: 992px) {
	
img {
	padding-left: 0;
	}
#stage {
	padding: 30px 0;
	margin-top: 2em;}
	
nav {margin-bottom: 2.5em;}		

#navMain {
	margin-top: 0;
	}
#submenu ul {
		margin: 30px 30px 0 0;		
		}
}