/*********************** CSS U-Plattform BedarfLang.aspx *********************/


div#BehaelterKomplett,
div#BehaelterKomplett div { border-color: White;}

div#BehaelterKomplett div#BedarfLang a:link, a:vivisted, a:active{background-color: #fff595;}

div#BedarfLang div{margin:0px;padding:0px; } /*Alle Divs hatten eine weiße Border Hintergrund, damit bei Hover-Divs nicht transparent*/

div#BedarfLang {width:558px; height:11cm; margin-left: 20px; padding-top: 20px; border-color: White !important;}
div#BedarfLang h2{font-weight: bold; font-size: 12px; color: black; padding: 20px 0px; text-indent: 0px; margin: 0px;}


/**************************************************
ANFANG Allgemein Sprechblase
***************************************************/
div#BedarfLang div.sprechblase{background: url('../../images/sprechblasen/ecke.gif') no-repeat left center; padding-left: 50px }
div#BedarfLang div.rounded { background:  url('../../images/sprechblasen/rechts-oben.gif') no-repeat top right ; } 
div#BedarfLang div.rounded div {background: url('../../images/sprechblasen/links-oben.gif') no-repeat top left; } 
div#BedarfLang div.rounded div div { background: url('../../images/sprechblasen/rechts-unten.gif') no-repeat bottom right;} 
div#BedarfLang div.rounded div div div { background: url('../../images/sprechblasen/links-unten.gif') no-repeat bottom left; font-family: Arial, Helvetica, sans-serif;font-size: 10pt; padding-left:20px; padding-right:15px; padding-top:1px; padding-bottom:1px}
/*************************************************
ENDE Allgemein Sprechblase
*************************************************/


/************************************************ 
ANFANG Schritt 0 
*************************************************/
div#BedarfLang div.pnlSchritt0 p{font-size: 10pt;  line-height: 13pt; padding-left:0px; background-color:white; margin: 0px; padding-top: 0px;}
div#BedarfLang div.pnlSchritt0 p.fehler{ color:Red; margin-bottom:5px;font-size: 11px; line-height:normal;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett {/*border:solid 1px blue; */text-align: center;font-size: 10px; line-height: 12px; margin-top: 30px;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdrechts{/*border:solid 1px blue;*/ width:45%; vertical-align:top; text-align: center;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdrechts img{margin: 10px 0px 5px 0px; display: block; padding-right: 60px; padding-left: 60px;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdrechts .mittig{font-weight: bold; font-size: 11px; color: red;}

div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdlinks {text-align:left;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdlinks img{display: block; margin: 0px 0px 5px 0px; /*border:solid 1px red;*/}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdlinks p{text-indent:25px;font-size: 11px;}
div#BedarfLang div.pnlSchritt0 table.StepKomplett td.tdlinks div#Blase1 p.BlasenText {/*border: solid 3px red;*/background: White url('../../images/sprechblasen/blase3.gif') no-repeat left center !important; font-size: 12px;position:absolute; top: 240px; left: 150px; width:330px; text-align:left; /**/text-indent: 0px; padding-left:60px; padding-right:20px; padding-top:20px; padding-bottom:20px; background-color:White !important;}

/*********************************************** 
ENDE Schritt 0 
************************************************/	


/**********************************************
ANFANG Schritt 1 
**********************************************/
div#BedarfLang div.pnlSchritt1 {/*border:solid 1px red;*/ }
div#BedarfLang div.pnlSchritt1 p{font-size: 10pt;  line-height: 13pt; background-color:white;  margin: 0px; padding-top: 0px;}

div#BedarfLang div.pnlSchritt1 img#Blank{left:180px;top:300px; position:absolute;/* */}
div#BedarfLang div.pnlSchritt1 img#Pohl{ left:90px;top:250px; position:absolute;/**/}
div#BedarfLang div.pnlSchritt1 img#Mario{ left:20px;top:300px; position:absolute;/**/}
div#BedarfLang div.pnlSchritt1 img#Stark{ /*left:60px;top:280px; position:absolute;*/}

div#BedarfLang div.pnlSchritt1 td.tdlinks { /*border:solid 1px red; */width:250px; vertical-align:bottom; padding:0px 0px 0px 30px;}
div#BedarfLang div.pnlSchritt1 div#notizblock {font-size:8pt; /*border:solid 1px blue;*/width:250px; height:300px; background: url('../../images/buttons/notizen_breit.gif') no-repeat left 7px; padding-left:25px; padding-right:15px; padding-top:45px; padding-bottom:0px}
div#BedarfLang div.pnlSchritt1 div#notizblock strong{padding:0px; color:Red;}
div#BedarfLang div.pnlSchritt1 div#notizblock p strong{ padding:0px; /*border:solid 1px red;*/ display:block; color:black;}
div#BedarfLang div.pnlSchritt1 div#notizblock p{ background-color:#FFF595; font-size:8pt; /* border:solid 1px red;*/width:200px; line-height:normal;margin:5px 0px 0px 0px; }
div#BedarfLang div.pnlSchritt1 table#Notiz  {/*border:solid 1px blue; */  vertical-align:bottom; margin-top:3px; width: 200px;}

div#BedarfLang div#notizblock textarea.TextFeld{/*border:solid 1px red;*/ width:180px; margin:5px 0px 0px 0px; height: 70px; }
div#BedarfLang div#notizblock table#Notiz td { /*border:solid 1px red;*/text-align:left;}
div#BedarfLang div#notizblock table#Notiz td strong { /*border:solid 1px blue;*/ display:block; padding:0px; margin:0px;}	
	

/* weisses feld für alle hover-effekte*/
div#BedarfLang div#HoverMarioSchritt1,
div#BedarfLang div#HoverPohlSchritt1,
div#BedarfLang div#HoverBlankSchritt1,
div#BedarfLang div#HoverStarkSchritt1 {/*border:solid 1px blue;*/position:absolute; left:285px;top:250px;  width:285px; background-color:White;}

/* definition blase alle*/
div#BedarfLang div#HoverStarkSchritt1Blase, div#BedarfLang div#HoverMarioSchritt1Blase, div#BedarfLang div#HoverPohlSchritt1Blase, div#BedarfLang div#HoverBlankSchritt1Blase{background: url('../../images/sprechblasen/blase.gif') no-repeat left center; font-size:9pt; /*margin-top:80px; height:160px;*/ line-height: 12pt; padding-left:70px; padding-right:30px; padding-top:20px; padding-bottom:40px/**/ }

div#BedarfLang div#HoverMarioSchritt1Blase {background: url('../../images/sprechblasen/blase1.gif') no-repeat left center; padding-top: 40px; padding-bottom: 35px; }
div#BedarfLang div#HoverMarioSchritt1 img#HoverMarioSchritt1Mario{position:absolute;left:0px; top:70px; }

div#BedarfLang div#HoverStarkSchritt1{margin:0px; height:297px; padding-top:50px; }

div#BedarfLang div#HoverPohlSchritt1Blase{margin-top:80px; padding-top:50px; padding-bottom: 43px;}
div#BedarfLang div#HoverPohlSchritt1 img#HoverPohlSchritt1Pohl{position:absolute;left:20px; top:35px; }

div#BedarfLang div#HoverBlankSchritt1Blase{background: url('../../images/sprechblasen/blase2.gif') no-repeat 0px 0px; height:160px; padding-top:15px;margin:110px 0px 20px 0px; }
div#BedarfLang div#HoverBlankSchritt1 img#HoverBlankSchritt1Blank{ position:absolute;left:70px; top:10px; }

/*********************************************
ENDE Schritt 1
**********************************************/


/*********************************************
ANFANG Schritt 2
**********************************************/
div#BedarfLang div.pnlSchritt2 {/*border:solid 1px blue;*/}
div#BedarfLang div.pnlSchritt2 img{margin:10px 0px 10px 0px;}
div#BedarfLang div#pnlSchritt2Blase {/*border:solid 1px green;*/background: url('../../images/sprechblasen/blase4.gif') no-repeat 0px 0px;left:165px;top:130px; position:absolute; width:320px; height: 190px;font-size:9pt; margin-top:15px; padding-left:60px; padding-right:30px; padding-top:20px; padding-bottom:20px; line-height: 12pt;}
div#BedarfLang div#pnlSchritt2Blase h2 { margin:0px; padding:0px; text-indent: 0px;}

div#BedarfLang div.pnlSchritt2 div#pnlSchritt2Blase2 {margin:10px 0px 0px 10px; font-weight:bold;} 

div#BedarfLang img#pnlSchritt2Prozess {left:70px; top:340px; position:absolute;}
div#BedarfLang img#pnlSchritt2Blank {left:20px; top:380px; position:absolute;}
div#BedarfLang img#pnlSchritt2Pohl{left:180px;top:340px; position:absolute;}
div#BedarfLang img#pnlSchritt2Mario {left:160px; top:430px; position:absolute;}
	
div#BedarfLang div#pnlSchritt2Notizzettel {background: url('../../images/buttons/notizen_mittel.gif') no-repeat left top; font-size:8pt; width:190px; text-align:left; left:315px; top:350px; position:absolute; line-height: 10pt; padding-left:25px; padding-right:45px; padding-top:40px; padding-bottom:20px}
div#BedarfLang div#pnlSchritt2Notizzettel strong { display:block; color:Red; font-size: 9pt;}
div#BedarfLang div#pnlSchritt2Notizzettel textarea {display:block; width:165px;  margin:7px 0px 7px 0px; height: 50px;}
/**********************************************
ENDE Schritt 2
***********************************************/
	
	
		
/***********************************************
ANFANG Schritt 3
***********************************************/
div#BedarfLang div.pnlSchritt3 img {margin:10px 0px 5px 0px;}
div#BedarfLang div#pnlSchritt3Starttext {line-height: 12pt; font-size: 9pt;top:130px; left:170px; position:absolute; width:390px; }
div#BedarfLang div#pnlSchritt3Starttext h2 { margin:0px; padding:0px; margin-top: 15px; }
div#BedarfLang div#pnlSchritt3TextLinks { /*border:solid 1px blue; */width:260px; font-size: 9pt;line-height: 12pt;}
div#BedarfLang div#pnlSchritt3TextLinks strong{  display:block; padding:10px 0px 5px 0px;}

div#BedarfLang div#pnlSchritt3Blase {line-height: 12pt; background: url('../../images/sprechblasen/blase_schritt3.gif') no-repeat left center;  /*border:solid 1px blue;*/ top:55px; left:129px; height:55px; position:absolute;  width:365px; padding-left:60px; padding-right:5px; padding-top:15px; padding-bottom:10px }
div#BedarfLang div#pnlSchritt3Blase strong {display:block; padding:5px 0px 0px 0px;}
div#BedarfLang div.pnlSchritt3 strong{ display:block; padding:20px 0px 0px 0px;font-size: 9pt;line-height: 12pt;}

div#BedarfLang div#pnlSchritt3Notizzettel {line-height: 12pt;background: url('../../images/buttons/notizen_5.gif') no-repeat left top;font-size:8pt; width:225px; text-align:left;left:310px;top:240px; position:absolute;height: 200px; padding-left:30px; padding-right:0px; padding-top:40px; padding-bottom:30px}
div#BedarfLang div#pnlSchritt3Notizzettel strong{ display:block;padding:0px 0px 5px 0px; color:Red;font-size: 9pt;}
div#BedarfLang div#pnlSchritt3Notizzettel input{ width:150px; margin:3px 0px 3px 0px;  }
/**********************************************
ENDE Schritt 3
**********************************************/



/***********************************************
ANFANG Schritt4
************************************************/
div#BedarfLang div.pnlSchritt4 img { margin-top:20px; }
div#BedarfLang div#pnlSchritt4StarkeText {line-height: 12pt; font-size: 9pt;left:170px;top:140px; position:absolute; width:390px; padding:0px;line-height: 12pt;}
div#BedarfLang div#pnlSchritt4StarkeText h2 { margin:0px; padding:0px; text-indent: 0px; margin-top: 0px;}

div#BedarfLang div#pnlSchritt4Notizzettel {line-height: 12pt;background: url('../../images/buttons/notizen_4.gif') no-repeat left top; /*border:solid 1px red;*/font-size:8pt; width:280px; text-align:left;left:180px;top:320px; position:absolute; padding-left:30px; padding-right:40px; padding-top:40px; padding-bottom:40px }
div#BedarfLang div#pnlSchritt4Notizzettel strong { display:block; padding-bottom:5px; color:Red;font-size: 9pt;}
div#BedarfLang div#pnlSchritt4Notizzettel textarea { display:block;  width:250px; margin:5px 0px 5px 0px; height: 60px;}

div#BedarfLang div.pnlSchritt4 img#Schritt4HoverBlank {left:20px;top:440px; position:absolute;}
div#BedarfLang div.pnlSchritt4 img#Schritt4HoverMario {left:70px;top:375px; position:absolute;}
div#BedarfLang div.pnlSchritt4 img#Schritt4HoverPohl {left:20px;top:310px; position:absolute;}

div#BedarfLang div#HoverBlankSchritt4,
div#BedarfLang div#HoverPohlSchritt4,
div#BedarfLang div#HoverMarioSchritt4 {left:170px;top:130px; position:absolute; width:410px; background-color:White; padding:0px 0px 20px 0px; margin:0px; vertical-align:top; }

div#BedarfLang div#HoverBlankSchritt4 img, div#BedarfLang div#HoverPohlSchritt4 img, div#BedarfLang div#HoverMarioSchritt4 img {line-height: 12pt; font-size: 9pt;margin:0px; margin-left: 70px; margin-top: 15px;}

div#BedarfLang div#HoverMarioSchritt4  img.Stift,
div#BedarfLang div#HoverBlankSchritt4  img.Stift,
div#BedarfLang div#HoverPohlSchritt4  img.Stift {visibility: hidden;}

div#BedarfLang div#HoverMarioSchritt4Blase,
div#BedarfLang div#HoverBlankSchritt4Blase,
div#BedarfLang div#HoverPohlSchritt4Blase {line-height: 12pt; font-size: 9pt;background: url('../../images/sprechblasen/blase_Schritt4.gif') no-repeat 0px 0px;/*border:solid 1px red;*/ height:200px; width:330px; line-height: 12pt; margin-top: -20px; margin-left:0px; margin-right:0px; margin-bottom:0px; padding-left:15px; padding-right:15px; padding-top:40px; padding-bottom:15px}

div#BedarfLang div#pnlSchritt4Blase {line-height: 12pt; font-size: 9pt;background: url('../../images/sprechblasen/blase_schritt4.jpg') no-repeat left top; /*border:solid 1px yellow;*/ left:168px; top:45px; position:absolute; width:323px; height:80px;  border-bottom: 20px solid white; border-top: 40px solid white; padding-left:60px; padding-right:10px; padding-top:20px; padding-bottom:10px }
/*********************************************
ENDE Schritt 4
*********************************************/



/*********************************************
ANFANG Schritt 5
**********************************************/
div#BedarfLang img#pnlSchritt5Starke {margin-top:20px;}
div#BedarfLang div#pnlSchritt5Text {line-height: 12pt; font-size: 9pt;left:170px;top:140px; position:absolute; width:380px; padding:10px 0px 0px 0px;}
div#BedarfLang div#pnlSchritt5Text h2 {margin:0px; padding:0px; text-indent: 0px; margin-bottom: 10px; }

div#BedarfLang div#pnlSchritt5Musternotizseite {background: url('../../images/buttons/notizen_blank.gif') no-repeat left top;font-size:8pt; width:180px; text-align:center !important;left:160px;top:300px;  position:absolute; height:150px; padding-left:0px; padding-right:0px; padding-top:40px; padding-bottom:60px}

div#BedarfLang div#pnlSchritt5Musternotizseite a,
div#BedarfLang div#pnlSchritt5Musternotizseite a:active,
div#BedarfLang div#pnlSchritt5Musternotizseite a:link { display:block; width:80px; margin-left: 45px; padding-top:5px; text-decoration: underline;background-color: #fff595 ;}

* html div#BedarfLang div#pnlSchritt5Musternotizseite a,
div#BedarfLang div#pnlSchritt5Musternotizseite a:active,
div#BedarfLang div#pnlSchritt5Musternotizseite a:link { margin-left: 0px;}

div#BedarfLang div#pnlSchritt5Musternotizseite strong { color:Red; display:block; padding-bottom:5px;font-size: 9pt; /*border:solid 1px red;*/}

div#BedarfLang div#pnlSchritt5Notizseite {background: url('../../images/buttons/notizen_schritt5.gif') no-repeat left top;font-size:8pt; width:140px; text-align:center;left:360px;top:300px;  position:absolute; height:150px; padding-left:15px; padding-right:30px; padding-top:40px; padding-bottom:60px}
div#BedarfLang div#pnlSchritt5Notizseite h2{font-weight: bold; font-size: 12px; color: black; margin:0px; padding:0px; text-indent: 0px; margin-bottom: 10px; }

div#BedarfLang div#pnlSchritt5Notizseite a,
div#BedarfLang div#pnlSchritt5Notizseite a:active,
div#BedarfLang div#pnlSchritt5Notizseite a:link { display:block; width:60px;  margin-left: 30px;padding-top:25px; text-decoration: underline; background-color: #fff595;}

div#BedarfLang div#pnlSchritt5Notizseite strong { color:Red; display:block; padding-bottom:5px;font-size: 9pt; /*border:solid 1px red;*/}
/*****************************************************
ENDE Schritt 5
*****************************************************/


/****************************************************
ANFANG - TABELLE mit Bilder für den Wechsel in einen anderen Schritt
******************************************************/
div#BedarfLang .schritte {border-top:solid 1px silver; width: 540px; left: 20px; top: 578px; margin-top: 40px; position:absolute;}
div#BedarfLang .schritte td{padding-top: 10px;}
/****************************************************
ENDE - TABELLE mit Bilder für den Wechsel in einen anderen Schritt
******************************************************/



/***************************************************
ANFANG Fußzeile
****************************************************/
div#BedarfLang div#fusszeileLang {COLOR: #333;position:absolute; left:10px; top:670px; BORDER-top: #999 1px solid; MARGIN: 10px 10px; PADDING: 5px 0px; WIDTH: 95%;font-size:.8em  !important; }
div#BedarfLang #fusszeileLang a, div#BedarfLang #fusszeileLang a:link {	PADDING: 0px 0px 5px 2px; FONT-WEIGHT: bold! important; FONT-SIZE: 95%; MARGIN: 0; COLOR: #1E1E1E;}
/***************************************************
ENDE Fußzeile
****************************************************/


/****************************************************
ANFANG BedarfFinish.aspx 
*****************************************************/
div#BedarfLangFinisch strong {font-weight:bold; display:block; margin:10px 0px 5px 0px;}

div#BedarfLangFinisch table#Teil1 td input.TextBox {border: solid 1px gray; font-size:8pt; padding:2px; font-family:Arial;  width:140px; display: block; float: left;}
div#BedarfLangFinisch table#Teil1 td input.Button {padding: 2px 15px 2px 15px;background-color: #dadbd9;font-weight: bold; font-size: 8pt; color:#1E1E1E; border: solid 1px silver;border-right: solid 2px #666;border-bottom: solid 2px #666;margin-left:20px;}
div#BedarfLangFinisch {background-color: white; width:558px; height:11cm; margin-left: 20px; padding-top: 20px; }
div#BedarfLangFinisch  table#Teil1 {line-height: 12pt; font-size: 9pt; margin:20px 0px 0px 0px; width:150px; background-color: white;}
div#BedarfLangFinisch  table#Teil1 p {margin: 0px; padding: 0px;}
div#BedarfLangFinisch  table#Teil1 h2 {font-weight: bold; font-size: 14px; color: black; margin: 0px; padding:0px; margin-right:100px; }

div#BedarfLangFinisch  div#Notizzettel {background: url('../../images/buttons/notizen.gif') no-repeat left top;font-size:8pt; left:310px; top:150px; position:absolute; width:270px; height:460px; }
div#BedarfLangFinisch  div#Notizzettel a,
div#BedarfLangFinisch  div#Notizzettel a:link{margin-left:10px; background-color: #fff595; }
div#BedarfLangFinisch  div#Notizzettel li a,
div#BedarfLangFinisch  div#Notizzettel li a:link{background-color: #fff595; display:block; width:150px; padding: 0px; margin: 0px;}
div#BedarfLangFinisch  div#Notizzettel strong.Wichtig {display:block;  color:Black; padding:20px 50px 0px 10px;}

div#BedarfLangFinisch  table#Teil2 {line-height: 12pt; font-size: 9pt;margin:40px 0px 0px 20px; width:150px; }
div#BedarfLangFinisch  table#Teil2 td {padding:3px;}
div#BedarfLangFinisch  table#Teil2 td img{margin:5px 0px 0px 5px;}

div#BedarfLangFinisch  div#Meinung { border:none; font-size:9pt; width:250px; padding-left:20px; padding-top:0px;}
div#BedarfLangFinisch  div#Meinung strong {display:block; color:Black; padding-bottom:2px;}
div#BedarfLangFinisch  div#Meinung a,
div#BedarfLangFinisch  div#Meinung a:link {display:block; padding-bottom:5px;}
/****************************************************
ENDE BedarfFinish.aspx
*****************************************************/