/* STYLESHEET PROFILPASS GLOBAL 07-2008*/


body { background-image:url('hg.gif'); background-repeat:repeat-x; text-align:center; font-family:Verdana, Arial, Helvetica, sans-serif; margin: 0px; padding: 0px}

/*************************************
aussen-box
*************************************/
div#InhaltAussen {width: 1000px; /*border: solid 1px red;*/ margin-left:auto; margin-right: auto;  height: 400px;  background-image:url("logo.gif");background-repeat:no-repeat; background-position:left 20px;}


/*************************************
navigation top
*************************************/
div#InhaltAussen div#NaviTop {/*border: solid 1px red;*/ margin-top: 100px; position: relative; z-index: 350; text-align:left; padding-left: 385px;}
div#InhaltAussen div#NaviTop a{margin-right:10px; /* */color: white; font-weight:bold; font-size: 0.9em; text-decoration:none; padding: 10px; height: 20px;/**/ border-right: solid 2px silver; border-bottom: solid 2px silver;}

div#InhaltAussen div#NaviTop a#ctl00_myNavitop1_HyperLink2 { background-image: url('hg_jugend.gif');}
div#InhaltAussen div#NaviTop a#ctl00_myNavitop1_HyperLink3 { background-image: url('hg_erwachsene.gif');  }
div#InhaltAussen div#NaviTop a:hover#ctl00_myNavitop1_HyperLink2 { background-image: url('hg_jugend_hell.gif');}
div#InhaltAussen div#NaviTop a:hover#ctl00_myNavitop1_HyperLink3 { background-image: url('hg_erwachsene_hell.gif');  }

/*div#InhaltAussen div#NaviTop a#ctl00_myNavitop1_HyperLink5 { background-image: url("hg_neutral.png"); color: #333333;}
div#InhaltAussen div#NaviTop a#ctl00_myNavitop1_HyperLink6 { background-image: url("hg_neutral.png"); color: #333333;}*/


/*************************************
navigation left
*************************************/
div#InhaltAussen div#NaviLeft {/*border: solid 1px yellow;*/font-size: 0.9em; width: 315px; float: left;  margin-top: -50px;  color: white; position: absolute; z-index: 250; text-align:left; width: 335px; background-image: url('bild_neutral.gif');background-repeat:no-repeat; background-position: top left; padding-top: 210px;}
*html div#InhaltAussen div#NaviLeft {position: relative; }

div#InhaltAussen div#NaviLeft div#Links {padding-bottom: 10px; border-right: 4px solid #E4E4E4; background-image: url('hg_global.gif')}
div#InhaltAussen div#NaviLeft div#Links a{padding: 4px 0px 4px 20px; color: white; font-size: 0.9em; display:block; text-decoration:none; width: 240px;  /*border: solid 1px red;*/ }
*html div#InhaltAussen div#NaviLeft div#Links a{width: 245px;}

div#InhaltAussen div#NaviLeft div#Links a:hover{text-decoration:underline; }
div#InhaltAussen div#NaviLeft div#Links div span{padding: 20px 20px 10px 20px; color: white; font-size: 0.9em; font-weight: bold; display:block; }

div#InhaltAussen div#NaviLeft div#Checklisten {background-image: url('hg_global_hell.gif'); }
div#InhaltAussen div#NaviLeft div#Checklisten div{background-image: url('checkliste.png'); background-repeat:no-repeat; background-position:  right bottom;}
div#InhaltAussen div#NaviLeft div#Checklisten a#ctl00_myNavisecondglobal1_HyperLink3{height: 40px;}/*Festsetzen der Höhe da bei nur einem Link das HG-Bild verschwindet und IE min-height nicht akzeptiert*/
div#InhaltAussen div#NaviLeft div#Checklisten a{ padding: 4px 0px 5px 20px; margin: 0px !important;  }
div#InhaltAussen div#NaviLeft div#Checklisten span{background-image: url('hg_global.gif');margin-bottom: 2px !important;padding-top: 20px; padding-left:20px; padding-right:20px; padding-bottom:4px}


	/*************************************
	login
	*************************************/
	div#InhaltAussen div#Login {width: 311px;  background-image: url('hg_global.gif'); font-size: 1em; font-weight: bold; border-bottom: 4px solid silver; border-right: 4px solid #E4E4E4;padding-left:20px; padding-right:0px; padding-top:10px; padding-bottom:10px}
	* html div#InhaltAussen div#Login {width: 335px; }
	
	div#InhaltAussen div#Login label{color: white; font-size: 0.7em; font-weight: bold; display:block; margin-bottom: 0px; margin-top: 8px;}
	div#InhaltAussen div#Login input{margin: 0px;}
	div#InhaltAussen div#Login p.fehlerLogin {color: red; display:block; margin-bottom: 8px;}
	div#InhaltAussen div#Login input#ctl00_MyLogin1_LoginButton {background-color: white; color: #687981; font-weight: bold;}
	
	/*************************************
	text zusammenarbeit
	*************************************/
	div#InhaltAussen div#Text {font-size: 0.7em; line-height: 140%; padding: 20px 0px 0px 0px; width: 260px; color: #6a7b83;}
	div#InhaltAussen div#Text a {color: #6a7b83;}
	div#InhaltAussen div#Text a:hover {color: #d14444;}
	
	

/*************************************
navigation permanent (Home Impressum Kontakt)
*************************************/
div#InhaltAussen div#NaviPer {width: 710px; /*border: solid 1px red;*/ height: 40px; font-size: 0.7em; text-align:right; border-bottom: solid 1px #1d5b7c; padding-top:40px; margin-left: 290px;}
*html div#InhaltAussen div#NaviPer {height: 70px; }
div#InhaltAussen div#NaviPer a{color: #1d5b7c; font-weight: bold; background-image:url("pfeil_weiss_klein.png"); background-position: left; background-repeat:no-repeat; padding-left: 15px; margin-right: 10px; text-decoration:none; }
div#InhaltAussen div#NaviPer a:hover{text-decoration: underline; }

	


/*************************************
inhalte
*************************************/
div#InhaltAussen div#InhaltInnen {width: 570px; background-image: url("hg_neutral_hell.gif"); background-repeat:repeat; padding: 120px 35px 25px 100px; text-align:left; position: absolute; top: 190px; margin-left: 290px; z-index: 50; font-size: 0.8em; line-height: 140%; border-right: solid 4px #E4E4E4; border-bottom: solid 4px silver; min-height: 500px !important;}
* html div#InhaltAussen div#InhaltInnen {position: relative; top: -645px; width: 710px; }

div#InhaltAussen div#InhaltInnen strong {color: black !important;}
div#InhaltAussen div#InhaltInnen h1 {font-size: 1.3em; color: #6c7d85;margin-left: 0px; padding-left: 0px; margin-bottom: 30px;}
div#InhaltAussen div#InhaltInnen h2 {font-size: 1.1em; color: #6c7d85; line-height: 140%; margin-top: 30px; }
div#InhaltAussen div#InhaltInnen h3 {font-size: 1em; color: black; line-height: 140%; margin-top: 15px; margin-left: 0px; padding-left: 0px; }
div#InhaltAussen div#InhaltInnen ol {margin: 0px; padding: 0px; list-style-position:inside; margin-top: 20px; margin-bottom: 15px;}
div#InhaltAussen div#InhaltInnen li {margin: 0px; padding: 0px;}
div#InhaltAussen div#InhaltInnen a {color: #6c7d85 !important;}
div#InhaltAussen div#InhaltInnen a:hover {text-decoration:underline;}
div#InhaltAussen div#InhaltInnen input {display: inline; float: left; margin-right: 9px; margin-bottom: 3px;}
div#InhaltAussen div#InhaltInnen table label {margin-right: 10px; margin-left: -4px;}
div#InhaltAussen div#InhaltInnen table, div#InhaltAussen div#InhaltInnen table td { border: solid 0px silver; width: 500px !important; font-size: 1em;}


/*************************************
Kontaktformular
*************************************/
div#InhaltAussen div#InhaltInnen table#kontakt {}
div#InhaltAussen div#InhaltInnen table#kontakt input, div#InhaltAussen div#InhaltInnen table#kontakt textarea{width: 320px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; padding: 2px; margin: 5px 0px 5px 0px;}
div#InhaltAussen div#InhaltInnen table#kontakt .TeilHeader { font-weight: bold !important; color: #6a7b83; padding-bottom: 20px; padding-top: 30px; text-decoration:underline;}
div#InhaltAussen div#InhaltInnen table#kontakt input#ctl00_ContentPlaceHolder1_Button2 {border-right: solid 2px silver; border-bottom: solid 2px silver; background-color: #6a7b83; margin-top: 30px; color: white; font-weight: bold; padding: 3px; margin-bottom: 20px; width: 80px; margin-left: 240px;}

