/*<![CDATA[*/
/************************************************************************/
/*																		*/
/*                 Personalvermittlung - Harald Weiler                  */
/*				    www.personalvermittlung-weiler.de					*/
/*																		*/
/*  	C S S  -  H a u p t k o n f i g u r a t i o n s d a t e i		*/
/*																		*/
/*			@author 	Bjoern Wenzel <wenzel@stufe3.de>				*/
/*      	@fileName	pvw_main.css									*/
/*			@version	Rev.20070125.001								*/
/*																		*/
/*		grundlegende CSS-konforme Konfigurationen des aktuellen			*/
/*      Hauptlayouts V01 (zweispaltiges Layout, hellblau, Klebezettel)  */
/*																		*/
/*		ACHTUNG!	1.  IE problematische Konfigurationen werden		*/
/*						in einer separaten CSS-Datei gefixt				*/
/*					2.  die CSS-Dateisets sind layoutspezifisch			*/
/*					3.  CSS Medientyp ist Web, wird aber auch für		*/
/*						Drucklayout	benutzt, daher Medientyp ALL		*/
/*																		*/
/************************************************************************/

/************************************************************************/
/*																		*/
/*				 globale Elemente / vordefinierte Tags					*/
/*																		*/
/************************************************************************/
body
{
	/************************************************************/
	/* wichtige allgemeine Einstellungen und festlegen des body */
	/************************************************************/
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-stretch: normal;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: 1.8;
	/* border: 0px solid black; */
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #996633;
	/*
	background-image: url(../../images/bgFlowersBottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	*/
	height: 100%;
}
h1, h2, h3, p, form
{
	/*********************************************************/
	/* allgemeine Einstellungen zu Absätzen 				 */
	/*********************************************************/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
pre
{
	font-size: 11px;
	line-height: 1.5;
}
/************************************************************************/
/*																		*/
/*				 eindeutige layoutbezogene Ebenen mit IDs				*/
/*                        Ebenen für Rahmenboxen						*/
/*																		*/
/************************************************************************/
#innerBody
{
	position: absolute;
	width: 100%;
	height: 100%;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-color: #996633;
	background-image: url(../../images/bgFlowersBottom.png);
	background-position: bottom left;
	background-repeat: no-repeat;
	height: 100%;
}
#outerBlock
{
	position: relative;
	width: 616px;
	height: 520px;
	margin-top: -260px;
	margin-left: -313px;
	top: 50%;
	left: 50%;
	border: 1px solid white;
	background-color: #FFFFFF;
}
#headerLogo
{
	position: relative;
	width: 616px;
	height: 70px;
	background-image: url(../../images/bgHeaderLogo.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#outerMenue
{
	position: relative;
	width: 616px;
	height: 30px; /* 30px - padding und margin */
	color: #FFFFFF;
	text-align: right;
	background-image: url(../../images/bgHeaderMenue.png);
	background-position: top left;
	background-repeat: no-repeat;
}
#innerMenue
{
	position: relative;
	height: 30px;
	width: 305px;
	float: right;
	/* background-color: #993300; */
}
#outerMenue a:link,
#outerMenue a:visited,
#outerMenue a:active,
#outerMenue a:hover,
#outerMenue a#selected:link,
#outerMenue a#selected:visited,
#outerMenue a#selected:active,
#outerMenue a#selected:hover
{
	display: block;
	float: left;
	text-align: left;
	width: 100px;
	height: 20px;
	margin: 0 0 0 0;
	padding: 4px 0 6px 0;
	font-size: 12px;
	font-style: normal;
	color: #EEEEEE;
}
#outerMenue a:hover
{
	color: #FFFFFF;
	/* text-decoration: underline; */
}
#outerMenue a#selected:link,
#outerMenue a#selected:visited,
#outerMenue a#selected:active,
#outerMenue a#selected:hover
{
	font-weight: bold;
	color: #FFFFFF;
}
#outerMainBlock
{
	position: relative;
	clear: both;
	width: 616px;
	height: 400px;
	background-color: #FFFFFF;
}
#imgAusgabe
{
	position: relative;
	width: 300px;
	height: 400px;
	background-image: url(../../images/ausgabe3.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	float: left;
}
#homeText
{
	position: relative;
	width: 280px;
	height: 400px;
	background-color: #FFFFFF;
	margin-left: 10px;
	float: left;
}
#homeText h1,
#homeText h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 45px 0 10px 0;
	padding: 0;
}
#homeText h2
{
	font-size: 11px;
    margin: 10px 0 10px 0;
}
#homeText p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 0;
	padding: 0;
	margin: 0 0 10px 0;
	color: #000000;
}

#mainText
{
	position: relative;
	width: 300px;
	height: 400px;
	background-color: #FFFFFF;
	margin-left: 10px;
	float: left;
}
#mainText h1,
#mainText h2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 10px 0 10px 0;
	padding: 0;
}
#mainText h2
{
	font-size: 11px;
}
#mainText p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 0;
	padding: 0;
	margin: 0 0 10px 0;
	color: #000000;
}

#innerFooter
{
	position: relative;
	width: 616px;
	height: 20px;
	background-image: url(../../images/bgFooter.png);
	background-position: top left;
	background-repeat: no-repeat;
}
/************************************************************************/
/*																		*/
/*	eindeutige layoutbezogene Ebenen mit Klassen, Elemente und IDs		*/
/*  für die Bestellformularseiten										*/
/*																		*/
/************************************************************************/
#outerMainOrder
{
	position: relative;
	clear: both;
	width: 596px; /* 616px - Padding */
	height: 380px; /* 400px -padding */
	padding: 10px;
	/* background-color: #99CC99; */
}
#outerMainOrder h1,
#outerMainOrder h2,
#outerMainOrder p
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 1;
	font-size: 12px;
	font-weight: bold;
}
#outerMainOrder h1
{
	font-size: 12px;
	margin: 3px 0 10px 0;
}
#outerMainOrder h2
{
	font-size: 11px;
	line-height: 1.4;
	margin: 10px 0 10px 0;
}
#outerMainOrder p
{
	font-size: 10px;
	font-weight: normal;
	line-height: 2.0;
	margin: 5px 0 7px 0;
}
#outerMainOrder fieldset
{
	position: relative;
	width: 574px;
	/* height: 263px; */
	padding: 0 10px 10px 10px;
	margin: 0;
	font-size: 10px;
	font-weight: normal;
	color: #000000;
	/*background-color: #F5F5F5;*/
	border: 1px solid black;
}
#outerMainOrder fieldset legend
{
	position: relative;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0 5px 0 5px;
	color: #000000;
}
#outerMainOrder fieldset p
{
	font-size: 10px;
	line-height: 2.0;
	margin: 0px 0 8px 0;
	padding: 0;
	color: #000000;
}
#outerMainOrder fieldset #imgAktAusgabe
{
	position: relative;
	width: 150px;
	height: 212px;
	/* background-color: #CC66FF; */
	background-image: url(../../../../images/ausgabe201001.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	margin-right: 10px;
	float: left;
}
#outerMainOrder fieldset #orderS1TextArea,
#outerMainOrder fieldset #orderS2TextArea,
#outerMainOrder fieldset #orderS4TextArea
{
	position: relative;
	width: 414px;
	float: left;
}
#outerMainOrder fieldset #orderS1TextArea table,
#outerMainOrder fieldset #orderS4TextArea table
{
	posiion: relative;
	width: 100%;
	/* background-color: #999999; */
	font-size: 10px;
}
#outerMainOrder fieldset #orderS1TextArea table tr td,
#outerMainOrder fieldset #orderS4TextArea table tr td
{
	height: 18px;
	/*background-color: #0099FF;*/
}
#outerMainOrder fieldset #orderS2TextArea label
{
	position: relative;
	display: block;
	/* clear: both; */
	color: #000000;
	/*background-color: #9933CC;*/
	font-size: 10px;
	width: 123px;
	height: 20px;
	float: left;
	text-align: left;
	margin: 0 0 6px 0;
	padding: 0;
	z-index: 50;
}
input#orderSubTitle,
input#orderSubFName,
input#orderSubLName,
input#orderSubAddress,
input#orderSubPLZ,
input#orderSubTown,
input#orderSubEmail,
input#orderSubPhone,
input#orderSubFacsim
{
	width: 117px;
	height: 13px;
	font-size: 9px;
	color: #000000;
	margin: 0 0 6px 0;
	padding: 3px 0 2px 3px;
	background-color: #FFFFFF;
	border: 1px solid black;
}
input#orderSubTitle
{
	width: 160px;
}
input#orderSubLName
{
	width: 160px;
}
input#orderSubAddress,
input#orderSubEmail,
input#orderSubPhone,
input#orderSubFacsim
{
	width: 286px;
}
input#orderSubPLZ
{
	width: 75px;
}
input#orderSubTown
{
	width: 202px;
}
#orderConfirm
{
	position: relative;
	/* background-color: none; */
	padding: 0;
	margin: 0;
	vertical-align: middle;
}
#confirmAmount,
#outerMainOrder fieldset #orderS2TextArea select#orderSubGreeting,
#outerMainOrder fieldset #orderS2TextArea #innerDeliveryForm select#orderSubGreeting
{
	position: relative;
	vertical-align: middle;
	font-size: 11px;
	height: 18px;
}
#outerMainOrder fieldset #orderS2TextArea select#orderSubGreeting,
#outerMainOrder fieldset #orderS2TextArea #innerDeliveryForm select#orderSubGreeting
{
	width: 122px;
	margin: -7px 0 5px 0;
	border: 1px solid black;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#confirmAmount option,
#outerMainOrder fieldset #orderS2TextArea select#orderSubGreeting option,
#outerMainOrder fieldset #orderS2TextArea #innerDeliveryForm select#orderSubGreeting option
{
	height: 15px;
	padding: 3px 0 0 5px;
	border-bottom: 1px dashed #C0C0C0;
	font-size: 10px;
}
#orderOuterButtons
{
	position: relative;
	width: 100%;
	height: 25px;
	text-align: left;
	/* background-color: #99CCCC; */
	margin: 5px 0 0 0;
}
#orderButtonSubmit,
#orderButtonBack
{
	position: relative;
	float: right;
	width: 100px;
	height: 25px;
	font-size: 10px;
	vertical-align: middle;
	margin: 0;
	padding: 0;
	background-color: #CC9933;
	border: 1px solid black;
}
#orderButtonBack
{
	float: left;
}
#orderButtonSubmit:hover,
#orderButtonBack:hover
{
	background-color: #AA8855;
}
#outerMainOrder fieldset #orderS2TextArea .outerHelper,
#outerMainOrder fieldset #orderS2TextArea #innerDeliveryForm .outerHelper
{
	position: relative;
	margin: 0;
	padding: 0;
}
.help
{
	position: absolute;
	left: 100px;
	top: 0px;
	width: 280px;
	display: none;
	background-color: #EEEEEE; 
	color: #000000; 
	border: 1px solid #553F00; 
	padding: 5px 5px 0px 5px;
	font-size: 10px;
	font-weight: normal;
	z-index: 15;
	margin: 0;
	/*line-height: 11px; */
}
.help h1
{
	font-size: 11px;
	font-weight: bold;
	line-height: 1;
	margin: 0 0 2px 0;
}
.help p
{
	font-size: 10px;
	line-height: 1.6;
	margin: 5px 0 0 0;
}
#helpDelGreeting
{
	position: absolute;
	left: 100px;
	top: -26px;
	width: 280px;
	display: none;
	padding: 5px 5px 0px 5px;
	font-size: 10px;
	font-weight: normal;
	z-index: 15;
	margin: 0;
}
input#orderSubDelivery
{
	margin-right: 5px;
	margin-left: 0;
	vertical-align: middle;
}
#innerDeliveryHelper
{
	position: relative;
	width: 290px;
	/* background-color: #996699; */
	font-size: 10px;
	line-height: 1.5;
	padding: 0;
	margin: 0 0 3px 0;
	float: left;
}
#innerDeliveryForm
{
	position: relative;
	margin: 0;
	padding: 0;
	visibility: hidden;
}
#orderSumBill
{
	position: relative;
	float: left;
	/* background-color: #99CC66; */
	padding: 0;
	margin: 1px 6px 0 0;
}
#orderSumDelivery
{
	position: relative;
	float: left;
	/* background-color: #339999; */
	padding: 0;
	margin: 1px 0 0 0;
}
#orderSumBill,
#orderSumDelivery
{
	width: 204px;
	height: 107px;
}
#outerMainOrder fieldset #orderS4TextArea #orderSumBill p,
#outerMainOrder fieldset #orderS4TextArea #orderSumDelivery p
{
	font-size: 10px;
	line-height: 1.4;
	/* background-color: #CC9900; */
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
	color: #000000;
}
#outerMainOrder fieldset #orderS4TextArea #orderSumBill div.fixedC1,
#outerMainOrder fieldset #orderS4TextArea #orderSumDelivery div.fixedC1
{
	display: block;
	width: 45px;
	/* background-color: #CCFF66; */
	float: left;
}
#outerMainOrder fieldset #orderS4TextArea #orderSumBill div.fixedC2,
#outerMainOrder fieldset #orderS4TextArea #orderSumDelivery div.fixedC2
{
	position: relative;
	float:left;
	/* background-color: #003300; */
}
#outerMainOrder fieldset #orderS4TextArea #orderSumBill div.fixedC1,
#outerMainOrder fieldset #orderS4TextArea #orderSumDelivery div.fixedC1,
#outerMainOrder fieldset #orderS4TextArea #orderSumBill div.fixedC2,
#outerMainOrder fieldset #orderS4TextArea #orderSumDelivery div.fixedC2
{
	font-size:10px;
	line-height: 1.4;
	margin: 0;
	padding: 0;
}
/************************************************************************/
/*																		*/
/*				 textbezogene, allgemeingültige Klassen					*/
/*                sonstige mehrfach verwendete Klassen					*/
/*																		*/
/************************************************************************/
.txt10 		{ font-size: 10px; }
.txt11 		{ font-size: 11px; }
.txt12 		{ font-size: 12px; }
.txt14 		{ font-size: 14px; }
.txt16 		{ font-size: 16px; }
.red, .alert { color: #ff2222; }
.blue		{ color: #2222dd; }
.green		{ color: #6A9E0D; }
.darkgreen	{ color: #5d8053; }
.white		{ color: #ffffff; }
.black		{ color: #000000; }
.orange 	{ color: #FF6600; }
.clear		{ clear: both; }
.alCenter	{ text-align: center; }
.alLeft		{ text-align: left; }
.alert		{ color: #CC0000; }

ul, ol
{
	margin: 0 0 0 15px;
	padding: 0 0 0 0;
}
.underline
{
	border-bottom: 1px solid #000000;
}
/************************************************************************/
/*																		*/
/*				 	   Formatierung von Ankern							*/
/*																		*/
/************************************************************************/
a:link, a:visited, a:active, a:hover 
{
	text-decoration: none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
a:link {
	/*color: #6A9E0D;*/
	color: #990000;
}
a:visited {
	color: #990000;
}
a:active {
	color: #990000;
}
a:hover {
	/* text-decoration: underline; */
	color: #FF3300;
}
a.orange:link, a.orange:visited, a.orange:active, a.orange:hover {
	text-decoration: none;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
a.orange:link, a.orange:visited, a.orange:active {
	color: #CC6633;
}
a.orange:hover {
	/* text-decoration: underline; */
	color: #CC0033;
}
/************************************************************************/
/*																		*/
/*				 	       spezielle Bildklassen						*/
/*																		*/
/************************************************************************/
.imgLeft {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 0px 0px;
}
.imgRight {
	margin: 0px 0px 0px 10px;
	padding: 0px 0px 0px 0px;
	/*background-color:#FFCCCC;*/
}
/************************************************************************/
/*																		*/
/*			 	        spezielle Formularklassen						*/
/*																		*/
/************************************************************************/

/************************************************************************/
/*																		*/
/*  	C S S  -  H a u p t k o n f i g u r a t i o n s d a t e i		*/
/*				 E N D E  d e r  D E F I N I T I O N E N				*/
/*																		*/
/************************************************************************/
/*]]>*/