body {
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  color: #000;
  text-align: justify;
  margin: 0;
  padding: 0;
  background: #fff;
}

a,
a:link,
a:active,
a:visited,
a:hover {
  color: #066;
  text-decoration: underline;
}

a:hover {
  color: #000;
}

a.green ,
a.green:link,
a.green:active,
a.green:visited,
a.green:hover {
  color: #066;
  text-decoration: underline;
}

a.green:hover {
  color: #000;
}

#header {
  display: block;
  width: 980px;
  margin: 0 auto;
  padding: 0;
  border-bottom: 4px solid #fff;
  background: url(../images/bg_header.jpg) no-repeat;
  height: 104px;
  position: relative;
}

img {
  border: none;
}

#shop {
	position: absolute;
	left: 5px;
	height: 135px;
	width: 110px;
	background: url(../images/shop.png) no-repeat 0px -10px;
}


#shop:hover {
	background: url(../images/shop.png) no-repeat 0px 0px;
}

#shop-l {
	height: 125px;
	width: 110px;
}

#shop2 {
	position: absolute;
	left: 775px;
	top: 540px;
	height: 300px;
	width: 350px;
}

#shop-2 {
	height: 40px;
	width: 150px;
}

#logo {
	position: absolute;
	left: 750px;
	height: 104px;
	width: 200px;
}

#logo-1 {
	height: 104px;
	width: 200px;
}


#lang-de {
	position: absolute;
	left: 895px;
	top: 3px;
	height: 25px;
	width: 81px;
	background: url(../images/de.png) no-repeat right top;
}

#lang-de a {
	text-decoration: none;
	width: 81px;
	height: 25px;
	display: block;
}
	

#lang-de-1 {
	height: 25px;
	width: 25px;
}
	
#nav {
}

#content {
  width: 980px;
  margin: 0 auto;
  padding: 0;
  display: block;
  padding-bottom: 20px;
}

#content_home {
  width: 850px;
  margin: 0 auto;
  display: block;
  background: url(../images/btn_home.jpg) no-repeat top; 
  height:352px; 
  padding: 129px 0 4px 130px;
}

body#phasen {
  font-family: verdana, arial;
  font-size: 10px;
  color: #000000;
  text-align: justify;
}

#vergleich {
  font-family: verdana, arial;
  font-size: 11px;
  color: #000000;
  text-align: justify;
}

#vorteile {
  font-family: verdana, arial;
  font-size: 10px;
  color: #000000;
}

.vergleichh1 {
  font-family: verdana, arial;
  font-size: 14px;
  color: #000000;
  font-weight: bold;
}

h1,
h2 {
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
  background: #109EA0;
  padding: 5px 0;
  margin: 0 0 1em 0;
  color: #fff;
}

h3 {
  font-size: 1.3em;
  font-style: italic;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.5em 0;
  color: #066;
}

h4 {
  font-size: 1.2em;
  font-style: normal;
  font-weight: bold;
  padding: 0;
  margin: 0 0 0.5em 0;
  color: #066;
}

h5 {
  font-size: 1em;
  font-style: normal;
  padding: 15px;
  margin: 0 0 1em 0;
  color: #000;
  font-weight: normal;
  background: #8ADCDA;
  border: 1px solid #22BCB9;
  border-left: 20px solid #22BCB9;
}

.h5 {
  font-size: 1em;
  font-style: normal;
  padding: 15px;
  margin: 0 0 1em 0;
  color: #000;
  font-weight: normal;
  background: #8ADCDA;
  border: 1px solid #22BCB9;
  border-left: 20px solid #22BCB9;
}

em {
  font-style: italic;
  font-weight: bold;
}

p {
  line-height: 18px;
  padding: 0;
  margin: 0 0 0.7em 0;
}

.clearfix {
  display: block;
  clear: both;
}

  h1.home {
  font-size: 12px;
  font-style: normal;
  font-weight: bold;
  text-align: left;
  background: none;
  padding: 9px 0;
  margin: 0 0 0 0;
  color: #0f837f;
}

 h2#vergleich {
  font-family: verdana, arial;
  font-size: 12px;
  color: #000000;
  text-align: right;
  font-weight: bold;
}

  h3#vergleich {
  font-family: verdana, arial;
  font-size: 12px;
  color: #000000;
  text-align: left;
  font-weight: bold;
}

  h1#erfolge {
  font-family: verdana, arial;
  font-size: 14px;
  color: #FFFFFF;
  text-align: left;
  vertical-align: middle;
  font-weight: bold;
}

#studie {
  font-family: verdana, arial;
  font-size: 12px;
  color: #35B4B3;
  text-align: justify;
  font-weight: bold;
}

  #studie2 {
  font-family: verdana, arial;
  font-size: 13px;
  color: #000000;                                                                                                             
  text-align: justify;
  font-weight: bold;
}

a:link#text {
  font-family: verdana, arial;
  font-size: 11px;
  color: #129FA2;
  font-weight: bold;
  text-decoration: none;
  text-decoration: none;
}

 a:visited#text {
  font-family: verdana, arial;
  font-size: 11px;
  color: #129FA2;

  font-weight: bold;
  text-decoration: none;
}

a:hover#text {
  font-family: verdana, arial;
  font-size: 11px;
  color: #ADD8E6;
  font-weight: bold;
  text-decoration: none;
}

a:link#textred {
  font-family: verdana, arial;
  font-size: 11px;
  color: #e33637;
  text-align: justify;
  font-weight: bold;
  text-decoration: none;
}

 a:visited#textred {
  font-family: verdana, arial;
  font-size: 11px;
  color: #e33637;
  text-align: justify;
  font-weight: bold;
  text-decoration: none;
}

a:hover#textred {
  font-family: verdana, arial;
  font-size: 11px;
  color: #CACACA;
  text-align: justify;
  font-weight: bold;
  text-decoration: none;
}

#anwendung {
   text-align: right;
   }

#anwendungrot {
 text-align: right;
}

.hideme {
  display: none;
}


/* main navigation */


#nav_container {
	padding: 10px 0 0 240px;
}

#nav, #nav ul { /* all lists */
	padding: 0;
  margin: 0;
	list-style: none;
	line-height: 16px;
}

#nav a {
	display: block;
	width: 99px;
  height: 22px;
  color: #fff;
  background: #109EA0 url(../images/bg_nav.png);
  text-decoration: none;
  padding: 5px 0 0 0;
  font-family: Arial, Helvetica, Verdana, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-style: italic;
  text-align: center;
  border-top: 1px solid #BBE4FF;
  border-right: 1px solid #BBE4FF;
}

#nav li { /* all list items */
	float: left;
	width: 100px; /* width needed or else Opera goes nuts */
  margin: 0;
  padding: 0;
  height: 27px;
}

#nav li li a,
#nav li.aktuell li a,
#nav li li.aktuell li a {
  font-weight: normal;
  font-style: normal;
  font-size: 13px;
  background: #359EB3;
  color: #fff;
}

#nav li.aktuell a,
#nav li li.aktuell a,
#nav li li li.aktuell a,
#nav li.aktuell a:hover {
  background: #D3FEFF url(../images/bg_nav_current.png);
  color: #359EB3;
}

#nav li li.aktuell a,
#nav li li.aktuell a:hover,
#nav li a:hover {
  background: #D3FEFF url(../images/bg_nav_current.png);
  color: #359EB3;
}

#nav li ul { /* second-level lists */
	position: absolute;
	width: 100px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
}

#nav li ul ul { /* third-and-above-level lists */
	margin: -28px 0 0 100px;
}

#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

/* general */

.pad20 {
  padding: 20px;
}

.float_left {
  float: left;
  padding-right: 20px;
  padding-bottom: 20px;
}

.float_right {
  float: right;
  text-align: left;
  padding-left: 20px;
  padding-bottom: 20px;
}

.center {
  text-align: center;
}

.col_left {
  float: left;
  width: 460px;
  padding: 20px 0 0 20px;
}

.col_right {
  float: right;
  width: 460px;
  padding: 20px 20px 0 0;
}

.col_middle {
  width: 800px;
  margin: 0 auto;
}

a.button,
a.button:link,
a.buttton:active,
a.button:hover {
  background: url(../images/btn_arrow_right.gif) no-repeat left center;
  padding: 0 0 0 20px;
  color: #f00;
  text-decoration: none !important;
  font-weight: bold;
}

a.button_left,
a.button_left:link,
a.button_left:active,
a.button_left:hover {
  background: url(../images/btn_arrow_left.gif) no-repeat right center;
  padding: 0 21px 0 0;
  color: #f00;
  text-decoration: none !important;
  font-weight: bold;
}

.warning {
  color: #f00;
}

a.top {
  background: url(../img/content/fragen/top.gif) no-repeat right center;
  width: 50px;
  height: 15px;
  display: inline-block;
}

a.top span {
  display: none;
}

.right {
  text-align: right;
}

ul.links {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

ul.links li {
  margin: 0;
  padding: 0 0 5px 0;
}

ul.links li a,
ul.links li a:link,
ul.links li a:active,
ul.links li a:hover {
  background: url(../img/content/fragen/arrow.gif) no-repeat left 1px;
  padding: 0 0 0 20px;
  display: block;
  color: #066 !important;
  text-decoration: none !important;
  text-align: left;
}

ul.links li a:hover {
  color: #033;
}

ul.land {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

ul.land li {
  background: url(../img/content/fragen/arrow.gif) no-repeat left 1px;
  padding: 0 0 0 20px;
  display: block;
  color: #066 !important;
  text-decoration: none !important;
  text-align: left;
}


ul.big {
  list-style: none;
  margin: 1em 0;
  padding: 0;
}

ul.big li {
  display: block;
  color: #066 !important;
  text-decoration: none !important;
  text-align: left;
}


li.big1 {
  background: url(../img/lp/1.gif) no-repeat 0 1px;
  padding: 10px 0 10px 35px;
}

li.big2 {
  background: url(../img/lp/2.gif) no-repeat 10px 1px;
  padding: 10px 0 10px 75px;
}

li.big3 {
  background: url(../img/lp/3.gif) no-repeat 30px 1px;
  padding: 10px 0 10px 115px;
}

table.vorteile {
  width: 790px;
  border-collapse: collapse;
  padding: 0;
  margin: 0 auto;
  text-align: left;
  height: 270px;
}

table.vorteile h4 {
  margin-bottom: 0.5em;
}

table.vorteile_1 {
  background: url(../img/content/vorteile/vor_1.gif) no-repeat center top;
}

table.vorteile_2 {
  background: url(../img/content/vorteile/vor_2.gif) no-repeat center top;
}

table.vorteile tr td {
  width: 33.3%;
  font-size: 10px;
  vertical-align: top;
  padding: 30px;
  line-height: 1.25em;
}

table.vorteile tr td.col_1 {
  padding-right: 20px;
}

table.vorteile tr td.col_2 {
  padding-left: 20px;
  padding-right: 15px;
}

table.vorteile tr td.col_3 {
  padding-left: 20px;
}

table.vergleich {
  border-collapse: collapse;
  padding: 0;
  margin: 0;
  width: 100%;
}

table.vergleich th {
  font-weight: normal;
  color: #000;
  background: #8EDDDB;
  padding: 5px;
  border: 1px solid #099;
  text-align: center;
}

table.vergleich td {
  color: #000;
  background: #fff;
  padding: 5px;
  border: 1px solid #099;
  text-align: center;
}

table.vergleich td.head {
  background: #cff;
}

table.vergleich td em {
  font-style: normal;
  color: #f00;
}

table.erfolg td {
  padding: 15px;
  text-align: left;
  vertical-align: top;
}

table.erfolg td p {
  font-size: 12px;
  line-height: 1.4em;
  display: block;
  margin-bottom: 1em;
}

table.erfolg td .float_left {
  padding-right: 15px;
}

img.border {
  border: 3px solid #35B4B3 !important;
} 

#footer {
  font-family: arial, verdana, helvetica, times new roman;
  font-size: 12px;
  color: #35B4B3; background-color: #fff;
  margin: 5px auto 0;
  width: 980px;
}

#footer a:link {
  font-family: arial, verdana, helvetica, times new roman;
  font-size: 12px;
  color: #35B4B3; 
  text-decoration: none;
}

#footer a:visited {
  font-size: 12px;
  color: #35B4B3;
  text-decoration: none;
}

#footer a:hover {
  font-size: 12px;
  color: #ADD8E6;
  text-decoration: none;
}

/***** tag cloud *****/

#tagcloud {
  font-family: arial, verdana, helvetica, times new roman;
  font-size: 12px;
  color: #35B4B3;
  border: 1px solid #bbb;
  margin: 0px auto 0;
  padding: 5px;
  width: 970px;
}

#cloud a.tag1 { font-size: 0.7em; font-weight: 100; }
#cloud a.tag2 { font-size: 0.7em; font-weight: 200; }
#cloud a.tag3 { font-size: 0.8em; font-weight: 300; }
#cloud a.tag4 { font-size: 0.9em; font-weight: 400; }
#cloud a.tag5 { font-size: 1.0em; font-weight: 500; }
#cloud a.tag6 { font-size: 1.1em; font-weight: 600; }
#cloud a.tag7 { font-size: 1.2em; font-weight: 700; }
#cloud a.tag8 { font-size: 1.3em; font-weight: 800; }
#cloud a.tag9 { font-size: 1.4em; font-weight: 900; }
#cloud a.tag10 { font-size: 1.5em; font-weight: 900; }

#cloud { padding: 2px; line-height: 2em; text-align: center; }
#cloud a { padding: 0px 5px; }

#cloud { margin: 0; }
#cloud li { display: inline; }

#tagcloud a,
#tagcloud a:link,
#tagcloud a:active,
#tagcloud a:visited,
#tagcloud a:hover {
  color: #bbb;
  text-decoration: underline;
}

#tagcloud a:hover {
  color: #000;
}