/* Cascade Stylesheet Susi Bellenhaus Fanpage v2.04 by Arki */

body { font-size: 100.01%;
     color: #000000;
     background-color: #e4e4e4;
	 margin: 0; padding: 0;
	 }

h1 { font-size: 1.5em;
   color: #FF0033;
   font-weight: bold;
   text-decoration: underline;
   text-align: center;
   }
h2 { font-size: 1.3em;
   color: #FF0033;
   font-weight: bold;
   text-decoration: underline;
   text-align: center;
   }
h2 { font-size: 1.1em;
   color: #FF0033;
   font-weight: bold;
   text-decoration: underline;
   text-align: center;
   }
hr.red { color:#FF0066; 
      background-color:#FF0066; 
	  height:2px; 
	  border:1px;
	  }

.italic { font-style: italic;
       }
.bold { font-weight: bold; }
.center { text-align: center; }

/* keine rahmen fuer bilder */

img { border: 0; }

/* LINKS */

a:link { color:blue;
		         text-decoration:underline;
		}
		a:visited { color:#940076;
		          text-decoration:underline;
		}
		a:focus { color:#FF2869;
		        text-decoration:underline;
		}
		a:hover { color:#FF2869;
		        text-decoration:underline;
		}
		a:active { color:#FE5E52;
		          text-decoration:underline;
		}

/* SEITENCONTAINER */

div#header { border-bottom: 1px solid red;
           margin-bottom: 3px;
		   width: 100%;
		   background: url(../_grafik/susi_header.jpg) top left no-repeat;
		   width: 100%;
		   height: 170px;
          }
div#header a { display: block;
             width: 100%;
			 height: 170px;
			}
img#header_img { width: 100%;
		   border: 0;
		   }
div#container { width: 95%; max-width: 1280px;
             border: 1px solid red;
			 margin-top:  6px;
			 margin-bottom: 6px;
			 margin-left: auto;
			 margin-right: auto;
			 background-color : #FFD1DC;
             }

div#main { margin-left: 12.6em; /*204px*/
         margin-right: 3px;
        }

div#footer { text-align: center;
		  padding: 2px;
          margin-top: 4px;
		  border-top: 1px solid red;
		  background-color: #FFD1DC;
		  }

div.clear_left { clear: left;
              }
div.clear_right { clear: right;
              }
div.clear_both { clear: both;
              }

/* FORMATIERUNG FUER NAVILEISTE */

div#navibereich { float: left;
               width: 12em; min-width: 196px;
			   margin-left: 3px;
			   }
ul.seitennavi { margin: 2px 4px 2px; padding: 0.2em;
			 border: 3px ridge red;
			 background-color:#FFFFFF;
             }
ul.seitennavi li { font-size: 1.2em;
              list-style: none;
							border-bottom: 1px dashed;
							border-right: 1px dashed;
              margin: 0.3em 0 0.3em; padding: 0.2em;
									}
ul.seitennavi a { color: #FF0033;
				text-decoration: none;
				display: block;
				}
ul.seitennavi a:hover { background-color: #FE37DC;
                      color: #FFFFFF;
					  text-decoration: none;
                      }
ul.seitennavi2 { margin: 2px 4px 2px; padding: 0.2em;
			 border: 3px ridge red;
			 background-color:#FFFFFF;
             }
ul.seitennavi2 li { list-style: none;
										text-align: center;
              margin: 0; padding: 0.2em 0.4em 0.2em 
									}
div#flashbutton { margin: 2px 4px 2px; padding: 3px;
			 border: 3px ridge red;
			 background-color:#FFFFFF;
			 text-align: center;
			  }
div.disclaimer { width: 178px; }
img.navibutton_150_20 { width: 150px;
                       height: 20px;
					   border: 0;
					   }
img.navibutton_84_20 { width: 84px;
                       height: 20px;
					   border: 0;
					   }
img.navibutton_125_20 { width: 125px;
                       height: 20px;
					   border: 0;
					   }
img.navibutton_142_20 { width: 142px;
                       height: 20px;
					   border: 0;
					   }

/* FORMATIERUNG FUER HAUPTSEITE */

div#rechte_box { float: right;
                width: 16em;
								margin-right: 3px;
			 }
div.rbox { padding-right: 1.2em;
						padding-left: 0.8em;
						padding-top: 0.6em;
						padding-bottom: 0.6em;
					}
div.rbox_reob { background:url(../_grafik/rbox_reob.gif) top right no-repeat;
					}
div.rbox_reun { background:url(../_grafik/rbox_reun.gif) bottom right no-repeat;
					}
div.rbox_liob { background:url(../_grafik/rbox_liob.gif) top left no-repeat;
					}
div.rbox_liun { background:url(../_grafik/rbox_liun.gif) bottom left no-repeat;
					}
div.rechte_spalten_head { border-bottom: 1px solid #FF0066; 
		   text-align: center; 
		   padding: 0.3em;
		   }
div#willkommen { font-size: 1.6em;
									font-style: italic;
									margin: 0.8em 0.6em 0.8em;
									}
div#susis_homepage { font-size: 1.1em;
											margin: 0.8em;
									}
div#sendungenbox p { margin: 0.6em;
                   font-style: italic;
				   text-align: center;
                 }
div#sendungenbox span { font-style: normal;
                      font-weight: bold;
                   }
div#sendungenbox a { font-style: normal;
                 }
div#img_susi { width: 480px;
             height: 380px;
			 background: url(../_grafik/main.jpg) 6px 6px no-repeat;
			}
img#susi_main { margin: 2px 0 10px 2px;
           width: 468px;
		   height: 357px;
		   border: 0;
		   }
div#susi_main_zentral { text-align: center;
												margin-right: 17em;
											}
div#neuigkeiten { border-top: 2px solid red;
									border-left: 2px solid red;
				text-align: left;
				margin: 0 17em 0 2px;
				background-color: #FFC5D7;
				}
div#neuigkeiten_head { font-size: 1.3em;
                    font-weight: bold;
					padding: 0.3em;
					}
div#neuigkeiten_content { color: black; 
					   margin: 0.3em;
					   }
div.neuigkeiten_news { font-weight: bold;
					border-bottom: 1px solid black;
					margin: 1.4em 0.3em 0.2em;
					padding-left: 1.2em;
					}
div#neuigkeiten p { margin: 0.6em 0.8em 0.6em;
                  text-align: justify;
				  }

/* FORMATIERUNG FUER COLLAGEN-SEITEN */

ul.collagenlist { text-align: center;
   padding: 0;
   margin: 20px;
   }
ul.collagenlist li { list-style: none;
	  margin: 6px;
	  padding: 2px;
	  text-align: center;
	  background-color: #FFC5D7;
      border: 1px solid #FF6633;
	  float: left;
	  }
ul.collagen_uebersichten { margin: 0; padding: 0;
                        }
ul.collagen_uebersichten li { list-style: none;
                             margin: 4px;
							 padding: 4px;
                             float: left;
														width: 46%;
														height: 160px;
														border:1px solid #FF7CD7;
															background-color: #FFC5D7;
							}

div.collagen_ersteller { font-weight: bold;
					 }
p.collagen_text { text-align: center;
				 margin: 0.6em 0.4em 0.6em;
				 }
img.collagenthumbs { width: 200px; height: 150px; border: 0; float: left; margin-right: 4px; }
img.collagenthumbs_16-9 { width: 200px; height: 113px; border: 0; float: left; margin-right: 4px; margin-top: 12px;}
#myworld_special_ueberschrift { text-align: center;
								  font-size: 1.1em;
								  font-weight: bold;
								}
#myworld_special { text-align: center;
					 margin: 4px 20px 8px;
					 }
div#collagen_navi { text-align: center;
				  font-weight: bold;
				  margin-bottom: 16px;
				  }

/* normale Tabelle */

table.default { width: 98%; margin: 0 auto;
    border-width:2px;
	border-style: solid;
	border-top-color: #FF109F;
    border-left-color: #FF109F;
    border-bottom-color: #E30D5B;
    border-right-color: #E30D5B;
    border-collapse:collapse;
    }
td.default { border:1px solid #FF7CD7;
  background-color: #FFC5D7;
  }
tr.tr-center { text-align: center;
					}

/* VIDEO SEITE/TABELLE */

div.video_navi { font-weight: bold;
				text-align: center;
				margin: 0 6px 0;
				}
th.video { border:1px solid #FF7CD7;
  background-color: #FFEFF7;
  }
td.giga { border: 1px solid #FF6400;
       background-image:url(../_grafik/gigabacksmall.jpg);
	   }


div.textbigb { font-weight: bold;
			 color: #FF0033;
				}
div.textsmall { font-size: 0.9em;
				}
h2.video { font-size: 1.2em;
   font-weight: bold;
   text-decoration: underline;
   text-align: center;
   background-color: white;
   line-height: 1.4em;
   }

div.downlaodbox { float: left; width: 100%; }

div.turorial_link { float: left; width: 170px; border: 1px solid #FF7CD7; margin: 4px; padding: 4px; }

div#videoupdates { float: right;
                 margin: 0.4em;
				 padding: 0.4em;
				 width: 16em;
                 background-color: #FFC5D7;
				 border: 2px solid #E30D5B;}
div#videoupdates ul { list-style-type: square;
                  margin: 0.6em;
				  padding-left: 0.8em;
				 }
div#videoupdates span { font-weight: bold;
                      text-decoration: underline;
					 }
div.video_box { border:1px solid #FF7CD7;
				background-color: #FFC5D7;
				text-align: center;
				float: left;
				width: 140px;
				margin: 6px;
				}
div.video_container { float: left;
					   background-color: #FFB3D0;
					   border: 2px solid #FF109F;
					   }
div.video_container_container { margin-right: 18em;
                               margin-left: 1em; }
p#technik-info { text-align: center;
				width: 100%;
				float: left;
				margin-top: 3em;
				}

/* NEUES SEITE */

h1.neues_ueberschrift { margin-bottom: 6px;
                     }
div.news_zeile { padding: 4px;
			   margin: 4px;
			   border-bottom: 1px solid #FF7CD7;
			   width: 98%;
			   float: left;
			   }
div#news_boxen_container { margin-top: 12px;
						border-width: 2px;
						border-style: solid;
						border-top-color: #FF109F;
						border-left-color: #FF109F;
						border-bottom-color: #E30D5B;
						border-right-color: #E30D5B;
						background-color: #FFC5D7;
						float: left;
						width: 98%;
						}
div#neues_navi { text-align: center;
				font-weight: bold;
				}
div.site_update { float: left; min-width: 14%; font-style: italic; }
div.update_punkte { width: 83%; float: left; }
div.update_box { float: left; margin: 2px; padding: 2px; border: 1px dotted #FF7CD7; width: 97%; }
div.news_text { text-decoration: none;
         }
div#bild_text_float { float: left;
                     width: 100%;
				   }
div#arki_albi_susisnaps { float: right;
                       width: 95%;
					   margin: 4px;
					   padding: 2px;
					   border: 1px solid #FF7CD7;
					   }
ul.news_punkte { margin: 2px 2px 2px 30px; padding: 2px; }

/* Susi of the Week in News-Seite eingebunden */

img.sotwpic { width: 100px;
             height: 75px;
			 border: 0;
			 margin-right: 4px;
			 float: left;
			 }
div.sotwtext { font-style: italic;
			  margin-top: 4px;
			 float: left;
			  }

/* BANNER/LINKS */

p#bannertext { font-weight: bold;
			  margin-bottom: 12px;
			  text-align: center;
			  }
div#email_info { text-align: center;
				}
div#email_info span {background-color: white; }
img.banner { width: 468px;
           height: 60px;
		   }
div.banner { text-align: center;
            margin-bottom: 0.8em;
			}
div.links { text-align: center;
           margin-bottom: 0.2em;
		   font-weight: bold;
		   }

/* SNAPS UEBERSICHTEN ALLGEMEIN */

img.snaps { width: 100px;
          height: 75px;
		  border: 0;
		  }
div.kalender_box { border:1px solid #FF7CD7;
				background-color: #FFC5D7;
				text-align: center;
				float: left;
				width: 140px;
				margin: 6px;
				}
div.kalender_container { float: left;
					   background-color: #FFB3D0;
					   border: 4px double #FF3D73;
					   }
div.kalender_container_container { margin-right: 13em;
                                 margin-left: 1em;
								 }
div.kalender_erlauterung { float: right;
                         width: 10em;
						 margin-right: 1em;
						 padding: 0.6em;
						 text-align: justify;
						 background-color: #FFCDF3;
						 border: 1px solid #C723BE;
						}
div.headingbig { font-size: 1.4em;
			   font-weight: bold;
			   text-align: center;
			   text-decoration: underline;
			   color: #000000;
			   }
div.headingbig span { color: #FFFFFF;
                    background-color: #000000;
					text-decoration: underline;
				  }
div.headingsmall { font-size: 1.2em;
			   text-align: center;
			   text-decoration: underline;
			   color: #000000;
			   }
div.headingsmall span { color: #FFFFFF;
                    background-color: #000000;
					text-decoration: underline;
				  }
div.headingmonth { font-size: 1.1em;
				text-decoration: underline;
				}
div.headingmonth a { background-color: #FFFFFF;
                 }
div.uberschrift_monat { font-size: 1.3em;
			   font-weight: bold;
			   color: #000000;
			   text-align: center;
			   text-decoration: underline;
			   float: left; width: 100%;
			   }
div.kalender_navi { font-weight: bold;
				   text-align: center;
				   color: #000000;
				   margin-top: 10px;
				   margin-bottom: 10px;
				   float: left; width: 100%;
				 }
div.kalender_navi a { background-color: #FFFFFF;
                  }
div.zurueck { font-weight: bold;
		   color: #000000;
           text-align: center;
		   margin-top: 12px;
		   }
div.zurueck a { background-color: #FFFFFF;
             }
div.monat { font-weight: bold;
		   color: #000000;
           text-align: center;
		   margin-bottom: 8pt;
		   }
div.monat a { background-color: #FFFFFF;
          }
div.datum { font-size: 1.1em;
           color: #000000;
				}
div.inhalt { color: #000000;
				}
div.inhalt_margin { color: #000000;
          margin-bottom: 20px;
				}
div.anzahl { font-size: 0.9em;
           color: #000000;
				}
div.anzahl span { color: #FFFFFF;
                background-color: #000000;
			  }

/* SUSI WIRD ZUR GAMERIN UEBERSICHTEN */

div#container_susi-gamerin { width: 95%;
             border: 1px solid red;
			 margin-top:  6px;
			 margin-bottom: 6px;
			 margin-left: auto;
			 margin-right: auto;
             background:url(../_grafik/susiwirdzurgamerin_hintergrund.jpg); 
               }
div#susi-gamerin_back2 { background:url(../_grafik/navi_trenn.gif) top left repeat-y;
                }
div.susi-gamerin_sendungen_box { width: 98%; margin: 0 auto; }
ul.susi-gamerin_sendungen { margin: 6px 0 2px;
               padding: 0;
			   text-align: center;
			   float: left;
			   width: 98%;
			   }
ul.susi-gamerin_sendungen li { list-style: none;
                   float: left;
                   width: 162px;
				   margin: 4px;
				   padding: 1px;
				   border: 1px solid #FFFFFF;
				  }
ul.susi-gamerin_sendungen a { background-color: #FFFFFF;
                       }

/* SUSI HEARTBEAT UEBERSICHTEN */

div#container_susiheartbeat { width: 95%;
             border: 1px solid red;
			 margin-top:  6px;
			 margin-bottom: 6px;
			 margin-left: auto;
			 margin-right: auto;
             background:url(../_grafik/lovebacksmall.jpg); 
               }
div#susiheartbeat_back2 { background:url(../_grafik/navi_trenn.gif) top left repeat-y;
                }
div.loveshack_sendungen_box { width: 98%; margin: 0 auto; }
ul.loveshack_sendungen { margin: 6px 0 2px;
               padding: 0;
			   text-align: center;
			   float: left;
			   width: 98%;
			   }
ul.loveshack_sendungen li { list-style: none;
                   float: left;
                   width: 162px; height: 11em;
				   margin: 4px;
				   padding: 1px;
				   border: 1px solid #E90068;
				  }
ul.loveshack_sendungen a { background-color: #FFFFFF;
                       }
div.love_monats-navi { font-weight: bold;
					  text-align: center;
					  float: left; width: 100%;
					  }
div.love_monats-navi a { background-color: #FFFFFF;
                     }

/* Susi Gamescom Photos */

ul#gamescom { margin: 16px 4px 0 16px;
	      padding: 0;
float:left; }

ul#gamescom li { list-style: none;
		float:left;
		margin:  4px;
		padding: 4px;
		border: 1px solid #E90068 }

div#cctext { float:right;
			 margin: 16px 16px 0 4px;
			text-align: right;
			width: 20%; }

/* ROFL TV UEBERSICHTEN */

div#container_rofltv{ width: 95%;
             border: 1px solid red;
			 margin-top:  6px;
			 margin-bottom: 6px;
			 margin-left: auto;
			 margin-right: auto;
             background:url(../_grafik/rofltvbacksmall.jpg); 
               }
div#rofltv_back2 { background:url(../_grafik/navi_trenn.gif) top left repeat-y;
                }
ul.rofltv_monate { margin: 10px;
               padding: 0;
			   text-align: center;
			   }
ul.rofltv_monate li { list-style: none;
                   float: left;
                   width: 130px;
				   margin: 4px;
				   padding: 1px;
				   border: 1px solid black;
				  }
ul.rofltv_monate a { background-color: #FFFFFF;
                 }
table.rofltv { width: 98%;
            margin: 0 auto;
            border:2px ridge #2D152C;
            border-collapse: collapse;
            empty-cells: hide;
			color: #000000;
		}
table.rofltv  a { background-color: #FFFFFF;
             }
td.rofltv { border:1px solid #8D7795;
         padding-bottom: 5px;
		 height: 120px;
		 vertical-align: bottom;
         }
td.rofltv_top { border:1px solid #8D7795;
         padding-bottom: 5px;
		 height: 120px;
		 vertical-align: top;
         }
th.rofltv { border:1px solid #8D7795;
         padding-bottom: 5px;
         }
tr.center { text-align: center;
         }
/* MYSUSI UEBERSICHTEN */

div#container_myworld { width: 95%;
             border: 1px solid red;
			 margin-top:  6px;
			 margin-bottom: 6px;
			 margin-left: auto;
			 margin-right: auto;
             background:url(../_grafik/myworldbacksmall.jpg); 
               }
div#myworld_back2 { background:url(../_grafik/navi_trenn.gif) top left repeat-y;
                }
div.myworld_sendungen_box { width: 98%; margin: 0 auto; }
ul.myworld_sendungen { margin: 6px 0 2px;
               padding: 0;
			   text-align: center;
			   float: left;
			   width: 98%;
			   }
ul.myworld_sendungen li { list-style: none;
                   float: left;
                   width: 164px;
				   margin: 4px;
				   padding: 1px;
				   border: 1px solid #E90068;
				  }
ul.myworld_sendungen a { background-color: #FFFFFF;
                       }

/* LEBENSLAUF +++ UEBER SUSI +++ INTERESSANTE FAKTEN */

/* gemeinsame formatierungen: lebenslauf - ueber susi - interessante fakten */

div.lebenslauf_uebersusi_fakten_content_box { width: 80%;
  border-width:2px;
  border-style: solid;
  border-top-color: #FF109F;
  border-left-color: #FF109F;
  border-bottom-color: #E30D5B;
  border-right-color: #E30D5B;
  background-color: #FFCBD8;
  margin: 0 auto;
  padding-bottom: 25px;
  padding-left: 25px;
  padding-right: 25px;
  margin-bottom: 35px;
  margin-top: 9px;
  }

/* gemeinsame formatierungen: ueber susi interessante fakten */

li.gross { margin: 0;
		 padding: 0 0 1px;
   }
li.klein { list-style-type: none;
   margin: 0;
   padding: 0;
   }

/* lebenslauf */

ul.ueberschrift { list-style-type: none;
                margin-left: 0;
				margin-bottom: 25px;
				padding-left: 10px;
   }
ul.unterpunkte { list-style-type: none;
               margin: 0;
			   padding: 0;
			   }
ul.unterpunkte2 { list-style-type: none;
                margin: 0;
				padding: 0;
				}
ul.ueberschrift li { padding: 0;
                margin: 0;
                }
ul.unterpunkte li { margin: 0 20px 0 100px;
				  padding: 0 0 2px;
                  }
ul.unterpunkte2 li { margin: 0 20px 0 60px;
				   padding: 0 0 2px;
                   }
ul.ueberschrift h2 { font-size: 1.1em;
                   font-weight: bold;
				   text-align: left;
				   margin-bottom: 5px;
				   text-decoration: underline;
       }

/* UEBER SUSI */

div.text { text-align: center;
  }
li.gross { margin: 0;
		 padding: 0 0 1px;
   }
li.klein { list-style-type: none;
   margin: 0;
   padding: 0;
   }
ul.ueber_susi { list-style-position: inside;
   list-style-type: square;
   }

/* interessante fakten */

ul.interessante_fakten { list-style-position: inside;
   list-style-type: square;
   margin: 0 20px 0;
   padding: 0 0 12px;
   }

/* HOW TO */

div.howto_text { margin: 2px 30px 2px 10px;
			  }
ul.howto_stichpunkte { margin: 0; padding: 0; }
ul.howto_stichpunkte li { margin: 10px 64px 4px 44px;
                      list-style: square;
					  }
div.command_explain { width: 94%;
                    margin-left: auto;
					margin-right: auto;
					margin-top: 6px;
					margin-bottom: 6px;
					padding: 2px;
					border: 1px solid red;
					background-color: #F348B3;
					color: black;
					}
div.win_lin { margin: 4px; }

/* COUNTER */

div.counterbox { float: right;
               margin: 6px;
			   border: 3px solid red;
               background-color: white;
			   padding: 2px 0px 2px 0px;
			   width: 172px;
			   }
.chcTable
{
  width: 150px;
  border-spacing: 1px;
  border-width: 1px;
  border-color: #FF0000;
  border-style: solid;
  text-align: left;
  background-color: #FFFFFF;
  font-family: 'Arial';
  margin: 0 auto;
}
.chcHeaderRow
{
  background-color: #FF0000;
  text-align: center;
  color: #FFFFFF;
  font-size: 100.01%;
  font-weight: bold;
  padding: 3px;
}
.chcLeftRow
{
  background-color: #F2F0F0;
  color: #000000;
  font-size: 10px;
  padding: 3px;
}
.chcLeftRowAlt
{
  background-color: #E0DFDF;
  color: #000000;
  font-size: 10px;
  padding: 3px;
}
.chcRightRow
{
  background-color: #F2F0F0;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
  text-align: right;
}
.chcRightRowAlt
{
  background-color: #E0DFDF;
  font-size: 11px;
  font-weight: bold;
  color: #000000;
  padding: 3px;
  text-align: right;
}
.chcA a
{
  font-size: 10px;
}