/* Performance tuning for production usage. 
Substitute Beispielse
----------------------------------------------- */
/* container_16 with c16            */
/* MetaNavL with mnl              */
/* MetaNavR with mnr              */
/* StreamMenu with sm               */
/* StreamHeader with sh             */
/* StreamHeaderLeftHidden with shlh       */

body {
  border:0;
  margin:0;
  padding:0;
  min-width:960px;
  background:#fff;
  color:#333;
  height:auto;
  padding-bottom:20px;
  font:14px Arial, Helvetica, sans-serif;
}

div,
h1,
h2,
ul
 {
  border: 0;
  margin: 0;
  padding: 0;
  font-size: 100%;
}


/* `Container
----------------------------------------------------------------------------------------------------*/

.container_16 {
  margin-left:auto;
  margin-right:auto;
  width:960px;
}

/* `Grid >> Global
----------------------------------------------------------------------------------------------------*/

.grid_3,
.grid_4,
.grid_5,
.grid_8,
.grid_9,
.grid_13,
.grid_14,
.grid_17,
.grid_18,
.grid_16 {
  display:inline;
  float:left;
  margin-left:10px;
  margin-right:10px;
}



.grid_5 {
  display:inline;
  float:left;

}


.push_3, .pull_3,
.push_4, .pull_4,
.push_5, .pull_5,
.push_6, .pull_6,
.push_7, .pull_7,
.push_8, .pull_8,
.push_9, .pull_9,
.push_10, .pull_10,
.push_11, .pull_11,
.push_12, .pull_12,
.push_13, .pull_13,
.push_14, .pull_14,
.push_15, .pull_15 {
  position:relative;
}

.container_16 .grid_4 {
  width:220px;
}

.container_16 .grid_5 {
  width:260px;
}

.container_16 .grid_8 {
  width:460px;
}

.container_16 .grid_12 {
  width:700px;
}

.container_16 .grid_16 {
  width:940px;
}

.container_16 .grid_17 {
  width:1000px;
}

.container_16 .grid_18 {
  width:1060px;
  border:0px solid red;
}
/* `Grid >> Children (Alpha ~ First, Omega ~ Last)
----------------------------------------------------------------------------------------------------*/

.alpha {
  margin-left:0;
}

.omega {
  margin-right:0;
}

/* `Grid >> 16 Columns
----------------------------------------------------------------------------------------------------*/

.container_16 .grid_3 {
  width:160px;
}

.container_16 .grid_9 {
  width:520px;
}

.container_16 .grid_13 {
  width:760px;
}
.container_16 .grid_14 {
  width:775px;
}

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/

.container_16 {
  zoom:1;
}

a {
  color:#005bd0;
  text-decoration:none;
}

a:hover {
  color:#005bd0;
  text-decoration:underline;
}

h1 {
  font-family:Arial, serif;
  font-weight:normal;
  padding-top:20px;
  text-align:left;
}

h2 {
  padding-top:20px;
  text-align:left;
}

p { margin:0; padding:0;}

p.forum_vorschau{
margin:0; padding:0;
border-top:0px solid #e8e8e8;
}

p.with_br{
margin-bottom:20px;
  margin-left:-12px;
  padding:7px 5px 5px 25px;
  border-top:1px solid #e8e8e8;
  overflow:hidden;
}

p.Comment {
  padding-right:25px;
  /*background:url("../img/options.png") 505px 8px no-repeat;*/
}

div.legend {
  margin-bottom:20px;
  font-size:12px;
}

.container_16
{
  background-color:#fff;
  background-repeat:repeat-y;
  margin-bottom:20px;
}

/* MetaMenu
----------------------------------------------- */
div.line1{
  margin-bottom:10px;
  margin-top:10px;
  border-top:1px solid #e8e8e8;
}


ul#MetaNavL {
  font-weight:normal;
  margin:-1px 0px 0px 0px;
  padding:0.7em;
  text-align:left;
  height:13px;
}

ul#MetaNavL li {
  list-style:none;
  color:#000;
  display:inline;
  margin:0px 0px 0px -4px;
}

ul#MetaNavL a {
  padding-top:7px;
  padding-bottom:7px;
  color:#fff;
}
ul#MetaNavL a:hover {
  background-color:#606060;
  color:#fff;
  text-decoration:none;
  border-top:solid 2px #C1F58E;
}

div.MetaNavR {
  max-height:28px;
  position:absolute;
  top:1px;
  left:773px;
  padding:1px 2px 1px 2px;
  background-color:#fff;
  -moz-border-radius:2px;
  -webkit-border-radius:2px;
  border-radius:2px;
}

a.CurrentPage {
  border-top:solid 2px #C1F58E;
}

div.StreamMenu ul li {
  list-style:none;
  line-height:24px;
  margin-left:30px;
  margin-right:-1px;
}

div.StreamMenu ul {
  margin-left:-15px;
  margin-bottom:0px;
}

/* stream
----------------------------------------------- */

div.hint {
  font-size:16px;
  width:96%;
  background-color:#E7FCBB;
  text-align:center;
  margin:10px 0px 0px 10px;
  padding:9px;
}

div.sky {
  height:100%;
  border:solid 0px red;
  position:relative;
  /*margin:10px 0px 0px -10px;*/

}

div.HideHint {
  background:url("../img/minus.png") 70% 70% no-repeat;
  position:relative;
  top:-10px;
  left:-10px;
  width:20px;
  height:20px;
  cursor:pointer;
}

div.NextHint {
  background:url("../img/next.png") 30% 30% no-repeat;
  position:relative;
  bottom:-10px;
  left:98.5%;
  width:20px;
  height:20px;
  cursor:pointer;
}

div.ProfileImage {
  width:100px;
  height:100px;
  position:relative;
  margin:0px 0px 0px 14px;
}

.StreamHeader {
  position:relative; 
  padding:5px 0px 1px 5px;
  margin-left:-12px;
  margin-right:0px;
  max-height:22px;
  min-height:22px;
  color:#000;
  background:#F7F7F7;
  text-align:left;
  text-decoration:none;
  display:block;
  font-size:14px;
  font-weight:normal;
}

.StreamHeaderRight {
  float:right;
  position:absolute; 
  right:5px; 
  top:0%; 
}

div.Stream {
   margin:2px 0px 2px -8px;
   padding:0px 0px 0px 8px;
}

div.Commercial {
  background:url("../img/dot.png") 5px 5px no-repeat;
  position:relative;
  text-align:center;
  background-color:#F7F7F7;
  padding-top:10px;
  margin-left:-12px;
  margin-top:5px;
  margin-bottom:6px;
  min-height:12px;
}

span.StreamContent {
  float:left;
  width:20%;
  margin-right:10px;
}

div.more {
  position:relative;
  margin:5px 0px 15px -12px;
  padding:10px 0 10px 10px;
  background-color:#f7f7f7;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

div.Mitmachen {
  /*
  position:relative;
  margin:15px 0 5px -10px;
  padding:10px 0 10px 10px;
  */
  
  position:relative;
  background-color:#ffffff;
  padding:10px 0 10px 10px;
  margin-left:-12px;
  margin-top:15px;
  margin-bottom:6px;
  min-height:12px;
}


div.ueberschrift {

  position:relative;
  background-color:#ffffff;
  padding:10px 0 10px 10px;
  margin-left:-12px;
  margin-top:6px;
  margin-bottom:6px;
  min-height:12px;
}

div.forumcat {

  position:relative;
  background-color:#f7f7f7;
  padding:6px 0 6px 6px;
  margin-left:-12px;
  margin-top:6px;
  margin-bottom:6px;
  min-height:12px;
}

div.content2_grey {

  position:relative;
  background-color:#f7f7f7;
  padding:6px 0 6px 6px;
  margin-left:10px;
  margin-top:6px;
  margin-bottom:6px;
  min-height:12px;
}

div.content3_grey {

  position:relative;
  background-color:#f7f7f7;
  padding:10px 0 10px 10px;
  margin-left:-12px;
  margin-top:6px;
  margin-bottom:6px;
  min-height:12px;
}

div.content1_white {

  position:relative;
  background-color:#ffffff;
  padding:6px 0 6px 6px;

}

div.content2_white {

  position:relative;
  background-color:#ffffff;
  padding:6px 0 6px 6px;
  margin-left:10px;
  margin-top:6px;
  margin-bottom:6px;
  min-height:12px;
}

input.suchen {
  border:0px;
  color:#a0a0a0;
  font-size:16px;
}

div.StreamHead {
  float:left;
  position:relative;
  left:-5px;
  width:20px;
  height:20px;
}

div.StreamHide {
  background:url("../img/minus.png") 5px 50% no-repeat;
  cursor:pointer;
}

div.StreamShow {
  background:url("../img/plus.png") 5px 50% no-repeat;
  cursor:pointer;
}

div.StreamPermanentVisible {
  background:url("../img/dot.png") 5px 50% no-repeat;
}

div.StreamHeadReadStatus {
  font-weight:bold;
  letter-spacing:0.3px;
  border:solid 1px #757575;
  min-width:14px;
  height:14px;
  text-align:center;
  line-height:15px;
  position:relative;
  float:left;
  padding:1px 3px 1px 3px;
  margin-top:5px;
}

div.ReadStatusNo {
  background-color:#99CC66;
  color:#000;
  cursor:pointer;
}

div.ReadStatusYes {
  background-color:#ABABAB;
  color:#d0d0d0;
}

div.StreamHeadMetaData {
  position:relative; 
  float:left;
  top:2px;
}

div.StreamHeadFavorite {
  position:relative;
  float:left;
  cursor:pointer;
  height:20px;
  width:20px;
  margin:5px 0px 0px 6px;
}

div.StreamHeadOption {
  position:relative;
  float:left;
  cursor:pointer;
  height:20px;
  width:20px;
  margin:3px 0px 0px 0px;
}

div.StreamHeadOptionShow {
  background:url("../img/ShowOptions.png") 0px 5px no-repeat;
}

div.StreamHeadOptionHide {
  background:url("../img/HideOptions.png") 0px 5px no-repeat;
}

div.SubStreamHeader {
  background-color:#fff;
  position:relative; 
  padding:0px 0px 1px 5px;
  margin:-12px 0px 16px -12px;
  border:solid 1px #e9e9e9;
  height:20px;
}

div.h2SubStreamHead  h2 {
  position:relative;
  padding-top:0px;
  top:2px;
  display:inline-block;
  font:14px Arial, Helvetia;
}

div.OptionsSelect {
  z-index:1;
  position:relative;
  margin-top:25px;
  margin-left:-146px;
  padding:19px 5px 0px 0px;
  float:left;
  width:165px;
  background:#fff url("../img/minus.png") 145px 5px no-repeat;
}

div.OptionsHide {
  visibility:hidden; 
}

div.OptionsShow {
  visibility:visible; 
}

div.OptionsShow a {
  width:165px;
  position:relative;
  padding-left:5px;
  line-height:30px;
  display:block;
}

div.OptionsSelect a:hover  {
  background-color:#e9e9e9;
}

div.BorderRadius {
  -moz-border-radius:5px;
  -webkit-border-radius:5px;
  border-radius:5px;
  border:solid 1px #d0d0d0;
}

table.Ingred {
  margin-bottom: 20px;
  margin-left:15px;
}

td.Ingred {
  width:10%;
}

div.LoginMenu {
  padding:8px 8px 8px 8px;
  margin:0px 16px 0px 10px;
  background-color:#f7f7f7; 
}

div.Login {
  border:solid 1px #d0d0d0;
  background-color:#F7F7F7;
  padding:10px 0px 5px 10px;
  margin:5px 0px 20px -11px;
}

input.Login {
  margin-bottom:5px;
}

iuput.FormGeneral {
  border:solid 1px #d0d0d0;
  color:#c0c0c0;
  position:relative;
  font-size:16px;
}

input.FormComment, textarea.FormComment {
  width:95%;
  margin:5px 0px 5px 15px;
  padding:5px 0px 5px 0px;
}

.CommentFormTile {
   margin:0px 0px 0px 15px;
}

div.ContentBackground {
  background-color:#fff;
}

div.WallpaperBackground {
  background-color:#e6f3c1;
  background-color:#fff;
}

div.ContentPosition {
  position:relative; 
  margin:0px 0px 0px 0px;"
}

div.PositionLeft {
  position:relative; 
  margin:0px 0px 0px 0px;
}

.breadcrumb1{
	float:left;
	padding-left:3px;
}
.breadcrumb{
	padding-bottom: 3px;
}


/* Forum Bilder Rubriken */

img.float_forum {
	float: left;
	margin: 5px 15px 10px 0;
	border: 2px solid #CCCCCC;
}

/* Magazin Bilder Rubriken */

img.float_magazin {
	float: left;
	margin: 5px 15px 10px 0;
	border: 2px solid #CCCCCC;
}

img.float_magazin_rechts {
	float: right;
	margin: 5px 15px 10px 5;
	border: 2px solid #CCCCCC;
}