/* (c)2011 by Norbert Koestenbauer 
**  Version: 3.0
**  Dateiversion: oktober 2011  
**  Datei       : content.css
**  Funktion    : Formatierung der Inhalte */
@media screen
{
/*# Standard-Vorgaben Ueberschriften, Fliesstexte #### */
body { 
  font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;
  color: black;
}
/* ############### Header Bereich ############################## */
#header{ 
	background-image: url('../../img/misc/Buttonsandere/SEOENORMEN14804_(129x80).png');
	background-repeat: no-repeat;
	background-position: right;
 }
#header p.claim {
  background: #D7FFE1;
  color: black;
  position: absolute;
  top: 2%;
  left: 23%;
  height: 3.5em;
  width: 62%;
  min-width: 60%; 
  text-align: center;
  font-weight: bold;
  margin: 0.5em 0 0 1em;
  padding: 0.5em 0 0.5em 0;
}
#signation {
	position: absolute;
	top: -4.0em;
	left: -17.5em;
}
#signation h1 {
 color: black;
 font-size: 1.5em;
 line-height: 1.5em;
 margin: 0.5em 0 0 0;	
}
#pageStart  p.subheadl {
 font-weight: normal;
 color: black;
} /* EOF Header */
/* ############## Allgemeine Elemente ################### */
h1, h2, h3, h4, h5, h6{ 
  font-family: Trebuchet, Verdana, Arial, Helvetica, sans-serif; 
  font-weight: bold;
  color: black;
  background-color: inherit;
  margin: 0;
  padding: 0;
}
h1, h2 {
  color: #4B00B6; /* violett */
  line-height: 1.75em;
}
h1 {
  font-size: 1.75em;
}
h3, h4{
  font-size: 1.25em;
  margin: 1em 0 0 0;
}
h5, h6 {
  font-size: 1.0em;
  margin: 0.5em 0 0em 0; 
}
/* ############## H2 mit Pfeil ################ */
h2{
  background-image: url('../icons/pr30x20.gif');
  background-repeat: no-repeat;
  background-position: left;
  font-size: 1.36em;
  text-indent: 2.5em;
  padding: 0;
  margin: 1.25em 0 0 0;
}
/* ### ueberschriften in Kombination mit Abs?tzen, Listen und anderen ?berschriften ###*/
h1 + p.subheadl,
h2 + p.subheadl,
h3 + p.subheadl {
  line-height: 1.25em; 
  margin: 0.10em 0 1.5em 0; 
  padding:0;
}
h2 + p.subheadl {
	font-weight: bold;
	text-indent: 3em;
}
p.subheadl + ul {
	margin: 1.5em 0 0 0;
}
h2 + ul, h2 + ol,
h3 + ul, h3 + ol {
  margin: 0.5em 0 0 0;
  padding: 0 0 0 3px;
}
h2 + h3 + p {
	margin: 0;
}
/* ################# Absaetze ############*/
p {
  font-size: 1.1em;
  line-height: 1.60em;
  margin: 0.75em 0 0.75em 0; 
  padding: 0;
}
/*##############################################*/
/*Listen*/
ol, ul	{
	color: #404040; /* Grau */
  	background-color: inherit; 
	font-style: normal;
	font-weight: normal;
	font-size: 1.1em;
	line-height: 1.60em;
	margin: 1em 0 0.75em 0;
	padding-left: 0.25em;
}
ul {
	text-indent: 1px;
	list-style-type: square;
}
p + ul,
p + ol{
  	margin: 0.5em 0 0.5em 0;
}
li{
	color: black;
	font-size: 1em;
	font-weight: normal;
	padding:0 0 4px 0;
}
li p {
	font-size: 1em;
	line-height: 1.75em;
}
ul li[class="noStyle"],
ul li[class="first"],
ul li[class="last"] {
    list-style: none;
}
ol > ul,
ol ol {
 	font-size: 1em;
  	line-height: 1.40em;
	text-indent: 0;
	list-style-type: circle;
	margin: 0 0 0.5em 0;
	padding-left: 0;
}
ul ul {
 	font-size: 1em;
  	line-height: 1.0em;
	list-style-type: circle;
	margin: 0;
	padding: 0;
}
ul ul li {
	padding: 0;
}
#col3_content ul {
    margin: 1em 0 0.5em -0.5em;
}
dd,dt { line-height: 1.20em; }
/* ########### diverse Elemente ########### */
strong, b { font-weight: bold; font-style:normal;}
em { font-weight: normal; font-style: italic; }
i { font-style: italic; }
pre, code { font-family: "Courier New", Courier, monospace;
}
address { 
  font-style: normal; 
  line-height: 1.5em; 
  margin: 0 0 0em 0; 
  padding: 1em 0 1.5em 0;
}
hr { 
	color: #9400D3; 
	background-color:inherit; 
	margin: 0 0 0.25em 0; 
	padding: 0 0 0.25em 0; 
	border-width:0;
	border-bottom: 1px solid; 
}
acronym, abbr {
	letter-spacing: 0.10em;
	border-bottom: 1px dashed #c10;
	cursor: help;
}
/* ### Auszeichnung lokaler und Externer Links ######################################################## */
/* a, a em.file {color: blue; *//*#900;*/ /*text-decoration:none;} */
a:link {color: blue; background-color: #F5FFFA; text-decoration: underline; }
a:hover {color: #CC00BA; background-color: #F5FFFA; text-decoration:underline;}
a:visited {color: black; background-color: #F5FFFA; text-decoration: underline;}
a:focus {color: blue; background-color: #F5FFFA; text-decoration:underline;}
a:active {color: blue; background-color: #F5FFFA; text-decoration: none;}

#footer p a { color: blue; background-color: inherit; text-decoration: underline; }
#footer a { color: #333; background-color: inherit; text-decoration: underline; }
#footer a:hover {color: blue; background-color: inherit; }
#footer a:focus {color: blue; background-color: inherit; } 

#main a[href^="https:"],
#main a[href^="http:"]
{
	padding: 0 7px 0 0;
	background-image: url('../../img/misc/icons/ext_link.gif');
	background-repeat: no-repeat;
	background-position: right;
}
#main a[href^="http://www.e4kids.at"], 
#main a[href^="https://www.e4kids.at"],
{
	padding-left: 4px;
	background-image: none;
}
/* ########################################################### */
/* ########### Bildpositionierung ########## */
img.float_left { 
  float: left; 
  margin-right: 1em;
  margin-bottom: 0.15em; 
  border:0;
  clear:both;
}
img.fahne-gallerie { 
  float: left; 
  margin-right: 1em;
  margin-bottom: 0em; 
  border:0;
  padding:15px 15px 70px 0;
}
img.magik { 
  float: left; 
  margin-right: 1em;
  margin-bottom: 0.15em; 
  border:0;
  padding:5px 5px 35px 0;
}
img.float_left-anbot,
img.fl_left-ortL,
img.fl_left-ort { 
  float: left; 
  margin: 0.5em 2.5em 0.5em 0em;
  padding: 0 0em 0 0; 
  border: 0em; 
}
img.fl_left-ortL { 
  margin-bottom: 2.5em;
}
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border:0; }
img.keyvisual_flr {
  position: relative;
  left: 1.5em;
  margin: 0;
  padding: 0;  
}
img.eamon {
  position: relative;
  left: -1em;
  top: -1em;
  margin: 0;
  padding: 0;  
}
 .Certifiziert {
 width: 50em;
 margin: 0 0 2em 19em;
 vertical-align: middle;
}
 .Certifiziert img {
 margin-bottom: 2em;
 }
img.framed {padding:3px; border: 1px #ddd solid; background-color: #F5FFFA; color:black; }

img.center { 
  text-align:center; 
  padding: 0 0 5px 15px; 
  border: 0px #ddd solid; 
}
img.center_linksp {
  text-align: center;
  padding: 4px 0 1em 20px;
  border: 0px #ddd solid;
}
#footer h6 img {
vertical-align: middle;
padding: 0 0 6px 1em;
margin: 0 0 0 0;
}
/* #### Sectio Startseite ### */
.sectioKurse {
	background-color: inherit;
	padding: 0 0 0 0.25em;
	margin: 0;
	width: 450px;
	border-bottom: 1px dotted #9400D3; /**/
}
.sectioKurse img { 
  float: left; 
  margin: 0 1.5em 0.5em 0;
  padding: 0; 
}
.sectioKurse h3 a {
  background-image: url('../icons/diagruen.gif');
  background-repeat: no-repeat;
  background-position: left;
  font-size: 1em;
  font-style: normal;
  padding: 0 0 0 15px;
  margin: 0;
}
.sectioKurse h3 + p.subheadl {
  line-height: 1.5em; 
  text-indent: 1.5em;
  margin: 0.25em 0 0 0; 
  padding: 0;
}
.sectioKurse p.clearfix {
	margin-left: 1.5em;
}
/* ################  Klassen Definitionen ########################## */
.important{
color: red;}
/* ###  Textformatierungen ################################################################## */
blockquote { 
	color: #111; 
	background-color: white; 	
	border: 1px #ddd solid;
	padding: 0 1em 0 1em;
	margin: 0 0 1em 1em;
}
/* Auszeichnungen fuer Code, Dateien, Verzeichnisse */
em.file { 
	padding: 0 0 0 14px;
	color: #008;
	background-color: inherit;
	background: url('../../img/misc/icons/file.gif') no-repeat left;
}
cite{
  color: #09664F;
  background-color: inherit;
  font-size: 1em;
  font-style: italic;
  line-height: 1.40em; 
  margin: 0em 0 0em 0; 
  padding:0;
}
sup {
font-size: 50%;
}
ins {
	font-style: italic;
	font-weight: normal;
	text-decoration: none;
	color: green;
}
/* ########################### Spalte Drei Inhalte #######################*/
#col3_content img{
  margin: 0;
  padding: 10px 0 0 0;
  border: 0;
}
#col3_content ul.banner a img {
  margin: 0 0 4px 0; 
  padding: 0;
  background-color: inherit; /*#F5FFFA*/
}
#col3_content ul {
margin: -3em 0 2.5em 0;
}
#col3 .disclaimer{
	margin-top: 5em;
	font-size: 0.98em;
}
#col3 p.disclaimer{
	margin-top: 7em;
	font-size: 0.98em;
}
.googleRoute,
.googleMaps{
	z-index: 1;
	margin: 0em;
	border:0;
}
#pageStart #footer {
position: absolute;
margin-top: -8em;
}
}
