F	/* Resets */
	* {
		margin: 0; padding: 0;
	}
	
	img { -ms-interpolation-mode: bicubic; }
	
	.ht { /* hide text */
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	}
	
	/* For modern browsers */
	.cf:before,
	.cf:after {
	    content:"";
	    display:table;
	}
	
	.cf:after {
	    clear:both;
	}
	
	/* For IE 6/7 (trigger hasLayout) */
	.cf {
	    zoom:1;
	}
	
	body {
		/*background:  url(../bilder/hintergrundbild.jpg) center top no-repeat fixed;*/
		color: #a6a6a6;
		font-family: Verdana, serif;
		font-size: 15px;
		line-height: 1.5;
		margin: 0;
		padding: 0;
	}
	p {hyphens: auto}
	
	h1, h2, h3, h4 {
		font-family: Verdana, sans-serif;
	}
	
	h1 {
		font-size:1.4em;
		font-weight: bold;
		margin: 0 0 15px;
	}
	
		
	h2 {
		font-size: 1.3em;
		font-weight: normal;
		margin: 0 0 15px;
	}
	
	h3 {
		font-size: 1.2em;
		font-weight: normal;
		margin: 30px 0 15px;
	}
	h4 {
		font-size: 1.1em;
		font-weight: normal;
		margin: 30px 0 15px;
	}
	
	.content_sub h2,
	.content_sub h3 {
		font-family: Verdana, sans-serif;
		font-weight: bold;
	} 
	
	.content_sub h2 {
		font-size: 1.5em;
		margin: 15px 0 0;
	}
	
	.content_sub h3 {
		color: ##a6a6a6;
		font-size: 1em;
		margin: 15px 0 0;
	}
	
	p {
		margin: 15px 0 15px;
	}
	
	.inline {
		display: inline;
	}
	
	ul {
		margin-left: 15px;
	}
	
	
	/*nav {
		padding: .5em;
		position: relative;
		margin: 4.4em 0;
		float: right;
		width: 49.11111111%;
	}
	
	nav.main
	 {
		padding: .5em;
		position: relative;
		margin: 1em;
	}
	
	
	nav li {
	display: inline;
	padding-right: 5%;
	list-style-type: none;	
	}
	
	ul li a {
	text-decoration: none;
	color: #a6a6a6;
	font-family: Verdana, serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	border-bottom: 1px solid #a6a6a6;
	}

	ul li a:hover {
		text-decoration: none;
		color: #ffcc00;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		border: none;
		}
	
	
	ul li a:activ {		
		text-decoration: none;
		color: #000080;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		border: none;
}

	ul li a:visited {		
		text-decoration: none;
		color: #5B5555;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 2;
		border: none;
		}
*/

/* nav */
nav {
		padding: .5em;
		position: relative;
		margin: 4.4em 0;
		float: right;
		width: 69.1111111%;
	}
	
.nav ul {
text-align: right;
}
.nav ul {
margin: 0;
padding: 0;
}
.nav li {
margin: 0 5px 10px 0;
padding: 0;
list-style: none;
display: inline-block;
}
.nav a {
padding: 3px 12px;
text-decoration: none;
color: #999;
line-height: 100%;
}
.nav a:hover {
color: #000;
padding: 3px 12px;
line-height: 100%;
}
.nav .current a {
/*background: #999;
color: #fff;*/
border-radius: 5px;
			text-decoration: none;
			color: #008;
			font-family: Verdana, serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 2;
			border-bottom: 1px solid #E93232;
	
}


/* right nav */
.nav.right ul {
text-align: right;
}

/* center nav*/
.nav.center ul {
text-align: center;
}

body.home a.home, body.seminare a.seminare, body.partner  a.partner, body.kontakt a.kontakt,body.firmen a.firmen, body.privat a.privat, 
body.impressum a.impressum, body.projektmanagement a.projektmanagement, body.statistik a.statistik, body.grafik a.grafik, body.fuehrung a.fuehrung,
body.office a.office, body.websites a.websites, body.project a.project, body.einfachich a.einfachich, body.referenzen a.referenzen, body.remise a.remise
	{
			border-radius: 5px;
			text-decoration: none;
			color: #008;
			font-family: Verdana, serif;
			font-size: 14px;
			font-weight: bold;
			line-height: 2;
			border-bottom: 1px solid #E93232;
	}

body.projektunterpunkt a.projektunterpunkt, body.officeunterpunkt a.officeunterpunkt
	{
			border-radius: 5px;
			text-decoration: none;
			color: #008;
			font-family: Verdana, serif;
			font-size: 12px;
			font-weight: bold;
			line-height: 2;
			border-bottom: 1px solid #E93232;
		
	}
	
	
	.wrapper {
		background: #fff;
		border-bottom: none;
		margin: 48px auto 0;
		max-width: 1080px;
	}
	
	header {
		width: 100%;
		}
	
	.edvdidaktik {
		background: url(../bilder/edvdidaktik.jpg) left top no-repeat;
		background-size: 100% auto;
		float: left;
		height: 66px;
		/*margin: 28px 0 48px 5.55555556%;*/
		width: 240px;
	}
	
	.tagline {
		/*background: transparent url('bilder/banner.jpg') left top no-repeat;*/
		float:  left;
		font-size: 18px;
		font-style: italic;
		line-height: 1.4;
		margin: 23px 5.55555556% 0 150px;
		/*width: 150px;
		height: 150px;
		width: 22,9357798165138%;*/
		width: 100%;
		}
	
	
	article {
		background: transparent 96.15384615% bottom no-repeat;
		background-size: 27.77777778% auto;
	}
/*Der Hauptbereich*/	
	.content_main {
		background: #fff;
		float: left;
		padding: 48px 5.555555556%;
		width: 53.55555556%;
		border-left: solid #008 3px;
		-moz-opacity:1;
	
	}
	a {
	text-decoration: none;
	color: #a6a6a6;
	font-family: Verdana, serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	border-bottom: 1px solid #E93232;
	border-radius: 5px;
	}

	a:hover {
		color: #ffcc00;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		border-bottom: 1px solid #000080;
		border-radius: 5px;
		}
	
	
	a:activ {		
		text-decoration: none;
		color: #000080;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		
}

	a:visited {		
		text-decoration: none;
		color: #000000;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 2;
		border-bottom: 1px solid #ffcc00;
		border-radius: 5px;
}
	
	/*Hyperlinks für Workshops*/
	
	a.workshop {
		text-decoration: none;
		color: #a6a6a6;
		font-family: Verdana, serif;
		font-size: 14px;
		line-height: 2;
		}

		

/*Ende Hyperlinks für Workshops*/

/*Hyperlink für Link auf Seminare.html*/
a.kurse {
		font-size: 1.2em;
		font-weight: normal;
		margin: 30px 0 15px;
	}

	.content_main ul
	{
	   list-style:  url(../bilder/grau_gold.gif);
	   list-style-position: outside;
	   font-size: 0.9em;
    }

	
	ol
	{
		margin-left:25px;
	}
	
	.content_main img
	{width: 100%;
	}

	

/*Tabellen */
/*Tabelle formatieren*/
table.literatur{
padding:0px,
border:0px;
}
 

table.termine {
 border-collapse: collapse; /*Rahmen der Tabelle sind verbunden.*/
 width: 100%;
 line-height: 1.2em;
 text-decoration: none;
 table-layout: auto;
}
 /*Tabellenkopf und Beschriftung*/
thead th {
 border-right: 2px solid #fff;
 text-align:left;
 padding:2px;
 height:25px;
 border-bottom: 2px solid #c0c0c0;
 }

/*Die Zeile im mittlere Teil der Tabelle.*/
tbody tr.linie{
 border-bottom: 2px solid #c0c0c0;
 text-decoration: none;
}

/*Die Zeile im mittlere Teil der Tabelle.*/
tbody tr.zwischen {
  text-decoration: none;
  font-weight: bold;
}
/*Die Zelle im mittleren Teil der Tabelle.*/

tbody td.left{
 padding:5px;
 text-align:left;
 text-decoration: none;
 }


tbody tr.termine{
border-bottom: 2px solid #c0c0c0;
 padding:5px;
 text-align:left;
 text-decoration: none;
 font-weight: normal;
}

/*Die Beschriftung der Zeilen im mittleren Bereich der Tabelle*/
tbody th {
 text-align:left;
 padding: 2px;
}

/*Zeilen und Beschriftungen - Textformatierung*/
tbody tr, tbody th {
 text-decoration:none;
 font-weight:normal;
}

/*Der Hover-Effekt für die Tabellenzeile und die Zeilenbeschriftungen*/
tbody tr.termine:hover, tbody th.termine:hover {
 text-decoration:none;
 background-color: #ffcc00;
}
/*Ende der Tabellendefinition*/




	
/*Den Seitenbereich definieren*/	
.content_sub {
		float: right;
		padding: 48px 5.555555556%;
		width: 20.22222222%;
		border-left: solid #E93232 3px;
	}
	
.content_sub ul
	{
	   list-style:  url(../bilder/grau_gold.gif);
	   list-style-position: outside;
	   font-size: 0.9em;
    }

.content_sub li
{
margin-top: 2em;
}

.content_sub a {
	text-decoration: none;
	color: #a6a6a6;
	font-family: Verdana, serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 2;
	border: none;
	}

	.content_sub a:hover {
		text-decoration: none;
		color: #ffcc00;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
		border: none;
		border-bottom: 1px solid #000080;
		border-radius: 5px;
		}
	
	
	.content_sub a:activ {		
		text-decoration: none;
		color: #000080;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: bold;
		line-height: 2;
}

	.content_sub a:visited {		
		text-decoration: none;
		color: #000000;
		font-family: Verdana, serif;
		font-size: 14px;
		font-weight: 100;
		line-height: 2;
		border: none;
	}



/*Bilder definieren*/
	.portrait {
		max-width: 100%;
		}
		
	.gelassenheit {
		max-width: 111%;
				}
	
	
	.remisenbild {
	    float: left;
		max-width: 99.999999999%;
		border-left: solid 3px #008;
		position: relative;
		top:-2em;
	}
	
	.remisenbild_haus {
	    float: left;
		max-width: 80%;
		border-left: none;
		position: relative;
		top:1em;
	}

	footer {
		background: #fff;
		color: #a6a6a6;
		clear: both;
		padding: 15px 5.555555556% 1px;
		border-left: solid 3px #fc0;
		width: 100%;
		
	}
	
	
footer li {
	display: inline;
	padding-right: 5%;
	list-style-type: none;	
	
	}
	
footer ul {
	margin: 0;
	padding: 0;
}
	
	
	footer div {
	display: inline;
	width: 20%;
	padding: 1px 5.555556% 1px;
	}
	
	
	.print_headline {
	display: none;
	}

	.print_footline {
	display: none;
	}
 	
	embed,
	object,
	video {
		max-width: 100%;
	}
	
	
	@media screen and (max-width:1082px) {
		
		.wrapper {
			border: none;
			margin: .5em;
			max-width: 100%;
		}
	
	}
	
		
	@media screen and (max-width:660px) {
	
		h1 {
			margin: 24px 0 24px 4.54545454545%;
			max-width: 43.18181818%;
		}
	
		.tagline {
			line-height: 1.3;
			margin: 21px 4.54545454545% 24px 0;
			width: 43.18181818%;
		}
			
		.content_main,
		.content_sub {
			-webkit-box-sizing: border-box;
			-moz-box-sizing: border-box;
			box-sizing: border-box;
			float: none;
			padding: 36px 4.54545454545%;
			width: 100%;
		}		
		
		.content_sub h2:first-of-type {
			margin-top: 0;
		}
		
		.portrait {
			float: right;
			margin: 0 0 30% 5%;
			width: 47.5%;
		}
		
		article {
			background-position: 92% bottom;
			background-size: 43.18181818%;
		}

	}
	
	@media screen and (max-width: 440px) {
	
		h1 {
			float: none;
			margin-top: 7%;
			margin-bottom: 0;
			max-width: 90.90909091%;
		}
	
		.tagline {
			float: none;
			font-size: 15px;
			margin: 4.54545454545%;
			width: 90.90909091%;
		}
	
	}
	
@media screen and (max-width: 1000px) {
	
.nav.right {
position: relative;
top:-5em;
min-height: 40px;
}

.nav.right ul {
width: 180px;
padding: 5px 0;
border: solid 1px #aaa;
background: #fff;
border-radius: 5px;
box-shadow: 0 1px 2px rgba(0,0,0,.3);
}

.nav.right li {
display: none; /* hide all <li> items */
margin: 0;
}

.nav.right .current {
display: block; /* show only current <li> item */
}

.nav.right a {
display: block;
/*padding:*/
text-align: left;
}

.nav.right .current a {
background: none;
color: #666;
}

/* on nav hover */
.nav.right ul:hover {
background-image: none;
}
.nav.right ul:hover li {
display: block;
margin: 0 0 5px;
}
.nav.right ul:hover .current {
/*background: url(../bilder/menu.png) no-repeat 10px 7px;*/
}
/* right nav */
.nav.right ul {
right:auto;
left: 0px;
}
/* center nav */
.nav.center ul {
left: 50%;
margin-left: -90px;
}
}
	
	@media print {
	
	.print_headline {
	display: block;
	}

	.print_footline {
	display: block;
	}
}