html , body{
margin: 0;
padding: 0;
font:normal normal normal 12px/17px 'Droid Sans',arial,serif;
color: #000000;
}

body.blau{
font:normal normal normal 13px/18px 'Droid Sans',arial,serif;
background-image: url(/bilder/hg-3.png);
background-repeat: no-repeat;
background-color: #f6f8fa;
}

body.rot{
font:normal normal normal 13px/18px 'Droid Sans',arial,serif;
background-image: url(/bilder/hg-rot.png);
background-repeat: no-repeat;
background-color: #fbf1e8;
}

body.gelb{
font:normal normal normal 13px/18px 'Droid Sans',arial,serif;
background-image: url(/bilder/hg-gelb.png);
background-repeat: no-repeat;
background-color: #faf4e6;
}

body.gruen{
font:normal normal normal 13px/18px 'Droid Sans',arial,serif;
background-image: url(/bilder/hg-gruen.png);
background-repeat: no-repeat;
background-color: #f6f8ed;
}

#oben{ 
margin: 0px;
padding: 0px;
}

html>body #inhalt{
position: absolute;
top: 190px;
left: 275px;
margin: 30px 340px 10px 0px;
padding: 0;
width: auto;
}

*html body #inhalt{
margin: 30px 340px 10px 275px;
padding: 0px;
}


#zusatzspalte, #zusatzspalte_rot, #zusatzspalte_gruen, #zusatzspalte_gelb{
position: absolute;
top: 220px;
right: 20px;
width: 222px;
margin: 0;
padding: 0;
}



html>body #inhalt #box_blau_neutral table{
width:auto;
}

/* Hauptnavigation  */

#oben ul { 
margin: 142px 20px 10px 272px;
padding: 0;
list-style: none;
}

#oben ul.zweite { 
margin: 10px 20px 10px 272px;
padding: 0;
list-style: none;
font-size:11px;
}

#oben ul li{
float: left;
display: inline;
}

#oben ul.zweite li{
float: left;
display: inline;
}

#oben ul li a.erste_ebene, #oben ul li a.erste_ebene:link , #oben ul li a.erste_ebene:active, #oben ul li a.erste_ebene:visited {
font-weight: bold;
text-decoration: none;
}

#oben ul.zweite li a.zweite_ebene:link , #oben ul.zweite li a.zweite_ebene:active, #oben ul.zweite li a.zweite_ebene:visited {
text-decoration: none;
}

*html #oben ul.zweite li{ 
padding-top: 10px; 
height: 20px;
}



/* Hauptnavigation  blau */
body.blau #oben ul li a.erste_ebene, body.blau #oben ul li a.erste_ebene:link , body.blau #oben ul li a.erste_ebene:active, body.blau #oben ul li a.erste_ebene:visited {
color: #1a5483;
font-weight: bold;
text-decoration: none;
}

body.blau #oben ul.zweite li a.zweite_ebene:link , body.blau #oben ul.zweite li a.zweite_ebene:active, body.blau #oben ul.zweite li a.zweite_ebene:visited {
color: #1a5483;
text-decoration: none;
}

body.blau  #oben ul li a.erste_ebene_on{
color: #000000;
text-decoration: none;
font-weight: bold;
}

body.blau #oben ul.zweite li a.zweite_ebene_on {
color: #000000;
text-decoration: none;
font-weight: bold;
}

body.blau #oben ul li a.erste_ebene:hover{
color: #042744;
font-weight: bold;
}

body.blau  #oben ul.zweite li a.zweite_ebene:hover{
color: #042744;
text-decoration: none;
}


/* Hauptnavigation  rot */

body.rot #oben ul li a.erste_ebene, body.rot #oben ul li a.erste_ebene:link , body.rot #oben ul li a.erste_ebene:active, body.rot #oben ul li a.erste_ebene:visited {
color: #841d1f;
font-weight: bold;
text-decoration: none;
}

body.rot #oben ul.zweite li a.zweite_ebene:link , body.rot #oben ul.zweite li a.zweite_ebene:active, body.rot #oben ul.zweite li a.zweite_ebene:visited {
color: #841d1f;
text-decoration: none;
}


body.rot #oben ul li a.erste_ebene:hover{
color: #000000;
font-weight: bold;
}

body.rot #oben ul.zweite li a.zweite_ebene:hover{
color: #000000;
text-decoration: none;
}

body.rot #oben ul.zweite li a.zweite_ebene_on ,body.rot  #oben ul li a.erste_ebene_on{
color: #000000;
text-decoration: none;
font-weight:bold;
}

/* Hauptnavigation  gelb*/

body.gelb #oben ul li a.erste_ebene, body.gelb #oben ul li a.erste_ebene:link , body.gelb #oben ul li a.erste_ebene:active, body.gelb #oben ul li a.erste_ebene:visited {
color: #b77d08;
font-weight: bold;
text-decoration: none;
}

body.gelb #oben ul.zweite li a.zweite_ebene:link , body.gelb #oben ul.zweite li a.zweite_ebene:active, body.gelb #oben ul.zweite li a.zweite_ebene:visited {
color: #b77d08;
text-decoration: none;
}


body.gelb #oben ul li a.erste_ebene:hover{
color: #000000;
font-weight: bold;
}

body.gelb #oben ul.zweite li a.zweite_ebene:hover{
color: #000000;
text-decoration: none;
}

body.gelb #oben ul.zweite li a.zweite_ebene_on ,body.gelb  #oben ul li a.erste_ebene_on{
color: #000000;
text-decoration: none;
font-weight:bold;
}


/* Hauptnavigation  grün */

body.gruen #oben ul li a.erste_ebene, body.gruen #oben ul li a.erste_ebene:link , body.gruen #oben ul li a.erste_ebene:active, body.gruen #oben ul li a.erste_ebene:visited {
color: #5e8a33;
font-weight: bold;
text-decoration: none;
}

body.gruen #oben ul.zweite li a.zweite_ebene:link , body.gruen #oben ul.zweite li a.zweite_ebene:active, body.gruen #oben ul.zweite li a.zweite_ebene:visited {
color: #5e8a33;
text-decoration: none;
}


body.gruen #oben ul li a.erste_ebene:hover{
color: #000000;
font-weight: bold;
}

body.gruen  #oben ul.zweite li a.zweite_ebene:hover{
color: #000000;
text-decoration: none;
}

body.gruen #oben ul.zweite li a.zweite_ebene_on ,body.gruen  #oben ul li a.erste_ebene_on{
color: #000000;
text-decoration: none;
font-weight:bold;
}


/* Inhalt */

#inhalt p, #inhalt table tr td , #inhalt form{
width: auto;
margin: 0 0 0 0;
padding: 0;
font-weight: normal;
text-decoration: none;
font-style: normal;
line-height: 16px;
}

.small{
font-size: 10px;
line-height: 14px;
}

form {
line-height: 16px;
}

address{
width: auto;
margin: 0;
padding: 0px 0px 30px 0px;
font-weight: normal;
text-decoration: none;
font-style: normal;
line-height: 16px;
font-size: 10px;
}

.inhalt_blau h1 {
color: #034971;
font-size: 18px;
line-height:22px;
width: auto;
margin: 0 0 4px 0;
}

.inhalt_blau h2{
color: #034971;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 5px 0;
}

#special_animated h3 {
color: #034971;
font-size: 12px;
width: auto;
font-weight: normal;
padding: 0px 10px 20px 40px ;
}

.inhalt_blau h4 {
color: #034971;
font-size: 12px;
width: auto;
font-weight: bold;
margin: 0 0 15px 0;
}


/* Inhalt blau */


.inhalt_blau a:link, .inhalt_blau a:active, .inhalt_blau a:visited, #zusatzspalte a:link, #zusatzspalte a:active, #zusatzspalte a:visited   {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: none;
}

#zusatzspalte a:hover, .inhalt_blau  a:hover{
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #af080a;
}

/* Inhalt rot */

.inhalt_rot h1 {
color: #ffffff;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
background-color:#af080a;
padding: 8px 10px 0px 10px ;
}

.inhalt_rot h2 {
color: #ffffff;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 0;
background-color:#af080a;
padding: 0px 10px 5px 10px ;
}

.inhalt_rot a:link, .inhalt_rot a:active, .inhalt_rot a:visited  {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom:none;
}
.inhalt_rot a:hover {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #af080a;
}

/* Inhalt gelb */

.inhalt_gelb h1 {
color: #ffffff;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
background-color:#fbbc20;
padding: 8px 10px 0px 10px ;
}

.inhalt_gelb h2 {
color: #ffffff;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 0;
background-color:#fbbc20;
padding: 0px 10px 5px 10px ;
}

.inhalt_gelb a:link, .inhalt_gelb a:active, .inhalt_gelb a:visited  {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom:none;
}
.inhalt_gelb a:hover {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #af080a;
}

/* Inhalt grün */

.inhalt_gruen h1 {
color: #ffffff;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
background-color:#86b531;
padding: 8px 10px 0px 10px ;
}

.inhalt_gruen h2 {
color: #ffffff;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 0;
background-color:#86b531;
padding: 0px 10px 5px 10px ;
}

.inhalt_gruen a:link, .inhalt_gruen a:active, .inhalt_gruen a:visited  {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom:none;
}
.inhalt_gruen a:hover {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #af080a;
}

/* tipp der woche & tops-flops */

#tip{
background-image: url(bilder/box-blau-top.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}


#tip h2, #top_flop h2, #box_blau_neutral h2, #box_blau_neutral_gelb h2, #special_animated h2, #leseprobe h2, #box_rot h2, #box_gelb h2{
color: #000000;
font-weight: bold;
font-size: 12px;
padding: 8px 10px 10px 10px ;
margin:0;
}

#box_blau_neutral table tr td{
margin: 0;
padding: 0;
padding-right: 5px;
font-size: 10px;
}

#box_blau_neutral table tr td ul{
list-style: none;
margin: 0;
padding: 0;
}

#special_rot{
background-image: url(bilder/box-rot-special.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

/* Abonnemente */

#special_animated{
background-image: url(bilder/box-blau-animiert.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

/* box neutral */
#box_blau_neutral{
background-image: url(bilder/box-neutral.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

#inhalt #box_blau_neutral{
width: auto;
height: auto;
display: block;
background-image: url(bilder/box-neutral.gif);
background-repeat: no-repeat;
background-color: #fafbfd;
margin-bottom: 30px;
}

#inhalt #box_blau{
width: auto;
height: auto;
display: block;
background-image: url(bilder/box-blau-start.gif);
background-repeat: no-repeat;
background-color: #fafbfd;
margin-bottom: 30px;
}

#inhalt #box_rot{
width: auto;
height: auto;
display: block;
background-image: url(bilder/box-rot.gif);
background-repeat: no-repeat;
background-color: #fafbfd;
margin-bottom: 30px;
}

#inhalt #box_gelb{
width: auto;
height: auto;
display: block;
background-image: url(bilder/box-gelb.gif);
background-repeat: no-repeat;
background-color: #fafbfd;
margin-bottom: 30px;
}

#inhalt #tip{
background-image: url(bilder/box-gruen-top.gif);
background-repeat: no-repeat;
background-color: #fafbfd;
width: auto;
margin-bottom: 30px;
}


#tip h2, #top_flop h2, #box_blau_neutral h2, #box_blau_neutral_gelb h2, #stabil h2, #box_rot_schweiz h2, #box_blau_neutral_zweizeilig h2, #box_rot_neutral h2, #special_animated h2, #leseprobe h2, #box_gelb h2, #box_rot h2, #box_blau h2, #box_braun h2, #special_animated_winkel_breit h2, #box_rot_neutral_steil h2, #special_animated_winkel_breit_rot h2, #box_gelb_soft h2, #box_gruen_soft h2, #special_animated_winkel_breit_gruen h2{
color: #000000;
font-weight: bold;
font-size: 12px;
padding: 8px 10px 5px 10px ;
margin:0;
line-height: 17px;
}


#special h2, #special_rot h2{
color: #ffffff;
font-weight: bold;
font-size: 12px;
padding: 10px 10px 10px 40px ;
margin:0;
line-height: 16px;
}


#tip p, #top_flop p, #box_blau_neutral p, #box_blau_neutral_gelb p, #stabil p, #box_rot_schweiz p, #box_blau_neutral_zweizeilig p, #special p, #box_rot_neutral p, #special_rot p, #box_gelb p, #box_rot p, #box_blau p, #box_braun p, #special_animated_winkel_breit p, #box_rot_neutral_steil p, #special_animated_winkel_breit_rot p, #box_gelb_soft p, #box_gruen_soft p, #special_animated_winkel_breit_gruen p {
color: #000000;
font-size: 12px;
padding: 10px 10px 20px 40px;
margin:0;
}

#box_gelb table tr td p, #box_rot table tr td p{
padding: 0px 10px 10px 32px;
}

#box_gelb table, #box_rot table {
margin-bottom: 10px;
}

#special_animated p{
color: #000000;
font-size: 12px;
padding: 10px 10px 10px 40px;
margin:0;
}

#box_blau_neutral p.lexikon, #box_rot_neutral_steil p.lexikon, #box_gelb_soft p.lexikon, #box_gruen_soft p.lexikon {
color: #000000;
font-size: 12px;
padding: 10px 10px 0px 40px;
margin:0;
}

#box_blau_neutral table{
color: #000000;
font-size: 12px;
margin: 0px 0px 0px 40px;
padding:0;
}

#box_rot_neutral{
background-image: url(bilder/box-rot-neutral.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
background-color: #fffbf8;
margin-bottom: 30px;
}

#box_rot_neutral_steil{
background-image: url(bilder/box-rot-neutral.gif);
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
background-color: #fffbf8;
}

#box_gelb_soft{
background-image: url(bilder/box-gelb-soft.gif);
background-color: #ffdfbf;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

#box_gruen_soft{
background-image: url(bilder/box-gruen-soft.gif);
background-color: #ffdfbf;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

/* Links Rot */

#zusatzspalte_rot a:link, #zusatzspalte_rot a:active, #zusatzspalte_rot a:visited, #box_rot_schweiz a:link, #box_rot_schweiz a:active, #box_rot_schweiz a:visited  {
color: #c30105;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #c30105;
}

#zusatzspalte_rot a:hover, #box_rot_schweiz a:hover{
color: #841d1f;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #841d1f;
}

#box_rot a:link, #box_rot a:active, #box_rot a:visited  {
color: #c30105;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #c30105;
}

#box_rot a:hover {
color: #841d1f;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #841d1f;
}

/* Links Grün */

#tip a:link, #tip a:active, #tip a:visited, .inhalt_gruen a:link, .inhalt_gruen a:active, .inhalt_gruen a:visited, #box_gruen a:link, #box_gruen a:active, #box_gruen a:visited, #zusatzspalte_gruen a:link, #zusatzspalte_gruen a:active, #zusatzspalte_gruen a:visited  {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom:none;
}

#tip a:hover, .inhalt_gruen a:hover, #box_gruen a:hover, #zusatzspalte_gruen a:hover {
color: #af080a;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #af080a;
}

/* Links Gelb */

#box_gelb a:link, #box_gelb a:active, #box_gelb a:visited  {
color: #e9af15;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #e9af15;
}

#box_gelb a:hover {
color: #926b02;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #926b02;
}

#zusatzspalte_gelb a:link, #zusatzspalte_gelb a:active, #zusatzspalte_gelb a:visited {
color: #e9af15;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #e9af15;
}

#zusatzspalte_gelb a:hover{
color: #926b02;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #926b02;
}


/* Login*/

#zusatzspalte #login{
margin: 0px 0px 0px 0px;
padding:0;
}

.button{
margin-top: 5px;
padding: 4px 8px 0 8px;
height: 24px;
width: auto;
background-color: #1a5483;
color: #ffffff;
text-decoration: none;
border: none;
font:normal normal normal 12px/17px 'Droid Sans',arial,serif;
cursor:pointer;
}

#box-rot .button {
margin-top: 5px;
padding: 4px 8px 0 8px;
height: 24px;
width: auto;
background-color: #af080a;
color: #ffffff;
text-decoration: none;
border: none;
font:normal normal normal 12px/17px 'Droid Sans',arial,serif;
cursor:pointer;
}

#box-gelb .button {
margin-top: 5px;
padding: 4px 8px 0 8px;
height: 24px;
width: auto;
background-color: #fbbc20;
color: #ffffff;
text-decoration: none;
border: none;
font:normal normal normal 12px/17px 'Droid Sans',arial,serif;
cursor:pointer;
}

#box-gruen .button {
margin-top: 5px;
padding: 4px 8px 0 8px;
height: 24px;
width: auto;
background-color: #86b531;
color: #ffffff;
text-decoration: none;
border: none;
font:normal normal normal 12px/17px 'Droid Sans',arial,serif;
cursor:pointer;
}


.button_rot{
margin-top: 4px;
padding: 0 4px;
height: 18px;
width: auto;
background-color: #841d1f;
color: #edf2f6;
text-decoration: none;
border: none;
font-size: 12px;
}

.button_gruen{
margin-top: 5px;
padding: 0 4px;
height: 18px;
width: auto;
background-color: #5e8a33;
color: #edf2f6;
text-decoration: none;
border: none;
font-size: 12px;
}

.button_gelb{
margin-top: 5px;
padding: 0 4px;
height: 18px;
width: auto;
background-color: #e9af15;
color: #ffffff;
text-decoration: none;
border: none;
font-size: 12px;
}



/* Logos */
.logos{
margin: 0px 0px 0px 18px;
}

#swiss_analysis_team {
position: absolute;
left: 21px;
top: 657px;
}

#sqs {
position: absolute;
left: 64px;
top: 722px;
}

/* Boxen Animation */

#special_animated_winkel_breit{
background-image: url(bilder/box-blau-animiert.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

#special_animated_winkel_breit_rot{
background-image: url(bilder/box-rot-animiert.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}

#special_animated_winkel_breit_gruen{
background-image: url(bilder/box-gruen-animiert.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 280px;
margin-bottom: 30px;
}


/* Formularfelder */

.eingabe-box {
width: 145px;
margin:0 0 8px 0;
padding:0 0 0 5px;
font-size: 12px;
height: 24px;
background:#ffffff;
border:0;
}

.eingabe {
width: 200px;
margin-bottom: 3px;
margin-right: 5px;
font-size: 12px;
height: 16px;
}

.eingabe_1 {
width: 160px;
margin-bottom: 3px;
margin-right: 5px;
font-size: 12px;
height: 16px;
}

.eingabe_2 {
width: 30px;
margin-bottom: 3px;
margin-right: 5px;
font-size: 12px;
height: 16px;
}

.eingabe_3 {
width: 140px;
margin-bottom: 3px;
font-size: 12px;
height: 16px;
}

.eingabe_4 {
width: 50px;
margin-bottom: 3px;
margin-right: 5px;
font-size: 12px;
height: 16px;
}

.eingabe_5 {
width: 430px;
margin-bottom: 3px;
font-size: 12px;
height: 16px;
}

.eingabe_area {
width: 425px;
font-size: 12px;
}

.eingabe_select {
width: 205px;
margin-bottom: 3px;
font-size: 12px;
}

.sprache-land{
width: 100px;
margin-bottom: 3px;
font-size: 12px;
}

.fehlermeldung {
color: #ffffff;
font-size: 12px;
font-weight:bold;
width: 420px;
margin: 16px 0 0px 0;
background-color:#af080a;
padding: 8px 10px 6px 10px ;
}

/* Bredcrums */

ul.bredcrums{
margin: 0;
padding: 0;
list-style: none;
margin-top: -20px;
}


ul.bredcrums li{
margin: 0;
padding: 0;
float: left;
display: inline;
margin-right: 20px;
}

/* Box Assect Management */
#box-title{
background-color: #b3b6b8;
padding: 4px 7px;
font-weight: bold;
font-size: 10px;
color: white;
}

#box-accent{
background-color: #d5d9de;
padding: 4px 7px;
font-weight: bold;
font-size: 10px;
}

#box-general{
background-color: #fafbfd;
padding: 4px 7px;
font-size: 10px;
}

/* Schlagzeilen */
.schlagzeilen{
color: black;
text-decoration: none;
}

.mouseInfoLayer {
	font:normal normal normal 9px/14px 'Droid Sans',arial,serif;
	font-size: 9px;
	font-weight: normal;
	color: #000000;
	background-color: #d5d9de;
	text-align: left;
	width: 150px;
	border: 1px solid #b3b6b8;
	position: absolute;
	z-index: 250;
	height: auto;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	visibility: hidden;
}

.infoLink a:link, 
.infoLink a:hover,
.infoLink a:active,
.infoLink a:visited{
color: #034971;
font-weight: normal;
text-decoration: none;
border-bottom: 1px solid #034971;
}

.flaggenbanner {
position: absolute;
z-index: 10;
right:10px;
top:16px;
}

#vidcast{
margin: 0px 0 26px 0;
}


/* ------------------- Box ------------------- */

#box{
background-image: url(/bilder/box.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 222px;
margin-bottom: 30px;
}

#box-inhalt{
background-image: url(/bilder/box-inhalt.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 440px;
margin-bottom: 30px;
}

.box-inhalt-anzeige-text{
padding:8px 10px 5px 30px;
}

#box-inhalt ul{
list-style:none;
padding:0;
line-height: 16px;
font-size: 10px;
}

#box-rot{
background-image: url(/bilder/box-rot.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 222px;
margin-bottom: 30px;
}

#box-gelb{
background-image: url(/bilder/box-gelb.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 222px;
margin-bottom: 30px;
}

#box-gruen{
background-image: url(/bilder/box-gruen.gif);
background-color: #fafbfd;
background-repeat: no-repeat;
width: 222px;
margin-bottom: 30px;
}

#box h2,
#box-inhalt h2,
#box-rot h2,
#box-gelb h2,
#box-gruen h2{
color: #000000;
font-weight: bold;
font-size: 12px;
padding: 8px 10px 5px 10px ;
margin:0;
line-height: 17px;
}

#box p,
#box-rot p,
#box-gelb p,
#box-gruen p{
color: #000000;
font-size: 12px;
padding: 10px 10px 10px 10px;
margin:0;
}


/* ------------------- Headline ------------------- */

.headline-bild-gesamtdepot{
width: 440px;
min-height: 210px;  
height: auto !important;
height: 210px;
display: block;
background-image: url(/bilder/headline-pic-hg-gesamtdepot.png);
background-repeat: no-repeat;
}

.headline-bild{
width: 420px;
min-height: 283px;  
height: auto !important;
height: 283px;
display: block;
background-image: url(/bilder/headline-pic-hg.png);
background-repeat: no-repeat;
padding:10px;
}

.headline-inhalt{
width: 440px;
min-height: 196px;  
height: auto !important;
height: 196px;
display: block;
background-image: url(/bilder/headline-pic-hg.png);
background-repeat:no-repeat;
padding: 8px 10px 5px 10px ;
}

.headline-probe-abo{
width: 430px;
min-height: 256px;  
height: auto !important;
height: 256px;
display: block;
background-image: url(/bilder/headline-pic-hg-probe-abo.png);
background-repeat:no-repeat;
padding: 8px 10px 5px 10px ;
}

.headline-jahres-abo{
width: 430px;
min-height: 256px;  
height: auto !important;
height: 256px;
display: block;
background-image: url(/bilder/headline-pic-hg-jahres-abo.png);
background-repeat:no-repeat;
padding: 8px 10px 5px 10px ;
}

.headline-laenderauswahl{
width: 210px;
min-height: 130px;  
height: auto !important;
height: 130px;
display: inherit;
background-image: url(/bilder/headline-pic-hg.png);
background-repeat: no-repeat;
}

.headline-untertitel {
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
}




.inhalt_blau #headline-blau-laenderauswahl h2{
width: 190px;
min-height: 30px;  
height: auto !important;
height: 30px;
display:inherit;
background-image: url(/bilder/headline-hg-blau.gif);
background-repeat: no-repeat;
margin-bottom: 30px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 5px 10px ;
}

.inhalt_rot .headline-bild{
width: 420px;
min-height: 283px;  
height: auto !important;
height: 283px;
display: block;
background-image: url(/bilder/headline-pic-hg-rot.png);
background-repeat: no-repeat;
padding:10px;
}

.inhalt_gelb .headline-bild{
width: 420px;
min-height: 283px;  
height: auto !important;
height: 283px;
display: block;
background-image: url(/bilder/headline-pic-hg-gelb.png);
background-repeat: no-repeat;
padding:10px;
}

.inhalt_gruen .headline-bild{
width: 420px;
min-height: 283px;  
height: auto !important;
height: 283px;
display: block;
background-image: url(/bilder/headline-pic-hg-gruen.png);
background-repeat: no-repeat;
padding:10px;
}

.inhalt_blau #headline-blau h2{
width: 440px;
min-height: 30px;  
height: auto !important;
height: 30px;
display: block;
background-image: url(/bilder/headline-hg-blau.gif);
background-repeat: no-repeat;
margin-bottom: 30px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 5px 10px ;
}

.inhalt_blau #headline-rot h2{
width: 440px;
min-height: 49px;  
height: auto !important;
height: 49px;
display: block;
background-image: url(/bilder/headline-hg-rot.gif);
background-repeat: no-repeat;
margin-bottom: 30px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 5px 10px ;
}

.inhalt_blau #headline-gelb h2{
width: 440px;
min-height: 49px;  
height: auto !important;
height: 49px;
display: block;
background-image: url(/bilder/headline-hg-gelb.gif);
background-repeat: no-repeat;
margin-bottom: 30px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 5px 10px ;
}

.inhalt_blau #headline-gruen h2{
width: 440px;
min-height: 30px;  
height: auto !important;
height: 30px;
display: block;
background-image: url(/bilder/headline-hg-gruen.gif);
background-repeat: no-repeat;
margin-bottom: 0px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 0px 10px ;
}

.inhalt_blau #headline-gruen-nachfolge{
width: 420px;
min-height: 30px;  
height: auto !important;
height: 30px;
display: block;
background-color:#86b531;
background-repeat: no-repeat;
margin-bottom: 30px;
color:#ffffff;
font-weight:bold;
padding: 8px 10px 5px 10px ;
}

.inhalt_gelb h2 p {
	border-bottom:0px solid #000;
}

.inhalt_blau p {
	border-bottom:20px solid #f6f8fa;
}

.inhalt_rot p {
	border-bottom:20px solid #fcf5f5;
}

.inhalt_gelb p {
	border-bottom:20px solid #fffcf6;
}

.inhalt_gruen p {
	border-bottom:20px solid #fafcf7;
}

.nach-ampel {
	clear:left;
	padding-top:16px;
}

.bild-vor-ampel {
	float:left;
}

.ampel {
	float:left;
}