html { height: 101% } 

img{
border-bottom: 0px;
}

body{
margin: 0 auto;
background: url(bg.jpg) repeat-x #b7b7b7;
width: 800px;
font-family: Verdana;
font-size: 0.96em;
color: white;
text-align: left;
}

/*  A-Formatierungszeuch */

.aschwarz{
      color: black;
      border-bottom: 1px black dotted;
}

.aschwarz:hover{
      color: black;
      border-bottom: 1px black solid;
}

a.noborder{
      border: 0px;
      text-decoration: none;
}

a.noborder:hover{
      border: 0px;
      text-decoration: none;
}

/*  so, fertisch. */

#smallie h1,h2,h3,h4,h5,h6{
font-family: Verdana;
text-align: left;
border-bottom: 0px #ff8a00 solid;
}

#smallie{
font-family: Verdana;
font-size: 1em;
margin-bottom: 20px;
width:749px;
background-color: #ffffcb;
color: #ff8a00;
padding: 5px;
border: 1px #ff8a00 solid;
}

#smallie a{
color: #ff8a00;
border: 0px;
text-decoration: none;
}


#small{
font-family: Verdana;
font-size: .6em;
text-align: center;
margin-bottom: 20px;
}

#small a{
color: white;
border-bottom: 1px white dotted;
text-decoration: none;
}

#contentstyle a{
color: white;
text-decoration: none;
text-decoration: underline;
}


#contentstyle{
margin-top: -55px;
}


#menu{
font-family: Verdana;
font-size: .8em;
text-align: center;
margin-left: 15px;
}

#menutwo{
font-family: Verdana;
font-size: .7em;
text-align: left;
color: #fad4ae;
margin-left: 29px;
margin-top: -10px;
margin-bottom: 20px;
}

#menuthree{
font-family: Verdana;
font-size: .8em;
text-align: left;
color: #faf9ae;
margin-left: 29px;
margin-top: -10px;
margin-bottom: 20px;
}

#inhalttop{
width: 749px;
height: 50px; /* war mal 109px */ 
background-image: url(Bilder/design_feb10_03.png);
background-repeat: no-repeat;
}

#inhalt{
width: 749px;
background-color: #373737;
margin: 0px;
margin-top: 0px; /* war mal 5px */
text-align: left;
}

.contentmargin{
margin: 7px;
margin-top: 0px; /* war mal nicht da */
}

#inhaltbottom{
background-image: url(Bilder/design_jan10_05.png);
background-repeat: no-repeat;
width: 749px;
height: 22px;
}

.m{
width: 5px;
height: 3px;
}


/* 
################################################################################
########################################ALTE CSS##################################
################################################################################
*/

h1, h2, h3, h4, h5, h6{
border-bottom: 1px dotted white;
}

h1:hover, h2:hover, h3:hover, h4:hover, h5:hover, h6:hover{
border-bottom: 1px solid white;
}

td.linklink{
background-color:#4e4e5e;width:100px;border-bottom:1px white solid;border-right:1px white solid;
}

td.linkbeschreibung{
background-color:#4e4e4e;width:600px;border-bottom:1px white solid;
}

td.linkspace{
background-color:#707060;width:100px;border-bottom:1px white solid;border-right:1px white solid;
}

td.linktitel{
background-color:#707070;width:600px;border-bottom:1px white solid;
}

td.shortnewst{
background-image:url(tpl_shortnews_1.jpg);
background-repeat: no-repeat;
width:890px;
line-height:10px;
text-align:center;
}

td.shortnewsm{
background-color: #2e2e2e;
width: 500px;
text-align:center;
}

td.shortnewsb{
background-image:url(tpl_shortnews_2.jpg);
background-repeat: no-repeat;
width:890px;
line-height:10px;
text-align:center;
}


/* Eselsohr und Diverses */

div#mini {
position: absolute; top:0px; right: 0px; z-index: 100; width:125px;
background:url(eselsohrmoveb.png);
background-repeat: no-repeat;
}
div#ecke {
position: absolute; top:0px; right: 0px; z-index: 99; width:125px;
background:url(ecke.gif);
background-repeat: no-repeat;
}
div#mini a:hover {
position: absolute; top:0px; right: 0px; z-index: 101; width:500px;
background:url(ad500_500b.png);
background-repeat: no-repeat;
}
img {
border:none;
}
  .w1, .wf {
	border: 1px solid #fff;
	background-color: #e7e7e7;
}
.w1:focus, .wf:focus {
	background-color: #bcbcbc;
	width: 400px;
}
input.w1, input.wf {
	width: 200px;
}
textarea.w1 {
	width: 400px;
	height: 200px;
}
.button {
	border: 1px solid #2f2f2f;
	background-color: #e7e7e7;
}
.err {
	background-color: #f4dfd4;
	border-top: 2px solid #f00;
	border-bottom: 2px solid #f00;
	margin: 5px;
	color: black;
}
.ok {
	background-color: #e4f4d4;
	border-top: 2px solid #6db32d;
	border-bottom: 2px solid #6db32d;
	color: black;
}

.comment{
padding: 5px;
border: 1px black dotted;
background-color: #73889d;
color: #000;
font-size: 0.8em;
}

.comment:hover{
border: 1px #042b53 solid;
color: black;
}

.response{
padding: 5px;
border: 1px #6699cc dotted;
background-color: #9fcbf8;
color: #000;
}

.response:hover{
border: 1px #6699cc solid;
color: black;
}

.zitat{
background-color: #4a4a4a;
border: 1px white solid;
padding: 5px;
}

.zitat:hover{
border: 1px white dashed;
}

.code{
background-color: #0033FF;
border: 1px white solid;
padding: 5px;
}

.code:hover{
border: 1px white dashed;
}

#homepagetutorial a{
text-decoration: underline;color:white;
}

img.gallery{
margin-left: 10px;
border: 2px #fff solid;
}

img.gallery:hover{
border: 2px #000 solid;
}

img.forumhover{
background-image: url(images/forum_redirect.jpg);
}

img.forumhover:hover{
background-image: url(images/forum_redirect_hover.jpg);
}

/* ### WEEKLYARCHIV ###*/


#backgarchiv1{
background-color: #2e3641;
}

#backgarchiv1:hover{
background-color: #3e4650;
}

#backgarchiv2{
background-color: #2c3036;
}
#backgarchiv2:hover{
background-color: #3d4046;
}

/* ### WEEKLYARCHIV ### END*/

.lumixgallery{
border: 2px white solid;
}

.lumixgallery:hover{
border: 2px #ffffcc solid;
}

.minoltasony{
border: 2px #66ff66 solid;
}

.minoltasony:hover{
border: 2px #00ff33 solid;
}

.galleryborder{
border: none;
}

.okay{
background-color: #c2ecbe;
border: 1px #68e65a solid;
padding: 6px;
margin-right: 15px;
color: black;
}

.problem{
background-color: #ecd8be;
border: 1px #e6a95a solid;
padding: 6px;
margin-right: 15px;
color: black;
}

.hinweis{
background-color: #f4fe9f;
border: 1px #e4ff00 solid;
padding: 6px;
margin-right: 15px;
color: black;
}


#gallery a{
color: white;
text-decoration: underline;
}

.newsbg{
font-size: 0.9em;
background: url(newsbg.jpg) repeat-x #555555;
border: 1px white dotted;
border-top: 0px;
padding: 5px;
}

.newstitel{
color: #2c2c2c; background-color: #969696;
margin-bottom: 0px;
border: 1px white dotted;
padding: 5px;
}

.newsbg:hover{
border: 1px white dotted;
border-top: 0px;
}

.newstitel:hover{
border: 1px white dotted;
}


span.weiter {
background-color: #b8b8b8;
border: 1px #878787 solid;
border-bottom: 1px #878787 solid;
padding: 2px;
}

.zattoo{
color: #fecc8a;
}

.wilmaa{
color: #a6bdff;
}

.weeklynext{
	height: 135px;
	width: 438px;
	background: url(nextweeklythema.jpg) no-repeat;
	padding: 0px;
	margin-bottom: 30px;
	margin-top: 30px;
}

#interview li{
      margin-bottom: 7px;
}

#interview i{
      color: #99ffc2;
}

.noborder{
      border: none;
      text-decoration: none;
}

.linkdesc{
      font-size: 0.8em;
}

.example{
      margin-left: 10px;
      background-color: #fff;
      width: 500px;
      padding: 5px;
      color: #000;
      font-size: 0.8em;
      font-family: Arial;
}



.picbox{
      border: 4px #9A9A9A solid;
}

.picbox:hover{
      border: 4px #E1E1E1 solid;
}


/* ----------------------------------------------------------> sidebar stuff */

#sidebar2{
      bottom: 0px;
      left: 0px;
      display: block;
      position: fixed;
      padding: 5px;
      width: 100%;
      background-color: #666;
      color: #fff;
      font-size: 0.7em;
}

#sidebar2 img{
      border: 0px #B5B5B5 solid;
      width: 55px;
      height: 30px;
}

#sidebar2 img:hover{
      border: 0px #F0F0F0 solid;
}

#sidebar2 a{
      border: none;
      text-decoration: none;
}

#sidebar2 a:hover{
      border: none;
}

.sblog{
      background-image: url(images/shortcut_mblog.png);
}
.sblog:hover{
      background-image: url(images/shortcut_mblog_hover.png);
}

.sawt{
      background-image: url(images/shortcut_meythema.png);
}
.sawt:hover{
      background-image: url(images/shortcut_meythema_hover.png);
}

.swta{
      background-image: url(images/shortcut_meythemaarchiv.png);
}
.swta:hover{
      background-image: url(images/shortcut_meythemaarchiv_hover.png);
}

.fotos{
      background-image: url(images/shortcut_pix.png);
}
.fotos:hover{
      background-image: url(images/shortcut_pix_hover.png);
}

.hptut{
      background-image: url(images/shortcut_homepage.png);
}
.hptut:hover{
      background-image: url(images/shortcut_homepage_hover.png);
}

.helpme{
      background-image: url(images/shortcut_mblog_helpme.png);
}
.helpme:hover{
      background-image: url(images/shortcut_mblog_helpme_hover.png);
}