@media screen, handheld, print {


  html, body {
 	 font-family: Geneva, Arial, Helvetica, sans-serif;
 	 font-size: 10px;
	 color: #330033;
 	 background-color: #FFFFFF;
	 margin: 0px; padding:0px;
  }

  body {
	 margin: 3px;
  }

  div, ul {
    padding: 0px; margin: 0px;
  }

  li {
    margin-left: 20px;
  }

  p {
    margin:0 0 1em 0;
  }

h1 {
	font-size: 1.4em;
	color: #cc0066;
   font-weight: normal;
    background-color: transparent;
}
h2 {
	font-size: 1.2em;
	color: #cc0066;
    background-color: transparent;
}

a {
	color: #CC0066;
    background-color: transparent;
	text-decoration: none;
}

a:hover {
	color: #CC0066;
    background-color: transparent;
	text-decoration: none;
}
a:link {
	text-decoration: none;
    background-color: transparent;
	color: #CC0066;
}
a:visited {
	text-decoration: none;
    background-color: transparent;
	color: #CC0066;
}
a:active {
	text-decoration: none;
    background-color: transparent;
	color: #CC0066;
}


  table {
    border-collapse: collapse;
    border-spacing: 0px;
  }

  form {
    display:inline;
  }

  .nolink, .nolink img {
    border-style:none;
    text-decoration:none;
  }

  .nobreak {
   white-space:nowrap;
  }



  #container {
  position:relative; display:block; border-left:228px solid #330033;overflow:visible;
  }

  #allcontent {
    width:800px;
    display:block; margin-left:-228px;
  }


  #left {
    /* total width 228px */
    float:left;
    min-width: 190px;
    max-width: 190px;
    padding-top: 25px; 
    padding-left: 25px;
    padding-right: 13px;
    padding-bottom: 110px;    
    margin: 0 0 0 0;
    background-color: #330033;
    position:relative;
    display:inline;
    left:0px;
  }

  #lefttop {
    height: 125px;
    background: url('dvi_logo_sm.jpg') top left no-repeat;
  }

  #leftbot {
    min-height: 178px;
    max-height: 178px;
    background: url('dvi_meerjungfrauen_sm.jpg') top left no-repeat;
  }

  #middle {
    padding: 0;
    min-width:572px;
    max-width:572px;
    margin-left:228px;
    margin-right:0px;
  }

  #middletop {
    min-height: 73px;
    max-height: 73px;
    padding: 25px; margin: 0px;
    background-color: #cc0066; 
    text-align: right;
  }


  #toprow {
     font-size: 14px
  }

  #maintext {
    padding-left: 25px; 
    padding-right: 24px; 
    padding-top: 32px; 
    padding-bottom: 24px; 
    border: none;
    overflow:hidden;  // damit die cker statemnts keine Auswirkungen uaf das äußere Layout haben !
  }

  #menu {
    display:block;
    text-decoration:none;
    line-height: 1.4em;
    padding: 0 5px 0 0;
  }

  .menu li, ul {
    display:block;
    margin-left: 0px;
    margin-top: 10px;
    margin-bottom: 15px;
  }

  .menu_1-no, .menu_1-no a {
	color: #CC0066;
	font-size: 12px;
   background-color: transparent;
  }

  .menu_1-act, .menu_1-act a {
  	color: #FFFFFF;
	font-size: 12px;
   background-color: transparent;
  }

  .menu_2-no, .menu_2-no a {
    text-indent:24px;
	color: #CC0066;
	font-size: 10px;
   background-color: transparent;
  }

  .menu_2-act, .menu_2-act a {
    text-indent:24px;
  	color: #FFFFFF;
	font-size: 10px;
   background-color: transparent;
  }

  .menu_3-no, .menu_3-no a {
  }

  .menu_3-act, .menu_3-act a {
  }

  .menu_4-no, .menu_4-no a {
  }

  .menu_4-act, .menu_4-act a {
  }

  #footer {
    clear: both;
    padding: 0;
    min-height: 20px;
    height: 20px;
    font-size: 9px;
  }

  .footer_right {
    float:right;
    text-align:right;
    padding-top:2px;
    width:70%;
    display:inline;
  }


}