body {
	margin: 0px;
	padding: 0px;
	}  
  
    body, table, tr, td {
        COLOR: #092b2f;
        FONT-SIZE: 12px;
        LINE-HEIGHT: normal;
        TEXT-DECORATION: none;
        FONT-FAMILY: Arial, Helvetica, sans-serif;
		margin: 0px;
		padding: 0px;
		vertical-align: top;
	
    }
	#content {
	background: #fff;
	padding-top: 30px;
	}
	td {
	padding: 4px;
	}
	#logo {
	float:left;
	width: 225px;
	display: inline;
	border-right: 1px solid #b7e4eb;
	}
	#head {
	background: #4cbbcc;
	height: 49px;
	width: 100%;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	border-bottom: 1px solid #94d6e0;
	}
	#head h1 {
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-weight: bold;
	 margin-left: 30px;
	padding: 0px;
	display: inline;
	line-height: 49px;
	}
	#bewerben {

	}
	#navitext #bewerben a {
	height: 30px;
	width: 160px;
	color: #fff;
	background: #4cbbcc;
	display: block;
	font-size: 18px;
	line-height: 30px;
	margin-top: 30px;
	}
	#navitext a.betreuung {
	background: url(img/icons/highschool-usa-betreuung-inaktiv.gif) no-repeat center left;
	}
	#navitext a.betreuung:hover {
	background: url(img/icons/highschool-usa-betreuung-aktiv.gif) no-repeat center left;
	}
	#navitext a.stipendium {
	background: url(img/icons/highschool-usa-stipendium-inaktiv.gif) no-repeat center left;
	}
	#navitext a.stipendium:hover {
	background: url(img/icons/highschool-usa-stipendium-aktiv.gif) no-repeat center left;
	}
	#navitext a.katalog {
	background: url(img/icons/highschool-usa-katalog-inaktiv.gif) no-repeat center left;
	}
	#navitext a.katalog:hover{
	background: url(img/icons/highschool-usa-katalog-aktiv.gif) no-repeat center left;
	}
	#navitext a.katalog_besucht {
	background: url(img/icons/highschool-usa-katalog-aktiv.gif) no-repeat center left;
	font-weight: bold;
	}
		#navitext a.vorbereitung {
	background: url(img/icons/highschool-usa-vorbereitung-inaktiv.gif) no-repeat center left;
	}
	#navitext a.vorbereitung:hover {
	background: url(img/icons/highschool-usa-vorbereitung-aktiv.gif) no-repeat center left;
	}
		#navitext a.sprachtest {
	background: url(img/icons/highschool-usa-sprachtest-inaktiv.gif) no-repeat center left;
	}
	#navitext a.sprachtest:hover {
	background: url(img/icons/highschool-usa-sprachtest-aktiv.gif) no-repeat center left;
	}
	
			#navitext a.magazin {
	background: url(img/icons/highschool-usa-magazin-inaktiv.gif) no-repeat center left;
	}
	#navitext a.magazin:hover {
	background: url(img/icons/highschool-usa-magazin-aktiv.gif) no-repeat center left;
	}

			#navitext a.kontakt {
	background: url(img/icons/highschool-usa-kontakt-inaktiv.gif) no-repeat center left;
	}
	#navitext a.kontakt:hover {
	background: url(img/icons/highschool-usa-kontakt-aktiv.gif) no-repeat center left;
	}
	#navitext a.startseite:hover {
	background: url(img/icons/highschool-usa-startseite-aktiv.gif) no-repeat center left;
	}
		#navitext a.startseite_besucht{
	background: url(img/icons/highschool-usa-startseite-aktiv.gif) no-repeat center left;
	font-weight: bold;
	}
		#navitext a.startseite {
	background: url(img/icons/highschool-usa-startseite-inaktiv.gif) no-repeat center left;
	}
    .untertitel {
        COLOR: #000000;
        FONT-SIZE: 7pt;
        LINE-HEIGHT: normal;
        TEXT-DECORATION: none;
        FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    }

    ul {
        LIST-STYLE-IMAGE: url(img/quadrat_grau.gif);
        MARGIN-BOTTOM: 0px;
        MARGIN-TOP: 5px;
    }

    li {
        MARGIN-LEFT: -18px;
        MARGIN-BOTTOM: 2px;
        MARGIN-TOP: 2px;
    }

    input {
        color: #000000;
        font-size: 12px;
        font-family: Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
        border-width: 1px;
        border-color: #cccccc;
    }



.orangetext {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #DF4502}
.orangelink {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: #FF6700; text-decoration: none; letter-spacing: 1px}
.heading {position:absolute; color:#DF4502; top:45px; left:731px; margin:0px;font-size:2.5em;}


  p {text-align:left;}
  b {color:#0150B2;}



  .bilder_rechts {
      text-align: right;
      margin: 7px 0px 0px 10px;
      float: right;
  }

  .bilder_links {
      text-align: right;
      margin: 7px 10px 0px 0px;
      float: left;
  }

  .bilder {
      position:absolute; top:0px; left:240px;
  }

  .fahnen {
      position:absolute; top:180px; left:150px;
  }

  .rand {
      border-bottom: 1px solid #ff6700;
      margin-right:-4px;
  }


/*
********************************Navigations-style***********************************************
*/

.navifarbe_bg_text {
	background-image: url(img/navigation_background.gif);
	background-repeat: repeat-y;
	background-position: left top;
}


#navitext {
	float: left;
	width: 225px;
	color: #4d4d4d;
	font-size: 12px;
	margin-top: 10px;
      }

div#navitext a {
	color: #4d4d4d;
	font-size: 12px;
	text-decoration:none;
	display:block;
	line-height: 35px;
	margin-left: 20px;
	padding-left: 26px;
      }

div#navitext a.subnavi {
      font-size:10px;
      height:14px;
      padding-left:20px;
      padding-top:0px;
      }

div#navitext a.subnavibesucht {
      font-size:10px;
      height:14px;
      padding-left:20px;
      padding-top:0px;
      background-color:#008FD0;
      }

.besucht {
     
      }
div#navitext a:hover {
    color: #09757f;}

div#contentbox {
	background: #ffffff;
	text-align:left;
	color: #000;
	width: 700px;
	font-weight: normal;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 225px;
	padding-left: 30px;
	padding-right: 30px;
	border-right: 1px solid #cfe2e5;
	border-left: 1px solid #cfe2e5;
 }
/* ------------------------------partnersites----------------------------------- */

div#partner {
      position:absolute;
      top:570px;
      left:0px;
      font-size:8pt;
      font-weight:bold;
      }

div#partner table {
     /*  margin:0px 10px 10px 0px;
      float:left; */
      /* border:#CC2E0E 1px solid; */
      /* width:140px; */
      }

div#partner th {
      height:20px;
      color:white;
      text-align:left;
      }

div#partner td {
      white-space:nowrap;
      }

div#partner a {
      color:white;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-size:7pt;
      text-decoration:none;
      text-align:left;
      display:block;
      padding-left:14px;
      padding-right:3px;
      padding-top:3px;
      padding-bottom:3px;
      width:180px;
      }

div#partner a:hover {
      background-color:#008FD0;
      color:white;
      }


/* ------------------------------button----------------------------------- */

a.button {
      background-color:#D4D0C8;
      color:black;
      border:2px outset #D4D0C8;
      padding-left:5px;
      padding-top:5px;
      padding-right:5px;
      padding-bottom:5px;
      display:block;
      width: 130px;
      FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
      font-weight:normal;
      font-size:11px;
      text-decoration:none;
      text-align:center;
      }

a.button:hover {
      /* background-color:#F5DA00; */
      color:#0150B2;
      border:2px inset #D4D0C8;
      }


/* ------------------------------infobox----------------------------------- */





div#infoboxcontent a{
	margin-left: 30px;
	font-size: 11px;
	line-height: 18px;

  }
div#infoboxcontent a:hover{
text-decoration: underline;

  }
div#infoboxcontent a.besucht {
font-weight: bold;
}



  <!------------ Kataloganforderung ------------------------>
#form_katalog{
width:100%;}

#form_katalog table{
width:100%;
margin-bottom:40px;}

#form_katalog td{
padding:0 20px 0 0;}

#form_katalog input, select{
width:100%;
align:center;}

#form_katalog #submit{
align:center;
width:auto;}