html, body {
	text-align:left;
	font: normal 91%/1.7  verdana, arial, sans-serif;
	width: 100%;
	height: 100%;
	margin:0;
	padding:0;
	background:#FaFfFF;
	}
table {
	font-size:100%;
	line-height: 1.7em;
	letter-spacing: -0.00em;
}

h1, h2, h3, h4	{
	font: 12px/30px Times New Roman;
	font-weight:normal;
	}

h1	{
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 210%;
	margin-top: 5px;
	margin-bottom: 5px;
	}

h2	{
	font-size: 150%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h3	{
	font-size: 130%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h4	{
	font-size: 120%;
	margin-top: 5px;
	margin-bottom: 5px;
	}
h5	{
	background-color: transparent;
	font: 12px/2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	}

a:active {
	color: blue;
	font-weight: normal;
	text-decoration: none;
}

a:hover {
	color: red;
	text-decoration: none;
}
a:visited {
	color: #6050F0;;
	text-decoration: none;
}
a {
	color: #0000F0;
	text-decoration: none;
}
.pic   {
         font: 10px/0.1em Verdana, Lucida, Arial, Times New Roman, sans-serif;
	}

.wichtig {
  background:#ffffd0;
  padding:2px;
}

.blau {
	font-size : 12px;
	color: blue;
}

.kapitelueberschrift, .kapitelueberschrift a, .kapitelueberschrift a:hover, .kapitelueberschrift a:active, .kapitelueberschrift a:visited
{        font: 13px/1.3em Times New Roman;
	font-size : 15px;
}
.kapitelueberschrift
{        color: #404060;
}

#cookieControl,#cookieRichtlinie{font-size: 100% !important; color:#806030}
#cookieControl HR{margin-top:10px;margin-bottom:10px;border:none;border-top:1px solid #eee;}


.content {
	font-size : 100%;
	color: #806030;
	text-align: justify;
}
.zertifikat {
	font-size : 11px;
	color: #806030;
	text-align: justify;
}


.black11, .black11 a, .black11 a:hover, .black11 a:active, .black11 a:visited {
	font-size : 11px;
}


.small2, .small2 a,.small2 a:hover, .small2 a:active, .small2 a:visited {
	font: 11px/1.2em Verdana,sans-serif,Arial,Lucida;
	}
.small2   {
	color: #908070;
	}

.news, .news a,.news a:hover, .news a:active, .news a:visited {
	font: 12px/1.3em Verdana,sans-serif,Arial,Lucida;
	color: #F0F0FF;
	}
.news   {
	color: #dcdcec;
	}

#HakenGruen
{ list-style-type: none;
  margin-left:0px;
  padding-left:0px;
}
#HakenGruen li
 { margin: 5px;
   background: url(../images/haken-gruen.gif) no-repeat top left;
   padding-left:25px;
 }

/*********** Formulare *****************************************************************************************************/

input, textarea, select, option{
        box-sizing: border-box;
        background-color: #FFFFFF;
        border: 1px solid #cccccc;
        font-size: 1em;
        font-family: 'roboto_condensed', arial, verdana;
        color: #888;
        padding-left:5px;
        border: 1px solid #c7c7c7;
        /*border-radius: 4px;*/
}


.NoRadius {border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px;}
.Radius-left {
        border-top-left-radius: 10px; -moz-border-top-left-radius: 10px; -webkit-border-top-left-radius: 10px;
        border-bottom-left-radius: 10px; -moz-border-bottom-left-radius: 10px; -webkit-border-bottom-left-radius: 10px;
}
.Radius-right {
        border-top-right-radius: 10px; -moz-border-top-right-radius: 10px; -webkit-border-top-right-radius: 10px;
        border-bottom-right-radius: 10px; -moz-border-bottom-right-radius: 10px; -webkit-border-bottom-right-radius: 10px;
}
select {
		border:1px solid #ccc;
		padding:5px;
  padding-right:30px;
  padding-left:10px;
  box-shadow: 1px 2px 3px 0px rgba(0,0,0,0.1);
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-image:url('../images/design/select.png');
  background-position:right 5px center;
  background-repeat:no-repeat;
  cursor:pointer;
}
option{
 padding:4px;
}



textarea {box-sizing: border-box;
        padding:5px;background-color: #f3f3f3;
        border:1px solid #ccc;
        border-top:1px solid #aaa;
         border-left:1px solid #bbb;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input{  box-sizing: border-box;
        background: #ededed url(../images/input-bg30-3.png) repeat-x;
        padding:5px;
        line-height:1.2em;
        border:1px solid #ccc;
        border-top:1px solid #999;
        border-left:1px solid #bbb;
        outline: none; /*Remove Chrome and Safari glows on focus*/
        cursor:pointer;
        -moz-box-shadow:    1px 1px 6px 0px #999;
        -webkit-box-shadow: 1px 1px 6px 0px #999;
        box-shadow:         1px 1px 2px 0px #999;
}
input:hover{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:hover, textarea:hover{
  -moz-box-shadow:    0px 0px 6px 3px #fff;
  -webkit-box-shadow: 0px 0px 6px 3px #ffF;
  box-shadow:         0px 0px 6px 3px #ffF;
}
textarea:hover, textarea:focus{background-color: #fff; }
input:focus{background: #ededed url(../images/input-bg30-aktiv.png) repeat-x;}
input:focus, textarea:focus{
  -moz-box-shadow:    0px 0px 6px 3px #fFC;
  -webkit-box-shadow: 0px 0px 6px 3px #fFC;
  box-shadow:         0px 0px 6px 3px #fFC;
}

INPUT.button {
        font-weight:700;
         padding-right:15px;
         padding-left:15px;
        margin-bottom:2px;
        margin-right:2px;
        margin-top:0px;
        margin-left:0px;
         box-shadow:         3px 2px 6px 0px rgba(0,0,0,0.2);
}
INPUT.button:hover{
       
  -moz-box-shadow:    0px 0px 6px 3px #ffA;
  -webkit-box-shadow: 0px 0px 6px 3px #ffA;
  box-shadow:         0px 0px 6px 3px #ffA;
}

BUTTON {font-family: 'roboto_condensed'; font-size: 90%; background-color:#0f8ac1;color:#fff;padding:10px;padding-right:15px;padding-left:15px;border:none; cursor:pointer;line-height:120%;}
BUTTON IMG{vertical-align: text-bottom;}
BUTTON:hover {background-color:#1c9dd8;}


@-webkit-keyframes KlickMichPulse {
0%  { -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
50% {
      -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ -webkit-box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
              box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

@keyframes KlickMichPulse {
0%  { box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
}
50% { box-shadow: 3px 2px 6px 0px #666, 0px 0px 15px 5px #ffA;
}
100%{ box-shadow: 3px 2px 6px 0px #666, 0px 0px 2px 0px #ffA;
   }
}

INPUT[type=submit] {
  -webkit-animation-name: KlickMichPulse;
  -webkit-animation-duration: 2s;               /* Dauer der Animation*/
  -webkit-timing-timing:ease-in-out;     /*linear, ease*/
  -webkit-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  -moz-box-animation-name: KlickMichPulse;
  -moz-box-animation-duration: 2s;               /* Dauer der Animation*/
  -moz-box-timing-timing:ease-in-out;     /*linear, ease*/
  -moz-box-animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/

  animation-name: KlickMichPulse;
  animation-duration: 2s;               /* Dauer der Animation*/
  timing-timing:ease-in-out;     /*linear, ease*/
  animation-iteration-count: infinite;  /* Anzahl der Wiederholungen*/
}
INPUT[type=submit]:hover {
  animation-duration: 0.5s;               /* Dauer der Animation*/
}



/********************************************************************/


/********************************************************/
.menu {
	color: #303080;
	text-decoration: none;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-stretch:narrower;
}
.menu a, .menu a:active, .menu a:hover, .menu a:visited {
	text-decoration: none;
	text-align:center;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: 100;
	color: #800000;
	background-color: #f0e5d6;
	filter: alpha(opacity=80);
	opacity: 0.8;
	-moz-opacity:0.8;
	border:1px ridge  #a08000;
	display:block;
	padding:5px;
	margin-bottom:5px;
	width:100%;
	letter-spacing:0px;
}
.menu a:hover {
	filter: alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
	text-decoration: none;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #440;
	background-color: #ded0bc;
	border:1px groove #a08000;
	padding-left:5px;
	display:block;
	width:100%;
}
.menu a:active {
	color: #FFF;
	text-decoration: none;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

.menu1 a {
	text-decoration: none;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #019;
}

.menu2 a {
	text-decoration: none;
	font: 11px/1.5em Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFF;
	background-color: #02a;
}