/** Project: CompanyProfile
 *  Description: Praxis Mathias Müller
 *
 *  @creator       MK
 *  @framework     YAML v4.1.2
 *  @file          bildschirm.css


Farbe CI:
Gruen #88B649
hell:
#E6ECD4

Blau #787296
 */



/*html { 
  background: url(../images/hg.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
*/


header, footer { background-color: #fff; color: #444; }
footer { padding: 0;}
header { border-top:#787296 6px solid; border-bottom:#787296 6px solid; }
footer { border-top:#787296 6px solid; }



h2, h3 { color: #88B649; }
h3 { line-height: 1.1em; font-weight: bold;  }

ul ul {
    list-style-type: circle;
}

ul ul ul {
    list-style-type: square;
}

p.erster-buchstabe:first-letter {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 3em;
	float: left;
	padding: 8px 8px 0 0;
}

a {
		background: transparent;
		color: ;
		font-weight: 700;
		text-decoration: underline;
	}

	a:active {
		outline: none;
	}

	a:hover,
	a:focus {
		background-color: #88B649;
		color: white;
		text-decoration: none;
	}

a.weiter { font-weight: bold; }




.abkuerzung {
font-family: Arial;
font-size: 70%;}




.info { background-color: #E6ECD4; }


.schatten {
-moz-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.5); /* Firefox */
-webkit-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.5); /* Chrome, Safari */
-khtml-box-shadow:0px 1px 4px rgba(0, 0, 0, 0.5); /* Konqueror */
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5); /* CSS3 */
}





.rundung-standard,
main img.illu-1,
div.startseite-box-1,
img.startseite-box-bild-1,
img.startseite-box-bild-2,
img.startseite-box-bild-3,
img.headergrafik-start {
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-khtml-border-radius: 10px; /* for old Konqueror browsers */
border-radius: 10px; /* css3  */
}
.border-standard,
img.startseite-box-bild-2,
 {
border: 1px solid #E6ECD4;
}


.bu { color: #777;
font-style: italic;}

div.startseite-box-1
 {
border: solid 2px #E6ECD4;
}


div.breadcrumb {
	font-size: 0.8em;
	background-color: #E6ECD4;
	margin-bottom: 2em;
}

div.breadcrumb a:link,a:hover {
	text-decoration: none;
}




ul.faq li a:link, ul.faq li a:visited { color: #444; }
ul.faq li a:visited { color: #000; }
ul.faq li a:active, ul.faq li a:hover { color: #fff; }

ul.faq li { text-align: center; padding-top: 15px; }




#igel-uebersicht { margin-top: 50px; }

 
#infokasten-01 { 
	padding-left: 3em;	
 }
#infokasten-01 h2 { 	
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: normal;
	padding-top: 3em;	
 }

 
 
#logo-header { margin: 1em 0 1em 1em; }


#terminvereinbarung-box { text-align: right; }
#terminvereinbarung { ; }

div#kasten-fachrichtung h2 { 
padding-top: 30px;
color: #787296; 
font-size: 120%; 
font-variant: small-caps; 
text-transform: uppercase; 
letter-spacing: 0.1em; 
font-weight: 700; 
}

div#kasten-fachrichtung h3 { 
font-size: 120%; 
font-weight: 700;
}



div.faq-stichwort { margin: 1em 0; }

main div#subnavi-2 { 
 margin-top: 3em;
 }

main ul.ym-vlist { 
 
 }


footer ul.subnavi {
margin-top: 20px;}

ul.subnavi li{
    list-style-type: none;}

footer a, footer a:visited,footer a:active, ul.subnavi li a { 
	background: transparent; 
	color: #444; 
	text-decoration: none; 
	/*margin-left: 0.5em; */
}

footer a:hover, ul.subnavi li a:hover { 
	color: #545454; background-color: #fff;
}
 
ul.subnavi li a.active:visited, ul.subnavi li a.active:link { color: #b51300; }



footer a, footer p {
    font-size: 85%;
    color: #444;}

footer h3, footer h6 { color: #444; }
footer h3 { font-size:250%; font-weight: bold; }
footer h6 { font-size:120%; font-weight: normal; margin: 20px 0 0 0; }

div.footer-toplink { line-height:0; text-align: center; }

nav {
	padding: 20px 0;
}

nav div.kasten h1 span.oben {
	font-weight: normal;
	color: #444;
	font-size: 200%;
	line-height: 1.4;
	font-family: 'Open Sans Condensed', Arial, sans-serif; 
}

h4,h5,h6 {color: #000000;}

.akronym { 
color: #000; 
font-size: 1em; 
font-weight: bold; 
font-style: italic; 
margin-right: 0.15em; }

.abstandoben { margin-top: 2em; }

.clearleft{clear: left;}
.clearright{clear: right;}
.clearboth{clear: both;}





/* wegen Navigation  Skript SMARTNAVI
#main-menu-container {  }
 */	
 .teaser { z-index: -1; }
/* #####################  */


.faq {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.faq li {
float: left;
background-color: #dddddd;
border: solid 1px #bbb;
width: 155px;
line-height: 1.1;
height: 35px;
margin: 3px;
padding: 3px;
}
.faq li a{
font-weight: normal;
}
.faq li a:link,
.faq li a:visited,
.faq li a:hover {
text-decoration: none;
}

a.grafiklink:link, a.grafiklink:hover, a.grafiklink:active, a.grafiklink:visited, a.nobgcolor:hover 
{ text-decoration: none; background-color: transparent; }
img.druckersymbol {
	vertical-align: middle;
	margin-left: 1em;
}
div.link_zur_uebersicht {
	float: right;
}





h2.kasten { color: #88B6498; font-size: 130%; letter-spacing: 0.05em; text-transform: uppercase; font-weight: bold; padding: 5px; }



main h1 {
		font-size: 300%;
		line-height: 1.3;
		margin: 0 0 10px;
		padding: 0;
		
		font-weight: bold;
	}
main h1 {
    color: #787296;
    margin-bottom: 20px;}



div.startseite-box-1 { 
background-color: #fff; 
margin: 0; 
padding: 20px;  
}
img.startseite-box-bild-1 { 
float: left;
margin: 15px 0 10px 0; }

div.startseite-box-2, 
div.startseite-box-3
  { 
margin: 30px 10px 40px 10px; 
padding: 10px;
background-color: #E6ECD4;
}
div.startseite-box-2-oben { 
margin-top: 0px;
}

div.startseite-box-3 {
margin-top: 30px;
}

div#laufschrift { 
font-size: 150%;
margin: 0px 0px 20px 0; }


img.icon-telefon {
    vertical-align: middle;
}
img.icon-infobox { 
float: left;
margin: 10px 15px 0 0;
}

img.headergrafik {
border: solid 4px #fff;
position: relative;
border-radius: 4px;
box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.5);
}

img.startseite-box-bild-2
{ float: right; margin: 0 0 5px 0; }

img.startseite-box-bild-3
{ float: left; margin: 0 5px 1em 0; }

main img.illu-1 { 
float: right;
margin: 0 0 10px 10px;
 }


div#infokasten { font-size: 0.9em; margin: 1em; clear: both; }
div#infokasten h2 {
	font-size: 2em;
	font-weight: normal;	
}

div.team-uebersicht { text-align: center; background-color: #eee; margin: 1em; }





h4.laserkorrektur { 
font-size: 150%;
font-weight: normal;
 }
h6#submenutitel { color: #fff; background-color: #444; margin: 0 0 1.5em; padding-left: 10%;}


hr.xl { height:4px; border:0; background:#ddd; margin:3em 0; }


img.icon-headline {
margin-left: 0.5em;
vertical-align: middle;
}


span.betont { font-weight: bold; }



#headergrafik-content,
img.headergrafik-start {
-moz-box-shadow:0px 0px 10px #222; /* Firefox */
-webkit-box-shadow:0px 0px 10px #222; /* Chrome, Safari */
-khtml-box-shadow:0px 0px 10px #222; /* Konqueror */
box-shadow:0px 0px 10px #222; /* CSS3 */
}

#lageplan { margin-top: 2em; }



main div#inhalt div.ym-grid {  
	margin-top:4em;
}
main div#inhalt-grid-oben {  
	margin-top: 0;
	margin-bottom: 2em;
}

main  { padding-top:2em; }

table.tabelle-standard	{ width:auto; }


td.leistung-kopfzeile			{ color: #002658; background-color: #e5e5e5; font-weight: bold; padding:3px; font-variant:small-caps; }	
td.leistung-zeile1				{ color: #002658; background-color: #e5e5e5; padding:3px; vertical-align:top; }	
td.leistung-zeile2				{ color: #002658; background-color: #cccccc; padding:3px; vertical-align:top; }	
td.leistung-zeile2 h3			{ line-height: 1.2; }	


.jquery_tabs ul.tabs-list li a:link { text-decoration: none; }

div.faq-stichwort a { font-size: 1.3em; }


/* Accordion */

.trigger {
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	-moz-box-shadow:0 1px 1px #fff inset;
	-webkit-box-shadow:0 1px 1px #fff inset;
	box-shadow:0 1px 1px #fff inset;
	background:-moz-linear-gradient(center top, #DAE7ED 50%, #C5D7DE 50%);
	background-color:#ddd;
	border:1px solid #ddd;
	color:#538EA8;
	cursor:pointer;
	margin-bottom:15px;
	padding:5px;
	text-shadow:0 1px 0 #fff;
	
}
.trigger_active {
	font-weight: bold;
	font-size: 220%;
	color: #206d8f;
	
}
.toggle_container {
	padding:10px 50px 30px 50px;
	
}



/*  YAML  */

div.tabbody { padding:2em; background-color: #DDDDDD; }



/*  Smart Menu   */

a.current { background-color: #; }



/*  Flexslider   */

.flex-control-paging li a.flex-active { background: #88B649; }




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


	.linearize-level-1 > [class*="ym-c"] > [class*="ym-cbox"],
	.linearize-level-1 > [class*="ym-g"] > [class*="ym-gbox"] {
		margin: 0;
		overflow: hidden;
		padding: 0px;
	}

	#einklinkerwebsite{
	float: none;}
	div#infokasten {
	margin: 0;
	}
	#infokasten-01 { 
		padding-left: 0;
margin-top: 40px;		
	 }
	div#jobs_kontakt { 
		display:none;	
	 }

	#terminvereinbarung-box { text-align: left; }

	main div#inhalt div.ym-grid {  
		margin-top:2em;
	}

	div.team-uebersicht { text-align: left; margin: 1em; padding:1em }
	 div.team-uebersicht a{ padding: 1em; }

}	
	



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

	nav {
		padding:0 0 20px 0;}
	h3 { font-size: 18px; }
		

}