html , body{
margin: 0;
padding: 0;
font-family: verdana, helvetica, arial, san-serif;
font-size: 12px;
color: #000000;
}

body.blau{
font-family: verdana, helvetica, arial, san-serif;
background-image: url(bilder/bg-blau.jpg);
background-repeat: no-repeat;
background-color: #edf2f6;
}

body.rot{
font-family: verdana, helvetica, arial, san-serif;
background-image: url(bilder/bg-rot.jpg);
background-repeat: no-repeat;
background-color: #fbf1e8;
}

body.gelb{
font-family: verdana, helvetica, arial, san-serif;
background-image: url(bilder/bg-gelb.jpg);
background-repeat: no-repeat;
background-color: #faf4e6;
}

body.gruen{
font-family: verdana, helvetica, arial, san-serif;
background-image: url(bilder/bg-gruen.jpg);
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: 308px;
right: 0;
width: 280px;
margin: 0;
padding: 0;
}



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

/* Hauptnavigation  */

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

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

#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: #034971;
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: #034971;
text-decoration: none;
}

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

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

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

body.blau  #oben ul.zweite li a.zweite_ebene:hover{
color: #5b89a3;
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: #fff;
font-weight: bold;
}

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

body.rot #oben ul.zweite li a.zweite_ebene_on ,body.rot  #oben ul li a.erste_ebene_on{
color: #fff;
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: #fff;
font-weight: bold;
}

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

body.gelb #oben ul.zweite li a.zweite_ebene_on ,body.gelb  #oben ul li a.erste_ebene_on{
color: #fff;
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: #fff;
font-weight: bold;
}

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

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


/* Inhalt */

#inhalt p, #inhalt table tr td , #inhalt form{
width: auto;
margin: 0 0 20px 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;
width: auto;
margin: 0 0 0px 0;
}

.inhalt_blau h2{
color: #034971;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 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: #4eacce;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #4eacce;
}

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

/* Inhalt rot */

.inhalt_rot h1 {
color: #841d1f;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
}

.inhalt_rot h2 {
color: #841d1f;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 0;
}

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

/* Inhalt gelb */

.inhalt_gelb h1 {
color: #b77d08;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
}

.inhalt_gelb h2 {
color: #b77d08;
font-size: 12px;
width: auto;
font-weight: normal;
margin: 0 0 15px 0;
}

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

/* Inhalt grün */

.inhalt_gruen h1 {
color: #5e8a33;
font-size: 16px;
width: auto;
margin: 0 0 0px 0;
}

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

.inhalt_gruen a:link, .inhalt_gruen a:active, .inhalt_gruen a:visited  {
color: #5e8a33;
font-weight: bold;
text-decoration: none;
}
.inhalt_gruen a:hover {
color: #5e8a33;
font-weight: bold;
text-decoration: underline;
}

/* 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, #box_rot h2, #box_gelb h2{
color: #000000;
font-weight: bold;
font-size: 12px;
padding: 8px 10px 10px 40px ;
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, #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: 10px 10px 10px 40px ;
margin:0;
line-height: 16px;
}


#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: #5e8a33;
font-weight: normal;
text-decoration: none;
border-bottom: 1px dashed #5e8a33;
}

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

/* 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 15px 0px;
}

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

.button_rot{
margin-top: 5px;
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: 10px 0px 40px 40px;
}

#swiss_analysis_team {
position: absolute;
left: 0px;
top: 520px;
}

/* 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 {
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;
}

/* 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-family: Arial, Helvetica, sans-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;
margin: 50px 0 0 580px;
}

*html .flaggenbanner {
position: absolute;
z-index: 10;
margin: 178px 0 0 580px;
}

*+html .flaggenbanner {
position: absolute;
z-index: 10;
margin: 178px 0 0 580px;
}

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