/*
  Farbdefinitionen:
  
  türkis : 009ba7
*/

@import url('reset-styles.css');

html {}

body {
	font: 1em/1.5em Georgia, "times new Roman", serif;
  
	color: #303030;
  background-color : #fff;
}

/****************************************************************************
 **
 ** box styles
 **
 ****************************************************************************/
 .wrapper, .footer {
 margin : 10px auto 20px;
 text-align : left;
 }
 
 .impressum {
    background: #009ba7;
    text-align:center;
    margin : 30px auto 20px;
    clear : both;
    color : #fff;
    padding : 20px 0;
 }
 
.content {
  max-width : 800px;
  text-align:center;
  margin : 50px auto 0;
}

.font_bigger { font-size: 1.2em; }
.text_center { text-align : center; background : #adecff; padding : 10px; }

/****************************************************************************
 **
 ** Basics
 **
 ****************************************************************************/
a {
  color  : #303030;
	text-decoration: underline;
	border : 0;
	height : auto;
	transition : all 0.3s ease-in-out;
}
a img { outline : none; display:block;}
a:hover { background-color : #009ba7; color : #fff; }
.impressum a { color : #fff; }

h1, h2, h3 {
  text-align:center;
}

h1 span.orange { color : #fcbf00; }
h1 {
  font-size  : 2em;
  margin : 0 0 22px 0;
  line-height : 28px;
}

h2 {
	font: 1.5em/1.5em Georgia, "times new Roman", serif;
  margin : 8px 0 20px ;
}

h3 {
  font-size  : 1.3em;
  font-weight : 700;
  margin : 0 0 15px 0;
}

.logo { margin : 30px 0; }
p, li {
  margin : 0 0 12px;
}

ul, li {  margin : 0;}
li { list-style:inside none square; margin-bottom : 10px; }
strong { font-weight : bold; }

.col-left { float:left;  width:40%; }
.col-right { float:right; width:40%; }

iframe { border : 6px solid #009ba7; width:100%; box-sizing:border-box;}

hr { clear : both; }

/* Clear Floated Elements
----------------------------------------------------------------------------------------------------*/

/* http://sonspring.com/journal/clearing-floats */

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before,
.clearfix:after {
  content: '\0020';
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

.clearfix:after {
  clear: both;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.clearfix {
  zoom: 1;
}