a:active, a:focus {
  outline: 0;
}

a:visited,
a:link {
  font-style: italic;
  color:#ed1260; 
}

.game a:visited,
.game a:link,
p a:visited,
p a:link {
    color:#ed1260;
}
.game a:hover,
p a:hover {
  color:#bf0f4d;  
}
.game a:active,
p a:active {
    color:#254166;
}

.feature a {
  text-decoration: none;
}

.feature h1 {
  background-image:none !important;
  height:29px !important;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  font: bold 16px/28px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif !important;  
  padding-left:10px !important;
  background-color:white !important;
  color:#4d7b9b !important;
}


.active .feature h1 {
  background-color:#003375 !important;
}



/* *************** DECORATION ***************  */

#drops {
  width:878px;
  position:absolute;
  top:0;
  left:-20px;
/*  background: transparent url(/images/rhodius/drops.png) no-repeat 10% 0;*/
  height:476px;
  z-index:200;
  display:none;
}


#horizont_1 {
  width:100%;
  position:absolute;
  top:-4px;
  left:0;
  background: transparent url(/images/rhodius/horizont_1.gif) repeat-x 50% 0;
  height:700px;
}

#horizont_2 {
  width:100%;
  position:absolute;
  top:410px;
  left:0;
  background: transparent url(/images/rhodius/horizont_2.png) repeat-x -50% 0;
  height:500px;
  z-index:100;  
}

#horizont_3 {
  width:100%;
  position:absolute;
  top:467px;
  left:0;
  background: transparent url(/images/rhodius/horizont_3.png) repeat-x 60% 0;
  height:500px;
  z-index:101;  
}

#horizont_4 {
  width:100%;
  position:absolute;
  top:517px;
  left:0;
  background: transparent url(/images/rhodius/horizont_4.png) repeat-x -80% 0;
  height:500px;
  z-index:102;   
}


#logo_print {
  display:none;
}

/* *************** STRUCTURE ***************  */



html {
  /* Always show scrollbars */  
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
}
body {
  color:#2e5280;  
  font: bold 13px/19px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;    
  background-color: #d5e6f1;
	text-shadow: #fff 0px 1px 1px;
  
}



#page {
	margin-left: auto;
	margin-right: auto;
	width: 950px;
}



#header {
  position:relative;
  display:block;
  height:500px;
}

#container {
  margin-top:-25px;
  z-index:300;
  position:relative;
  clear:both;
}

#logo {
  width:170px;
  height:35px;
  display:block;
  position:relative;
  float:right;
  right:38px;
  top:42px;
  z-index:100;
  background: #fbfbfb url(/images/rhodius/logo.gif) no-repeat 0 0;
}

.ink a {
  display: block;
  width:100%;
  height:100%;  
}

.ink a i {
  /* hide all <i>nvisible text within image-links */
  display:none;
}



/* *************** FEATURES ***************  */

#main_feature {
  position:relative;  
  width:950px;
  height:500px;
  display:block;
  top:-20px;
  z-index:99;
}

#main_feature #content {   
  position:relative;  
  display:block;
  height:475px;
  width:950px;
  display:block;
  z-index:100;
}

#container {
  width:100%;
  /*TODO HACK*/
  margin-bottom:50px;
  overflow:visible;
  clear:both;
  display:block;  


}
#features {
	width: 100%;  

  z-index:1000;
  overflow:hidden;
  clear:both;
}



.front {
  padding-top:20px;
  float:left;  
  margin-right:10px;  
  width: 310px;
}

.last {
  margin-right:0 !important;
}

.front a img {
  -moz-border-radius: 2px;
  -webkit-border-radius: 2px;
  border-radius: 2px;  
  border:5px solid white;
}

.front .overlay {
  position:relative;
  margin-top:-200px;
  top:-13px;
  margin-left:20px;
	border:none;
	z-index:400;
}


.overlay.mg2plus {
  left:210px;
  top:-10px;
}

.overlay.trinktipps {
  top:-25px;
}

.overlay.runamring {
  top:-25px;
  left:35px;
}

.overlay.compass {
  top:-30px;
  left:35px;
}

.front a:hover h1 {
  background-color:#003375 !important;
  color:white;
  text-shadow: none
}

.front .overlay ~ h1 {
  margin-top:-14px;
}

h1,
.front h1 {
  color: #003375;  
  font: bold 19px/28px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
  padding-left:5px;
  margin-top:5px;
  height:35px;
  background:transparent url(/images/rhodius/h1_bg.gif) repeat-x 0 bottom;
}

h1 a:link {
  color:#6d97b3 !important;
}

h1 a:hover {
  color:#6d97b3 !important;
}

p,
.front p {
  margin-top:15px;
  padding-left:4px;
  padding-right:6px;  
  color:#2e5280;  
  font: 13px/19px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;  
}


/* *************** FEATURE INTERFACE ***************  */

#interface {
  position:absolute;
  z-index:99;
  height:29px;
  
  width:950px;
  /*margin-top:-215px;*/
  overflow:visible;
}

#interface .button {
  position:relative;
  width:29px;
  height:29px;    
}

#interface .button a {
  background-image: url(/images/rhodius/feature_buttons.jpg);
  background-color: transparent;
  background-repeat: no-repeat;
}

#prev {
  float:left;
}

#next {
  float:right;  
}

#next a,
#next a:visited {
  background-position: -29px 0;
}

#prev a,
#prev a:visited {
  background-position: 0 0;
}

#next a:hover {
  background-position: -29px -29px;
}

#prev a:hover {
  background-position: 0px -29px;
}

#next a:active {
    margin-top:1px;
  background-position: -29px -29px;
}

#prev a:active {
  margin-top:1px;
  background-position: 0px -29px;
}


/* *************** FEATURE STEPS ***************  */

#steps {
  position:absolute;
  width:950px; 
  z-index:1000;
  overflow:hidden;
}


.step {
  width:950px; 
  height:500px;  
  background-color:transparent;
  background-repeat: no-repeat;
  background-position:0 0;
  z-index:10001;
}

.step .alt {
  display:none;
}

/* *************** HELPERS ***************  */

body.grid {
  background-image: none !important;
}
.grid {
  display:block;
  background:#d2e3ee url(/images/dev/grid.png) repeat-y 0 0;
}

.grid #drops,
.grid #horizont_1,
.grid #horizont_2,
.grid #horizont_3 {
  display:none !important;
}

#parts {
  position:relative;
}




/* *************** PARTS ***************  */

.active .step {
  display:block;
}

.inactive .step {
  display:none;
}

.active .part {
  display:block;
}

.inactive .part {
  display:none;
}

.active .front h1{
  background-color: #003375;
  color:white;
  text-shadow: none;
}



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



.part ul,
.part ol,
.part p {
  font: 13px/19px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

.part ol,
.part ul {
  margin-top: 20px;  
  margin-bottom: 20px;
}

.part  li {
  padding-top:6px;
  background:transparent url(/images/rhodius/li.gif) no-repeat 0 0;
  list-style-type: none;
  list-style-image: none;
  list-style-position: outside;

  padding-left:50px;
  margin-bottom:10px;
  margin-top:10px;  
}

.part li.min {
  margin-bottom:0px;
  height:34px;
}


.part h1,
.part h2,
.part h3,
.part h4,
.part h5,
.part h6 {
  width:100%;
}

.part h2,
.part h4,
.part h5,
.part h6 {
  color:#003375;
  padding-left:5px;
  font-size: 15px;
  line-height: 19px;
}

.part h3 {
  color:#ed1260;
  font: 15px/19px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

h3 {
  padding-left:5px;
  margin-top:21px;
  margin-bottom:10px;
}

.part h4 {
  color:#4d7b9b;
  font: 13px/19px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
  margin-bottom:0;
  margin-top:10px;

}

h4 ~ p {
  margin-top:0px;
  margin-bottom:20px;
  color:#003375;
}

.news img {
  border: 1px solid #6d98b4;
  padding:2px;
}

.news .info {
  width:620px;
  margin-left:160px;
  padding-left:10px;
  margin-top:-5px;
  font-size: 11px;
}



#show {
  position:relative;
  left:120px;
  top:145px;
}

#show .game  {
  width:740px;
  color:#003375;
  font: 11px/15px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;  
}

.notice {
  position:relative;
  top:100px;
  left:100px  ;
}

.game .set {
 display:block; 
 margin-right:20px;
 float:left;
}

.row {
  width: 100%;
  height:10px;
}

.boxes {
  height:25px !important;
}

.game .last {
  margin-right:0;
}

.game .text_field {
  height:21px;
  padding-left:5px;
  color:#003375;
  font: 13px/21px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;  
  border:1px solid #82b5d6;
    -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;  
}



.text_field:focus {
   color:#e20054;
   border:1px solid #e20054;
}

.game label {
  padding-left:7px;
  color:#6d98b4;
  clear:both;
}

.fieldWithErrors a,
.fieldWithErrors .for_box{
  color:#e20054 !important;
}
.fieldWithErrors input{
  color:#e20054;
   border:1px solid #e20054 !important;
}

.game .submit {
  float:right;
  margin-right:60px;
}

.game .check_box {
  margin-top:-2px;
  height:14px;
  width:14px;  
  border:1px solid #82b5d6;
    -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;    
}
.game label.for_box {
  padding-left:0;
}

.game select {
  background-color:white;
  margin-top:2px;
  color:#003375;
  height:21px;  
  font: 13px/21px "Trebuchet", "Trebuchet MS", Georgia, "Times New Roman", Times, serif;  
  border:1px solid #82b5d6;
}

form :focus {
 outline:0; /* removes Safari's blue border */
}  

#entry_number,
#entry_title,
#entry_zip,
#entry_age {
  width:56px;
}

#entry_phone,
#entry_name {
  width:160px;
}
#entry_street {
  width:238px;
}


#entry_email {
  width:167px;
}

#entry_city {
  width:203px;
}
/* 22222222222 */

#footer {
  height:80px;
  position: relative;
  margin-top:60px;
  width:100%;
	height: 138px; 
  z-index:103;
  background:transparent url(/images/rhodius/footer.png) repeat-x 50% 0 ;
}

#footer #imprint{
  width:950px;
  margin-left:auto;
  margin-right:auto;   
}

#imprint #info {
  padding-left:35px;
  padding-top:60px;
}

#info a:visited,
#info a:hover,
#info a:link{
    font-weight: normal;
  font-style: normal;
}


/* BUTTONS */

.button {
  position:relative;
  display: block;
}

.button a i {
  display:none;
}
.button a {
  display:block;
  width:100%;
  height:100%;
}

.button.mitmachen {
  height: 72px;
  width: 150px;  
  top:383px;
  left:665px;
}

.button.mitmachen a {
  background-image: url(/images/rhodius/gewinnspiel/mitmachen.jpg);
  background-position: 0 0;
}

.button.mitmachen a:hover {
  background-position: 0 -72px;  
}

.button.mitmachen a:active {
  background-position: 0px -144px;  
}


.button.gewinnen {
  height: 100px;
  width: 300px;  
  top:279px;
  left:470px;
}

.button.gewinnen a {
  background-image: url(/images/rhodius/gewinnspiel/jetzt_gewinnen.jpg);
  background-position: 0 0;
}

.button.gewinnen a:hover {
  background-position: 0 -100px;  
}

.button.gewinnen a:active {
  background-position: 0px -200px;  
}

.button.erfahren_sie_mehr {
  height: 75px;
  width: 210px;  

}

.button.erfahren_sie_mehr.mg2plus {
  top: 305px;
  left: 560px;
}

.button.erfahren_sie_mehr.auszeichnungen {
  top: 275px;
  left: 560px;
}

.button.erfahren_sie_mehr.mg2plus a {
  background-image: url(/images/rhodius/header/mg2plus_erfahren_sie_mehr.jpg);
  background-position: 0 0;
}

.button.erfahren_sie_mehr.auszeichnungen a {
  background-image: url(/images/rhodius/header/qualitaet_erfahren_sie_mehr.jpg);
  background-position: 0 0;
}

.button.erfahren_sie_mehr a:hover {
  background-position: 0 -75px;  
}

.button.erfahren_sie_mehr a:active {
  background-position: 0px -150px;  
}


p.article {
   margin-left:160px;
}


.error {
  color:#e20054;
  margin-top:70px;

}

#no-ie {
display:none;
}

/* GALLERY */

#gallery {
  width:720px;
}

p ~ #gallery {
  margin-top:40px;
}

#gallery.bedarf {
  margin-top:40px;
}
#gallery .item {
  width: 100%;
  margin-bottom:20px;

}

.item h1 {
  margin-bottom:20px !important;
}

.tab a {
  display:block;
  height:100%;
    text-decoration: none !important;

  width:100%;
}

.tab .caption {
  text-decoration: none !important;
  float:left;
  color: #6c98b3;  
  margin-top:30px;
  margin-left:17px;
  font: bold 19px/28px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.tab .caption.multi_line {
  margin-top:25px !important;
  line-height:15px;
}

#tabs {
  margin-top:40px;
  height:200px;
}
.tab {
  display: block;
  margin-right:10px;
  
  /*grid6*/
  display:inline;
	float: left;
	position: relative;
}

.tab.last {
  margin-right:0;
}

.last_line {
  margin-right:10px;
}

.tab img {
  margin-left:10px;
  float:left;
  margin-top:4px;
}

.tab a i {
  display:none;
}

.t230 {
  width:230px;
  height:160px;
}

.t230 a {
    background:transparent url(/images/rhodius/tabs/230.jpg) no-repeat 0 0;
}

.t230 a.active,
.t230 a:hover {
    background-position:0 -160px;
}

.t310 {
  width:310px;
  height:160px;
}

.t310 a {
    background:transparent url(/images/rhodius/tabs/310.jpg) no-repeat 0 0;
}

.t310 a.active,
.t310 a:hover {
    background-position:0 -160px;
}

.t70 {
  width:70px;
  height:75px;
}

.t70 a {
  background:transparent url(/images/rhodius/tabs/70.jpg) no-repeat 0 0;
}

.t70 a.active,
.t70 a:hover {
    background-position:0 -75px;
}

.t70 .caption {
  float:left;
  color: #6c98b3;  
  margin-top:5px;
  margin-left:10px;
  font: bold 19px/28px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

.hr {
  position:relative;
  z-index:10;
  margin-top:10px;
  margin-bottom:20px;  
  width:100%;
  height:1px;
  background:transparent url(/images/rhodius/h1_bg.gif) repeat-x 0 bottom;
}


#gallery h1 {
  margin-left:-5px;
  padding-left:5px;
}
/*SPECIAL CASES*/

#tabs.wirkung .tab img {
  margin-left:0;
  margin-top:15px;
}


#tabs.produkte .tab img {
  margin-left:19px;
  margin-top:-12px;
}


#tabs.bedarf .tab img {
  margin-left:10;
  margin-top:-5px;
}

.geschichte .item img.canvas {
  border:5px solid white;
}

.geschichte .item img.up {
  margin-left:5px;
  margin-top:-55px;
  z-index:20;
  position:relative;
}

img.up {
  margin-top:-50px;
}

.geschichte .item img.less_up {
  margin-left:5px;
  margin-top:-15px;
}

.geschichte .item img.inset {
  margin-left:20px;
}

.geschichte .item p {
  margin-top:4px;
}

.info {
  font-style: italic !important;
  color:#4d7b9b;
  font: bold 13px/19px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

p ~ h1 {
  margin-top:27px;
}

h2 .date {
    color:#4d7b9b;
  font-style: italic !important;
    font: bold 11px/19px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

p ~ .hr {
  margin-top:20px;
}

.archive a:visited,
.archive a:link {
  font-style: normal;
  color:#003375; 
}

.archive a:hover {
    font-style: normal;
  color:#ed1260; 
}

img.geschaeft {
  margin-left:-50px;
  margin-bottom:-30px;
}

.hr ~ .images {
  margin-top:-60px;
}

span.strong,
span.size {
    font: bold 15px/19px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
}

span.type {
    font: bold 15px/19px Trebuchet, "Trebuchet MS", "Lucida Grande", Lucida, Verdana, sans-serif;
  font-weight: normal !important;
  
    font-style: italic;
}

span.product_type {
  font-style: italic !important;
}

iframe {
  margin-left:5px !important;
}

.presse img {
  border:5px solid white;
}

#tabs.language {
  margin-left:-15px !important;
  z-index:600;
  position:relative;
  margin-top:-65px;
  padding-left:60px;
  height:25px;
  margin-bottom:-20px !important;
  background:transparent url(/images/rhodius/h1_bg.gif) repeat-x 0 bottom;
}



#tabs.language .tab {
    margin:0;
    border:1;
  margin-right:2px;    
  width:61px;
  height:24px;
}


#tabs.language .tab a{
  color:#6d98b4;
  background-image:url(/images/rhodius/langtab.png);
}

#tabs.language .tab a.active,
#tabs.language .tab a:hover{
    color:#6d98b4;

  background-position:  0 -24px;
}


#tabs.language .tab a:active{
  color:white;
  	text-shadow: none;

  background-position:  0 -48px;
}

#tabs.language .tab a i{
  display:block;
  line-height:24px;
  text-align:center;
}

.media img {
  padding:5px;
  border:1px solid white;
}

.media ~ h1 {
  margin-top:40px;
}

img.with_button {
  margin-top:-13px;

}