/* CSS Document */
body{background:url(../images/mainbg.gif) 0 0 repeat-x #fff; color:#666; font:14px/18px "Trebuchet MS", Arial, Helvetica, sans-serif;
    min-width: 40em; /* Mindestbreite verhindert Anzeigefehler in modernen Browsern */
}
h1 {color:#666; font:18px "Trebuchet MS", Arial, Helvetica, sans-serif; padding:24px 0 0}
div, p, ul, h2, img{padding:0px; margin:0px;}
ul{list-style-type:none;}
a{background:#fff; color:#000; text-decoration:none;}
a:hover{background:#fff; color:#666; text-decoration:underline;} 

/*----TOP PANEL----*/
#topPan{width:778px; height:87px; position:relative; margin:0 auto;}
#topPan #ImgPan{width:229px; height:52px; background:#fff; color:#666; position:absolute; top:35px; left:0px; padding:0 0 0 35px;}
#topPan #ImgPan img{width:201px; height:52px;}


#topPan ul{width:468px; height:32px; position:absolute; top:43px; right:45px;}
#topPan ul li{width:78px; height:32px; float:left;}
#topPan ul li a{width:76px; height:32px; display:block; background:url(../images/topmenu-normal.jpg) 0 0 no-repeat #F5F4F4; color:#666; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px; margin:0 2px 0 0;}
#topPan ul li a:hover{background:url(../images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none;}

#topPan ul li.home{background:url(../images/topmenu-hover.jpg) 0 0 no-repeat #F5F4F4; color:#fff; text-decoration:none; font-size:12px; font-weight:bold; text-align:center; line-height:32px;}
/*----/TOP PANEL----*/
/*----BODY PANEL----*/
#bodyPan{width:700px; position:relative; margin:0 auto;}
#bodyPan p.toptextpadding{padding:0 0 0;}
#bodyPan p span{background:#fff; color:#CE053C;}
#bodyPan p.more{width:81px; height:22px; display:block; margin:0 0 0 606px; background:url(../images/more-bg.gif) 0 0 no-repeat;}
#bodyPan p.more a{width:70px; height:22px; display:block; background:url(../images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 20px;}
#bodyPan p.more a:hover{background:url(../images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}
#bodyPan ul{width:650px; position:relative; margin:0 0 0 30px;}
#bodyPan ul li{background:url(../images/aufz1.gif) 3px 5px no-repeat; padding:0 0 0 25px;}
#bodyPan ul li a{width:650px; position:relative; margin:0 auto;}
.left_img{float: left; padding: 0 15px 0 0;}
.right_img{float: right; padding: 0 0 0 20px;}
.small {font-size: 10px; line-height:12px;}

/*----Body Middle Panel----*/
#bodyMiddlePan{width:700px; position:relative; margin:0 auto;}
/*----Middle Left Panel----*/
#MiddleLeftPan{width:232px; float:left;}
#MiddleLeftPan p{padding:14px 0 0; line-height:18px;}

#MiddleLeftPan p.largegraytext{font-size:18px;}

#MiddleLeftPan p.more{width:81px; height:22px; display:block; margin:0 0 0 145px; background:url(../images/more-bg.gif) 0 0 no-repeat; padding:0px;}
#MiddleLeftPan p.more a{width:70px; height:22px; display:block; background:url(../images/arrow1.gif) 1% 60% no-repeat; line-height:22px; text-decoration:none; padding:0 0 0 20px;}
#MiddleLeftPan p.more a:hover{background:url(../images/arrow2.gif) 1% 60% no-repeat; text-decoration:none;}

#MiddleLeftPan p.chat{width:232px; height:70px; padding:14px 0 36px;}
#MiddleLeftPan p.chat a{width:232px; height:70px; display:block; background:url(../images/diskussion.jpg) 0 0 no-repeat; text-indent:-20000px;}
#MiddleLeftPan p.chat a:hover{background:url(../images/diskussion.jpg) 0 0 no-repeat; text-indent:-20000px;}

#MiddleLeftPan h2{width:210px; height:50px; display:block; background:url(../images/icon1.jpg) 100% 0 no-repeat  #fff; color:#D40037; border-bottom:1px dashed #BDB9B9; font-size:24px; line-height:22px; padding:0 20px 0 0;}
#MiddleLeftPan h2 span{background:#fff; color:#545454; font-weight:bold; font-size:14px; text-transform:uppercase;}

/*----/Middle Left Panel----*/
/*----Middle Right Panel----*/
#MiddleRightPan{width:390px; float:left; padding:0 0 0 73px;}
#MiddleRightTopPan{width:388px; height:225px; background:url(../images/faszination.jpg) 0 100% no-repeat; padding:18px 0 0; margin:0 0 40px;}

#MiddleRightTopPan p.fresh{width:200px; height:24px; display:block; margin:0 0 0 190px; font-size:20px; text-transform:uppercase;}
#MiddleRightTopPan p.fresh a{background:url(../images/dotline.gif) 0 100% repeat-x #fff; font-size:20px; text-transform:uppercase; text-decoration:none;}
#MiddleRightTopPan p.fresh a:hover{ color:#999999; text-decoration:none;}

#MiddleRightTopPan p.business{width:180px; height:40px; display:block; margin:0 0 0 190px; background:url(../images/dotline.gif) 0 100% repeat-x #fff; color:#003366; font-size:24px; text-transform:uppercase; text-align:right; line-height:24px;}
#MiddleRightTopPan p.business a{color:#003366; font-size:24px; text-transform:uppercase; text-align:right;}
#MiddleRightTopPan p.business a:hover{text-decoration:none; color:#999999;}

#MiddleRightPan h2{width:380px; height:20px; background:url(../images/dotline.gif) 0 100% repeat-x #fff; color:#003366; font-size:24px;}
#MiddleRightPan p{padding:0;}

#RightListfastPan{width:200px; float:left; padding:10px 0 0;}
#RightListfastPan ul{width:200px;}
#RightListfastPan ul li{width:200px; height:20px; float:left;}
#RightListfastPan ul li a{width:190px; line-height:20px; background:url(../images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListfastPan ul li a:hover{background:url(../images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

#RightListnextPan{width:180px; float:left; padding:10px 0 0;}
#RightListnextPan ul{width:180px;}
#RightListnextPan ul li{width:180px; height:20px; float:left;}
#RightListnextPan ul li a{width:160px; line-height:20px; background:url(../images/bullet.gif) 0 6px no-repeat #fff; color:#666; text-decoration:underline; padding:0 0 0 18px;}
#RightListnextPan ul li a:hover{background:url(../images/bullet-hover.gif) 0 6px no-repeat #fff; color:#000; text-decoration:underline;}

/*----/Middle Right Panel----*/

/*----Footer Panel----*/
#footermainPan{
	background:url(../images/footerbg.gif) 0 0 repeat-x #F4F4F4;
	color:#212121;
	position:relative;
	margin:0 auto;
	height:90px;
	clear:both;
	background-color: #F4F4F4;
}
#footerPan{width:700px; position:relative; margin:0 auto; font:12px/15px "Trebuchet MS",Arial, Helvetica, sans-serif; font-weight:normal; padding:15px 0 0;}

#footerPan ul{width:600px; height:20px; position:relative; margin:0 auto;}
#footerPan li{float:left; }
#footerPan ul li a{padding:0 5px 0; color:#212121; background:#F4F4F4; text-decoration:none;}
#footerPan ul li a:hover{text-decoration:underline;}

#footerPan ul.templateworld{width:200px; background:#F4F4F4; color:#212121; display:block; position:relative; margin:0 auto; }
#footerPan ul.templateworld li{height:20px;}
#footerPan ul.templateworld li a{background:#F4F4F4; display:block; color:#212121; text-decoration:none; padding:0px;}
#footerPan ul.templateworld li a:hover{text-decoration:underline;}

#footerPan p.copyright{width:560px; background:#F4F4F4; color:#212121; position:relative; margin:0 auto;}
#footerPan p.copyright a{background:#F4F4F4; color:#000; text-decoration:none;}
#footerPan p.copyright a:hover{background:#F4F4F4; color:#000; text-decoration:underline;}

#footerPanhtml{width:64px; height:19px; display:block; position:absolute; top:73px; left:270px;}
#footerPanhtml a{width:59px; height:18px; background:#fff; color:#6A6A6A; border:1px solid #B6B6B6; display:block; position:absolute; top:0px; left:0px; line-height:19px; text-align:center; font-weight:bold; text-transform:uppercase; text-decoration:none;}
#footerPanhtml a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

#footerPancss{width:64px; height:19px; display:block; position:absolute; top:73px; left:336px;}
#footerPancss a{width:49px; height:18px; background:#fff; border:1px solid #B6B6B6; color:#6A6A6A; display:block; position:absolute; top:0px; left:0px;line-height:19px; text-transform:uppercase; font-weight:bold; text-align:center; text-decoration:none;}
#footerPancss a:hover{background:#D2D0D0; color:#353427; text-decoration:none;}

/* fixedPosition divFotogalerie */
  html {
    padding: 0;
  }
  body {
    margin: 0; padding: 0;
  }

  #fixiert {
    position: absolute;
    top: 35em; left: 62em;
    width: 8em;
    background-color: white;
    border: 1px solid silver;
  }
  html>body #fixiert {  /* nur fuer moderne Browser! */
    position: fixed;
  }
  #fixiert img {
    float: right;
	margin: 0 10px 7px 0;
  }

  #Inhalt {
  background-color:#FFFFFF;
  }
  * #Inhalt {  /* versteckt vor Netscape 4 */
    background-color: #ffffff;
  }

  #Fotogalerie {
    font-size: 0.83em;
    margin: 0 0 0; padding: 0;
  }
  #Fotogalerie li {
    list-style: none;
    margin: 0; padding: 0.5em;
  }
  ul#Fotogalerie a {
    display: block;
    padding: 0.2em;
  }
  ul#Fotogalerie a:link {
    color: black; background-color: #eee;
  }
  ul#Fotogalerie a:visited {
    color: #666; background-color: #eee;
  }
  ul#Fotogalerie a:hover {
    color: black; background-color: #ccc;
	text-decoration:none;
  }
  ul#Fotogalerie a:active {
    color: white; background-color: gray;
  }

