* {margin:0; padding:0;}

img, div { behavior: url(iepngfix.php) }


.clearfix:after {  content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}

p { margin-top: 5px; margin-bottom: 5px; padding: 0 }
ul  { list-style-type: square; list-style-position: outside; margin: 2px 0 2px 12px; padding: 0 }
li  { margin: 0 0 2px; padding: 0 }

a, 
a:visited {text-decoration: none;color: #153888; }
a:hover{font-weight: bold}
.blau{color: #153888;}

body{ background-image: url(../bilder/hg_meer.jpg); font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
#page       {  width: 936px; border: 0px solid  #000 }
#schattenoben    {   background-image: url("../bilder/schatten_oben.jpg"); background-repeat: repeat; background-position: 0 0; width: 939px; height: 26px }
#wrap   { background: url("../bilder/schatten_rechts.jpg"); background-repeat: repeat; background-position: -2px 0px; margin: 0; padding: 0; width: 933px; height: 537px; border-bottom: 0px solid #fff; border-left: 1px solid #fff;   }

.bodytext   { color: #000; font: 12px/16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; padding-right: 22px; padding-left: 30px }

.linkblue{font-size: 11px; color: #153888; text-align: right; padding-right: 22px; padding-left: 30px;}
.linkblue a, .linkblue a:visited { color: #153888; font-style: normal; font-weight: normal; line-height: normal }
.linkblue a:hover { color: #153888; font-weight: bold }

.linkblack{font-size: 12px; color: #000; text-align: right;}
.linkblack a, .linkblue a:visited { color: #000; font-style: normal; font-weight: normal; line-height: normal }
.linkblack a:hover { color: #000; font-weight: bold }



.linkbluebox   { color: #fff; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; text-align: right; padding-top: 5px; padding-right: 30px; padding-left: 30px }
.linkbluebox a, .linkbluebox a:visited{font-size: 12px; color: #fff;}
.linkbluebox a:hover{font-weight: bold}


.headline   { color: #153888; font: 16px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin-top: 16px; margin-bottom: 6px; padding-right: 29px; padding-left: 30px }
.headline2  { color: #153888; font: 15px "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: left; margin-top: 16px; margin-bottom: 4px; padding-right: 29px; padding-left: 0px }
.headlinesmall  { color: #153888; font: 12px "Verdana"; font-weight:bold;	text-align: left; margin-top: 17px; margin-bottom: 4px; padding-right: 29px; padding-left: 20px;}


#toppage {background-color:#fff; text-align: left; position: relative; width: 929px; height: 135px; float:left; }
#topbar { background-color:#fff; background-repeat: repeat-x; position: absolute; width: 502px;  float: left; 
		border-right: 1px solid #999999 }
#topbar2{  background-color:#fff; background-repeat: repeat-x; width: 385px; height: 135px; float: right; border-right: 1px solid #999999 }
/*content{background-color: #fff; width:934px; height:373px;}
/*#claimbox  { color: #fff; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; background-color: #d6820b; text-align: right; margin-left: 142px; width: 242px; height: 135px; float: left }*/


.claimboxtext      { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; background-color: #d6820b; text-align: right; padding-top: 62px; padding-right: 20px; padding-bottom: 1px; position: absolute; right: 503px; width: 264px; height: 72px; float: left }
.claimboxtext_en      { color: #fff; font-size: 14px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: bold; line-height: 20px; background-color: #d6820b; text-align: right; padding-top: 62px; padding-right: 20px; padding-bottom: 1px; position: absolute; right: 503px; width: 264px; height: 72px; float: left }

#logo  { background-color: #fff; padding-left: 425px; width: 502px; border: 0 }
#logo img{border:0}

#bluebox  { font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #153888; width: 929px; height: 26px; float: left; border-top: 1px solid #fff; border-bottom: 1px solid #fff }




#mitte     { background-color: #fff; margin: 0; padding: 0; position: relative; width: 285px; height: 373px; float: left; border-bottom: 1px solid #fff }
#mittelbild {margin:0px;padding:0px;border:0px;height:373px;}

#slogan{ position: absolute; bottom: 12px; left: 570px; color: #153888; font-size: 12px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}
		
#traveltext{ position: absolute; bottom: 90px; left: 20px; margin-right: 10px; text-align: right;color: #153888; font-size: 10px; font-weight: bold; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif;}



#menu   { background-color:  #DCE4E6; position: relative; width: 141px; height: 255px; float: left; border-bottom: 1px solid #fff; }
#menutravel     { background-color: #dce4e6; position: absolute; top: 255px; left: 0; width: 141px; float: left; border-bottom: 1px solid #fff }

#content {background-color: #EBE8E0; width:502px; height: 373px; float: left;border-left: 1px solid #fff; border-bottom: 1px solid #fff;    }
#content_stellenmarkt {background-image: url("../bilder/stellenmarkt.jpg"); background-repeat: no-repeat; background-position: 320px 160px;  background-color: #EBE8E0; width:502px; height: 373px; float: left;border-left: 1px solid #fff; border-bottom: 1px solid #fff;    }
#contentgross {background-color: #EBE8E0; width:485px; float: left; /*border-left: 1px solid #fff; 
			   border-bottom: 1px solid #fff;*/}

.leftbar { background-color: #EBE8E0; text-align: left; width: 385px; height: 115px; float: left; clear: both }
* html .leftbar {height: 123px;}

.rightbar{ width: 88px; height: 88px; border: 2px solid #fff; float: left; margin-top: 15px; }

/*hr { color: #fff; line-height: 0; background-color: #fff; padding: 0; height: 1px; border: 0 }*/
.linie { border-top: 2px solid #fff; width: 502px; }




#rahmen {   width: 936px; }

#fusszeile  {  width: 50px; height: 20px; float: left }

/*#unten  { position: absolute; z-index: 2; bottom: -18px; left: 0px; color: #ffffff; font-size: 10px; margin-top: 2px; }
#unten a {color: #ffffff; font-size: 10px;   padding-top: 2px;}
#unten a:hover{font-weight: bold; }*/

#link { width:300px; float:left; margin:0px; height:20px; padding-left:92px; paddin-top:0px; }

#textlink { color: #fff; text-align: left; line-height:0.75em; }
#textlink a, #textlink a:visited{color: #fff; font: 10px "Verdana";  }
#textlink a:hover{font-weight: bold}

#deutschaktiv  { float:left; padding-top:4px;}
#deutschaktiv img {border: 1px solid #fff;}

#englisch  { float:left; padding-top:5px; padding-left:5px;}
#englisch img {border: 0px}

#englischaktiv  { float:left; padding-top:4px; padding-left:5px;}
#englischaktiv img {border: 1px solid #fff;}

#deutsch  { float:left; padding-top:5px; padding-left:0px;}
#deutsch img {border: 0px;}



/*Navigation*/
.linksmenuaktiv     { text-align: right; }
.linksmenuaktiv a  {color: #fff; font-size: 13px; font-style: normal; font-weight: bold;line-height: 14px;text-decoration: none;background-color: #153888;padding-top: 3px; width: 141px; height: 18px; float: right; border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff; border-left: 0px solid #ffffff }
.linksmenuaktiv a:visited {font-size: 13px; color: #fff;}

.linksmenu    {text-align: right; }
.linksmenu a  {color: #153888; font-size: 13px; font-style: normal; font-weight: bold;line-height: 14px;text-decoration: none;background-color: #DCE4E6;padding-top: 3px;  width: 141px;  height: 18px; float: right; border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff; border-left: 0px solid #ffffff }
.linksmenu a:hover { color: #153888; font-size: 13px; background-color: #9EC0DB; }
.linksmenu #aktiv{font-weight: bold;font-size: 13px;background-color: #153888;color: #fff;}


.linkssubmenu    {text-align: right; }
.linkssubmenu a  {color: #153888; font-size: 11px; font-style: normal; font-weight: normal;line-height: normal;padding-right:28px;text-decoration: none;	background-color: #fff;	padding-top: 4px; width: 113px; height: 1.59em; float: right; border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff; border-left: 0px solid #ffffff }
.linkssubmenu a:hover {background-image: url("../bilder/dreieck.gif"); background-color: #fff; font-size: 11px;  }
.linkssubmenu a:visited {font-size: 11px; color: #153888;}
.linkssubmenu #current{background-image: url("../bilder/dreieck.gif"); color: #153888; font-size: 11px;font-weight:bold}


.linkssubmenuaktiv    {text-align: right; }
.linkssubmenuaktiv a  {background-image: url("../bilder/dreieck.gif"); color: #153888; font-size: 11px;  font-style: normal; font-weight: bold;line-height: normal; padding-right:28px; text-decoration: none;	background-color: #9EC0DB;	padding-top: 4px; width: 113px; height: 1.59em; float: right; border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff; border-left: 0px solid #ffffff }
.linkssubmenuaktiv a:hover {  background-color: #fff }
.linkssubmenu a:visited {font-size: 11px; color: #153888;}


#untermenu    { text-align: right; height: 100%; border-style: none none solid; border-width: 0 0 1px; border-color: #fff }
#untermenu a    { color: #ffffff; font-size: 11px;font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-style: normal; font-weight: bold; line-height: normal; text-decoration: none; background-color: #94c3ef; padding-top: 3px; padding-bottom: 2px; width: 183px; height: 15px; border-style: none none none solid;border-width: 0 0 0 1px; border-color:    #ffffff; float: right;  }
#untermenu a:hover  { background-color: #7f5d4f }



.aktiv   { color: #153888; font-size: 13px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; text-align: right;font-style: normal; font-weight: bold;line-height: normal;text-decoration: none;	background-color: #9EC0DB;	padding-top: 4px; width: 141px; height: 16px; float: right; border-top: 0; border-right: 0; border-bottom: 1px solid #ffffff; border-left: 1px solid #ffffff  }
    
    
  
/********************************/
/******* FORMULAR KONTAKT *******/
/********************************/

form   { margin: 10px 0; padding: 0; border-width: 0 }
fieldset        { display: block; margin: 3px 0 5px; padding: 0; clear: both; border: 0 }
* html fieldset      { padding: 3px 0 }
			
label     { margin: 0 0; padding-left: 0; color:#444 } 
	.kontaktdaten label   { display: block; width: 100%; float: left }
	.bemerkung label   { display: block; width: 100%; float: left }    
	.auswahl label     { margin: 0; padding: 0 10px 0 5px }		
	
								   
input,textarea       { background: white; margin: 0 0 5px; padding: 3px 3px 2px; width: 200px; border-style: solid; border-width: 3px 1px 1px 3px; border-color: #d2d2d2 #eee #eee #d2d2d2 }  
	.auswahl input  { margin: 0; width: 12px; height: 12px; border:0 } 
	
input:active, input:focus, input:hover    { background: #eee; margin-left: 0 }
   
button   { color: #fff; font-size: 12px; font-weight: bold; line-height: 14px; background-color: #d6820b; margin-top: 10px; padding: 2px 3px; float: left; border-width: 2px }
.blind { display:none; }

.inputSubmit_kunden { color: #fff; font-size: 12px; font-weight: bold; line-height: 10px; background-color: #f60;  height:30px; width:130px; float: left; border-right: 2px solid #ccc; border-bottom: 2px solid #ccc }

/***********************************/