/*                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     /*
	Style-Sheet fuer www.dollundleiber.de
	(sollte fuer IE, Firefox (teilw. spez. Anpassungen) funktionieren.

	MB 14.04.2005
*/

html{
 	 margin:		0px;
	 padding:		0px;
	 height:		99%;
}
body{
 	 margin:		0px;
	 padding:		0px;
 	 background:		white;
	 width:			996px;
}
tr{
   vertical-align: 		top
}
td, th {
	font-family:		Verdana, Arial, Helvetica, "Sans Serife";
	font-size:		13px;
}
h1{
 	 font-size:		17px;
}
h2{
 	 font-size:		14px;
}
h3{
 	 font-size:		12px;
}
img{
 	 border-style:		none;
}
.einzug {
  	 padding-left:		25px ;
 }

table {
	vertical-align: top}

td, body {
	 font-family:		Verdana, Arial, Helvetica, "Sans Serife";
	 font-size:		11px;
	 color:			black;
	 text-align:		left;
}

div {
	xborder:		1px solid green;
}
/* Container für den Kopf der Seite (Hauptmenue und Logo) */

div.head {
 	background-color:	#CCE5F3;
    	width:			996px;
	height:			109px;
	border:			0px;
	margin:			0px;
	padding:		0px;

}
.head_text_1 {
	float:			right;
	color:			#0088CC;
	text-align  		center;
	position:		absolute;
	top:			15px;
	left:			430px;
	font-size:		24px;

}
 .head_text_2 {
 	font-size:		10px;
	letter-spacing:		0.11em;
}
div.head_text_1 > .head_text_2 {letter-spacing:		0.27em;}

/* Container für die Hauptmenuepunkte */
div.head_menu {
	width:			625px;
	height:			40px;
	position:		absolute;
	top:			69px;
	left:			371px;
	background-color:	#B0D6EC;
}
/* Container für Inhalt und Menue der Seite */
div.main {
	background:		url(../images/border_left.gif) repeat-y;
	padding:		0px;
	margin:			0px;
	width:			1000px;
}

/* Container für Inhalt der Seiten */
div.content {
	float:			right;
	padding:		15px 5px;
	width: 			600px;
}
div.content_ueber {
	float:			left;
	padding:		15px 5px;
	width: 			600px;
}
.produkt_head {
	font-size:		11px;
	position:		relative;
	z-index:		2;
	top:			47px;
	left:			120px;
	width: 			480px;
	height: 		60px;

}
 .produkt_title {
 	font-size:		17px;
	position:		relative;
	z-index:		2;
	top:			10px;
	left:			120px;
	width: 			480px;
	height: 		40px;
}
.produkt_logo {
	position:		relative;
  	z-index:		1;
	padding:		0px 0px 0px 0px;
	top:			0px;
	left:			0px;

}
div.produkt_content {
   	left:			520px;
}


div.content_start_schrift_3 {
 	float:			right;
	padding:  		40px 170px 0px 0px;
	font-size:		14px;
	line-height: 		17pt;
	font-weight: 		bold;
}

/* Breitenkorrektur fuer Mozilla */
div.main > div.content{width: 590px}

/*Container für das Menu links auf der Seite*/
div.left {
	float:			left;
	margin:			0px;
	padding:		0px 0px 0px 0px;
	width:			370px;
}
div.menu_bild {
	margin:			0px;
	padding:		0px 0px 0px 57px;
}
div.menu_bild_ueber {
	margin:			0px;
	padding:		0px 0px 0px 57px;
	background:		url(../images/left_menu.gif) repeat-y;
}
div.menu{
	float:			left;
	margin:			0px;
	padding:		0px 0px 0px 40px;
	width:			270px;
	height:			230px;
	background:		url(../images/left_menu.gif) repeat-y;
}
div.menu_ueber {
	float:			left;
	margin:			0px;
	padding:		0px 0px 0px 40px;
	width:			270px;
	height:			80px;
	background:		url(../images/left_menu.gif) repeat-y;
}
/* Breitenkorrektur fuer Mozilla */
div.main > div.menu {width: 340px}

/*Container für das Impressum links unter Menue */
div.servicemenu {
	height:			20px;
	padding:		0px 0px 0px 57px;
}
div.impressum {
	position:		relative;
	float:			right;
	width:			600px;
	text-align: 		right;
}

/* Container für den Fuß der Seite */
 /*
 * Fußzeile *WICHTIG*
 * MUSS auf jeder Seite vorhanden sein - ggf. mit leerem Inhalt
 * Gleicht die Spalten 'MENU' und 'CONTENT' aus, so dass sie
 * gleich lang werden.
 * Schließt 'MAIN' ab.
 */

div.footnote {
	padding:		0px 0px 0px 57px;
	clear:			both;
	height:			1px;
}

/*
Haupt- / Unternavigationspunkte + Links
(a.menue für alle
 a.ebene[#] für die einzelnen Ebenen)
*/
a.menue, a.menue:visited, a.menue:link, a.menue:active{
	text-decoration:	none;
	color:			#000000;
	display:		block;
	width:			169px;
	height:			15px;
	padding:		6px 0px 2px 17px;
	font-size:		10px;
	font-weight: 		bold;
}
a.menue:hover,a.menue_active {
	text-decoration:	none;
	color:			#000000;
	background-color:	#99CBE7;
}
/* Breitenkorrektur für Firefox */
a.menue:hover > a.menue, a.menue:visited, a.menue:link, a.menue:active {width:153px;}

a.ebene3,a.ebene3:visited, a.ebene3:link, a.ebene3:active{
	padding:		6px 0px 2px 25px;
	font-size:		9px;
	font-weight:		normal;
}
/* Breitenkorrektur für Firefox */
a.ebene3:hover > a.ebene3, a.ebene3:visited, a.ebene3:link, a.ebene3:active {width:145px;}

a:link, a:visited, a:active, a:hover{
	text-decoration:	none;
	color: 			#5CABD9
}

/*
 * Spezielle Styles
 */

/* Das Plus-Zeichen für Aufzählungen */
.plus {
	font-size:		9px;
	font-weight:		bold;
}

.c_blue {
	font-size:		17px;
	color:			#0077BA;
	font-weight: 		bold;
}
.c_pink {
	color:	 		#ED008C;
	width:			10px;
}
.schrift_3{
 	float:			right;
	padding:		10px 170px 0px 0px;
	font-size:		14px;
	line-height: 		17pt;
	font-weight: 		bold;
}
.schrift_blau{
	color:			#0077BA;
	font-weight: 		bold;
}
.schrift_pink{
	font-size:		28px;
	color:			#E50083;
	font-weight: 		bold;
}
.schrift_gross{
	font-size:		14px;
	font-weight: 		bold;
}

/* Eingabefelder in Formularen */
/* Eingabefelder allgemein */
	input, select, textarea{
	font-family: 		Verdana, Arial, Helvetica, "Sans Serife";
	color:			#0077BA
	font-size :		12px;
	border-top:		1px solid #0077BA;
	border-left:		1px solid #0077BA;
	border-bottom:		1px solid #0077BA;
	border-right:		1px solid #0077BA;
	padding:		1px 1px 1px 2px;
	scrollbar-base-color:	#E1F0FA;
	height:			18px;
}
input.checkbox{
	margin-bottom: 		0px;
	border:			0px;
}

/* Lange, mittlere und kurze Eingabefelder in Formularen (z. B. Name)*/
select.drop_kurz{
	height:			22px;
	width:			47px;
}
select.drop_mittel{
	height:			22px;
	width:			70px;
}
input.lang, textarea.lang, select.lang{
	width:			300px;
}
textarea.lang{
	font-family: 	 	Verdana, Arial, Helvetica, "Sans Serife";
	font-size : 	 	12px;
	height:			50px;
}
input.mittel, select.mittel, textarea.mittel{
	height:			18px;
	width:			180px;
}


input.kurz, select.kurz, textarea.kurz{
	height:			18px;
	width:			60px;
}
textarea.kurz{
	height:			50px;
}

/* Absenden-Knoepfe in Formularen */
input.knopf{
	background:		#E1F0FA;
	height: 		20px;
	font-size:		11px;
	font-weight:		bold;
	color:  		#0077BA;
	border:			1px solid #0077BA;
}

/* Hervorhebung bei Pflichtfeldern */
input.pflichtfeld
{
	xbackground-color:	#E1F0FA;
}
input.fehler, select.fehler
{
	background-color: 	#E1F0FA;
}
.pflicht
{
	font-weight:		bold;
}
input.suche
{
	background-color:	#FFFFFF;
	border:			1px solid #99cbe7;
	width:			55px;
	margin:			2px 0px 0px 3px;
	height:			13px;
	font-size:		0.8em;
}
div.print{
		position: 		absolut;
		visibility: 		hidden;
		display:		none;
		height:			1px;
		width:			1px;

	}

/*
Einstellungen fuer die Druckausgabe
*/
@media print {
	div{
		xborder: 		1px solid green;

	}
	div.main{
		xborder: 		1px solid yellow;
		width:			600px;

	}
	div.content{
		xborder: 		1px solid blue;
		float:			left;

	}
	.noprint{
		position: 		absolut;
		visibility: 		hidden;
		display: 		none;
		height:			1px;
		width:			1px;
		z-index: 		2;
	}

	div.print{
		position: 		absolut;
		xborder: 		1px solid green;
		visibility: 		visible;
		display:		inline;
		width:			650px;
		height:			106px;


	}




}