body {
  background-color: #FFFFFF;
  background-image:url(../pics/pageback.gif);
  background-repeat:repeat-x ;
  margin-top:0px;
  }



#headeriframe {
  width:948px;
  height:20px;
  margin-top:0px;
  margin-left:0px;
  margin-right:0px;
  padding:0px;
  }

#headerbody {
  margin-left:0px;
  margin-top:0px;
  background-color: #808080;
  background-image:none;
}


.topnav {
  width:140px;
  height: 20px;
  border-width:0px 1px 0px 0px;
  border-style:solid;
  vertical-align:bottom;
  font-family : arial,sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bolder;
  text-align: center;
  color: #ffffff;
  background-color:#808080;
  padding-bottom:10px;
  margin-top:0px;
/*  background-image:url("../pics/naviback2.gif");*/
}

.topnavlast {
  width:100px;
  border-width:0px 0px 0px 0px;
  border-style:solid;
  vertical-align:bottom;
  font-family : arial,sans-serif;
  font-size: 10pt;
  font-style: normal;
  font-weight: bolder;
  text-align: center;
  color: #ffffff;
  background-color:#808080;
  padding-bottom:10px;
/*  background-image:url("../pics/naviback2.gif");*/
}

.shadowright {
  width: 952px;
  margin-top:20px;
  margin-left:auto;
  margin-right:auto;
  background-image:url("../pics/shadow_right.gif");
  background-repeat:repeat-y;
  background-position:right;
  padding-right:0px;
  padding-left:0px;
  }

.shadowbottom {
  background-image:url("../pics/shadow_bottom.gif");
  background-repeat:repeat-x;
  background-position:bottom;/
  padding-bottom:0px;
  }

.shadowtopright {
  background-image:url("../pics/shadow_tr.gif");
  background-repeat:no-repeat;
  background-position:top right;
  padding-right:0px;
  }

.shadowbottomleft {
  background-image:url("../pics/shadow_bl.gif");
  background-repeat:no-repeat;
  background-position:bottom left;
  padding-bottom:0px;
  }

.shadowcorner {
  background-image:url("../pics/shadow_corner.gif");
  background-repeat:no-repeat;
  background-position:bottom right;
  padding-bottom:6px;
  padding-right:6px;
  }



.back {
  background-color:#A0B7D9;
  margin-left:auto;
  margin-right:auto;
/*  margin-top:20px;*/
  width: 946px;
  text-align: left;
  background-image:url("../pics/bodensee12.jpg");
}

.blogback {
  background-color:#A0B7D9;
  margin-left:auto;
  margin-right:auto;
/*  margin-top:20px;*/
  width: 946px;
  text-align: left;
  background-image:url("../pics/blogback1.jpg");
}


.main {
  margin-top:50px;
  width: 950px;
  padding-right:0px;
  /*height:550px;*/
  min-height:550px;
  padding-left:0px;
  padding-bottom:5px;
}

/*nur für IE6 */
* html div.main {
   height : 550px;
}



.leftcol {
 width: 550px;
 margin: 0px 0px 0px 30px;
 padding:0px 0px 0px 0px;
 float:left;
 border: 0px dashed silver;
}

/* schließt IE6 aus */
/*html>body .leftcol {
  margin-left: 30px;
}

/*nur für IE6 */
* html div.leftcol {
   margin-left : 15px;
}



.rightcol {
 float:right;
 width:350px;
}

div#content {
  margin: 10px 0px 0px 5px;
  padding: 0px 30px 10px 0px;
  border: 0px dashed silver;
}


/* Undurchsichtiger Hintergrund für Blog-Posts*/
div#blogcontent {
  margin: 0px 0px 0px 0px;
  padding: 20px 20px 50px 20px;
  border: 0px dashed silver;
 /* background-color:#4F7AAE;*/
}

/* schließt IE6 aus */
/*html>body #blogcontent {
  margin-left: 25px;
}

/* Für die rechte Spale */
div#info {
  margin-top: 120px;
  margin-right: 30px;
  padding: 0px 0px 0px 10px;
  border: 0px dashed silver;
}

#rigthColiFrame {
  width:320px;
  height:500px;
}

#rightcolumnbody {
  margin:0px;
  background-image:none;
  background-color:#ffffff;
}


.trailer {
  border-width:0px 0px 0px 0px;
  border-style:solid;
  border-spacing:0px;
  border-color: #C0C0C0;
  background-image:none;
  margin-top:0px;
  margin-left:00px;
}


.footer {
  clear: left;
  width:950px;
  margin-bottom:0px;
  font-family : arial,sans-serif;
  font-size: 8pt;
  font-style: normal;
  text-align: center;
  color: #F3F3F3;
  border-width:1px 0px 0px 0px;
  border-style:solid;
  border-spacing:0px;
  border-color: #C0C0C0;
}

#footerbody {
  margin-left:0px;
  background-image:none;
  background-color:#808080;
}

#footeriframe {
  width:947px;
  height:20px;
  }


p,td {
  font-family : arial,sans-serif;
  font-size: 9pt;
  font-style: normal;
  text-align: left;
  color: #ffffff;
  padding:0px 0px 0px 0px;
  margin:0.5em 0px 1em 0px;
  font-weight: normal;
}

div#info p,td {
  font-family : arial,sans-serif;
  font-size: 9pt;
  font-style: normal;
  text-align: left;
  color: #757575;
  padding:0px 0px 0px 0px;
  margin:0.5em 0px 1em 0px;
  font-weight: normal;
  }

h1 {
  font-weight:bolder;
  font-family : arial,sans-serif;
  font-size: 10pt;
  font-style: normal;
  text-align: left;
  color: #FFFFFF;
  padding-right:0px;
  padding-left:0px;
}

h2 {
  color: #ffffff;
  font-weight:bolder;
  font-family : arial,sans-serif;
  font-size: 9pt;
  font-style: normal;
  text-align: left;
  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

.code {
  font-family : courier;
  font-size: 9pt;
  font-style: normal;
  text-align: left;
  color: #000000;
  padding:0px 10px 0px 10px;
  margin:0.5em 0px 1em 0px;
  font-weight: normal;
  background-color:#E5E5E5;
  width:500px;
/*  height:100px;*/
}

/*http://www.mediaevent.de/xhtml/textarea.html*/


.submit
{
  background-color:#C0C0C0;
  color:#FFFFFF;
  border-style:none;
  cursor: pointer;
}

input.submit[type=submit]:hover
{
  background-color:#E6E6E6;
  color:#FFFFFF;
  border-style:none;
  cursor: pointer;
}



li {
  list-style-type:square;
  font-family : arial,sans-serif;
  font-size: 8pt;
  font-style: normal;
  text-align: left;
  color: #757575;

  padding:0px 0px 0px 0px;
  margin:0px 0px 0px 0px;
}

ul {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 20px;
}

strong {
  font-weight: bolder;
}

a {
  text-decoration:underline;
  color: #757575;
}

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

a:active {
  text-decoration:underline;
  color: #FF8040;
}

.toplink {
 text-decoration:none;
 color: #ffffff;
}

.toplinkactive {
 text-decoration:none;
 color: #FF8040;
}

.footerlink {
 color: #ffffff;
}

.bloglink {
 color: #ffffff;
}

/* Für die Formatierung des Projektkurzbeschreibungen*/

#projektbody {
 background-color: #ffffff;
 background-image:none;
 margin:0px;
 padding:0px;
}

#projektScreenShot {
 margin-left:20px;
 border-width:2px;
 border-style:solid;
 border-color:#757575;
 }

#bodyiframe {
  width:480px;
  height:210px;
}