html, body, #container
{
	min-height: 100%;
	height: 100%;
}

html > body, html > body #container
{
	height: auto;
}

#container
{
	background-color: #FFF;
	border:1px solid #FFF;
	width: 100%;
	clear: both;
}

body
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin:0px 15px 0px 15px;
	padding: 0px;
	background-color: #FFF;
	color: #555;
}

img
{
	border: 0px;
}


a, a:link, a:visited
{
	color: #555;
	text-decoration: none;
	font-weight: bold;
	background: url(../images/link_g_d.gif) no-repeat;
	padding-left: 10px;
	font-size:12px;
}

a:hover
{
	color: #000;
	background:url(../images/link_g_d.gif) no-repeat;
}	

/*Headline im grauen Kasten*/
h4
{
	margin: 12px 0px 12px 0px;
	padding-left: 7px;
	font-size: 13px;
	line-height: 20px;
	clear: both;
	letter-spacing: 1px;
	color: #ffffff;
	background-color: #999;
}

input {
	background-color:#ffffff; 
	color:#000000; 
	width:200px; 
}

.customInput
{
	width:300px; 
	margin:0px 10px 0px 0px;
}


#rahmen h4
{
	margin: 0px;
	background-color: #999;
	margin:0px;
}

#top_link a, top_link a:link, top_link a:visited
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	color: #fff;
	text-decoration: none;
	margin-left: 5px;
	background:url(../images/link_w.gif) no-repeat;
}

#top_link a:hover
{
	text-align: right;
	font-size: 12px;
	font-weight: normal;
	line-height: 13px;
	color: #000;
	background:url(../images/link_g_d.gif) no-repeat;
}


/*Links in der Headline*/
#top_link_ohne_quar
{
	border: 0px solid #f00;
	text-align: right;
	height: 21px;
	line-height:20px;
	position: absolute;
	top: 13px;
	right:13px;
	background-color:#fff;
}
#top_link_mit_quar
{
	border: 0px solid #f00;
	text-align: right;
	height: 21px;
	line-height:20px;
	position: absolute;
	top: 13px;
	right:155px;
	background-color:#fff;
}

#top_quar
{
	border: 0px solid #f00;
	text-align: right;
	width: 1px;
	height: 15px;
	line-height: 15px;
	position: absolute;
	top: 15px;
	right:154px;
}

/*Hinweistext*/
.hinweis
{
	margin: 8px 0px 0px 11px;
}

/*=========================================================================================================================*/
/*===================================================   NEUE STYLES     ===================================================*/
/*=========================================================================================================================*/

/*Box Kettenauswahl*/
#kette
{
	top:45px;
	left:16px;
	width:440px;
	height:70px;
}


/*Box Leitungsauswahl*/
#leitungen
{
	top:45px;
	left:468px;
	width:496px;
	height:190px; /* 120 */
}

/*Box Innenaufteilungselemente*/
#elemente
{
	top:127px;
	left:16px;
	width:440px;
	height:295px; /* 237*/
}

/*Box Leitungsauswahl*/
#pool
{
	top:260px; /* 191 */
	left:468px;
	width:498px;
	height:162px;
}

/*Formulardaten*/
#benudaten
{
	top:45px; /* 191 */
	left:978px;
	width:350px;
	height:378px;
}


/*Gemeinsame Eigenschaften der Boxen*/
#kette, #leitungen, #elemente, #pool, #benudaten
{
	background-color:#f0f0f0;
	position:absolute;
	z-index:10;
	border:1px solid #999999;
	font-size:10px;
}

/*Headline in grauen Boxen*/
#kette h4, #leitungen h4, #elemente h4, #pool h4, #benudaten h4
{
	margin:0px 0px 0px 0px;
	line-height: 21px;
}

/*Content mit padding*/
.boxcontent
{
	overflow:hidden;
	padding:4px 9px 10px 9px;
}

.boxcontent_leitungen
{
	overflow:hidden;
	padding:4px 9px 0px 9px;
	height:163px;
}

.boxcontent_left{
	float: left;	
	margin:0px;
	position:absolute;
	top:20px;
	left:0px;
	width:200px;
	height:18px;
	padding:4px;
	border:none;
	white-space: nowrap;
	text-align: left;
	line-height: 20px;
}

.boxcontent_right{
	position:absolute;
	top:20px;
	left:220px;
	width:200px;	
	height:19px;
	padding:10px;
	border-left: 1px solid #999999;
	margin:0px;	
	white-space: nowrap;
	text-align: left;
}

.boxcontent_left input, .boxcontent_right input{
	background-color: #f0f0f0;
	width:auto;
}


label
{
	padding:0px 12px 0px 0px;
}

/*Linke Spalte Leitungs-Box*/
#leitungleft
{
	width:249px;
	float:left;
}

/*Rechte Spalte Leitungs-Box*/
#leitungright
{
	width:218px;
	height:99px; /*  79 */
	float:right;
}

/*Container Aderzahl und 2-Zeilige Ausgabe*/
#aderzahl
{
	height:43px;
}

/*Drag and Drop Button Leitung*/
#leitungimage
{
	width:36px;
	height:36px;
	float:right;
	position:relative;
	top:5px;
}

#LeitungsGruppe, #Kund_Befestigung, #Kund_Zugentlastung
{
	width:10px;
	background-color:#f0f0f0;
}

input
{
	padding: 0px;
	font-size: 10px;
	height: 13px;
	color: #333;
}

select
{
	padding: 0px;
	width: 177px;
	font-size: 10px;
	height: 17px;
	color: #333;
}


/*---------------------  BOX LEITUNGSPOOL------------------------*/
/*scrollbarer Container Pool-Box*/
#poolscroll
{
	overflow:auto;
	height:105px;
	padding:5px 8px 5px 8px;
}

/*Tabelle mit Leitungsdurchmesser*/
#leitung td
{
	padding:0px 3px 2px 0px;
}


/*Zeile im Pool mit Bild Text und Checkbox*/
.scrollrow
{
	overflow:hidden;
	padding:3px 0px 0px 0px;
}
/*Leitungsbildcontainer im Pool*/
.scrollrow div
{
	float:left;
	margin-right:10px;
	margin-top:-3px;
}

/*Zeile fuerAufteilungselemente*/
#elemtscroll .scrollrow
{
	overflow:hidden;
	padding:5px 0px 0px 0px;
}
/*Zeile fuerAufteilungselemente*/
#elemtscroll .scrollrow div
{
	float:left;
	margin-right:10px;
	margin-top:-5px;
}


.used_leitung
{
	width:20px;
	height:20px;
	background:url(../images/icons/PoolUsedLeitung.gif);
	color:#fff;
	text-align:center;
	line-height:20px;
}

.used_leitung_error
{
	width:20px;
	height:20px;
	background:url(../images/icons/PoolUsedLeitungError.gif);
	color:#fff;
	text-align:center;
	line-height:20px;
}


/*Checkboxen im Pool*/
.scrollrow input
{
	float:left;
	width:auto;
	background-color:#fff;
	border:none;
	margin:0px 10px 0px 0px;
	padding:0px;
	width:13px;
	height:13px;
}

/*Trennlinien im Pool*/
.line
{
	background-color:#cacaca;
	height:1px;
	overflow:hidden;
	clear:both;
	margin:3px 0px 3px 0px;
}

/*Letzte Border der Scrollrow verstecken*/
.lastborderhide
{
	background-color:#f0f0f0;
	margin-top:-4px;
	height:1px;
	overflow:hidden;
}

/*Zusaetzliche Elemente unterm Leitungspool*/
#poolsubcontent
{
	border-top:1px solid #999;
	padding:4px 10px 0px 8px;
	background:url(../images/pool_action_pfeil.gif) no-repeat 14px 4px;
	height:20px;
	line-height:20px;
}

/*Container fuer Loeschen-Icon und mehr*/
#poolactions
{
	float:left;
	width:30px;
	height:15px;
	padding-left:28px;
	padding-top:1px;
}

/*Loeschen Icon im Leitungspool*/
#erase
{
	padding:0px;
	display:block;
	float:left;
	width:15px;
	height:15px;
	background:url(../images/leitung_erase.gif) no-repeat 0px 0px;
}

/*Zusaetzliche Infos unterm Pool*/
#poolinfo
{
	float:right;
	width:150px;
	height:15px;
	text-align:right;
}

#poolinfo label
{
	padding:0px 4px 0px 10px;
}


/*Hinweistext Leitungen*/
#hinweisleitung
{
	position:absolute;
	left:467px;
	top:239px; /* 169 */
	font-size:10px;
}

/*Hinweistext Leitungen*/
#hinweispool
{
	position:absolute;
	left:468px;
	top:427px; /* 355 */
	font-size:10px;
}

/*Hinweistext Leitungen*/
#hinweiselement
{
	position:absolute;
	left:16px;
	top:427px; /* 355 */
	font-size:10px;
}

/*---------------------  BOX INNENAUFTEILUNGSELEMENTE------------------------*/
/*scrollbarer Container Pool-Box*/
#elemtscroll
{
	overflow:auto;
	height:239px; /* 180 */
	padding:5px 8px 5px 8px;
}

/*Zusaetzliche Elemente unterm Leitungspool*/
#elementsubcontent
{
	border-top:1px solid #999;
	padding:4px 25px 0px 8px;
	height:20px;
	
}

/*Zusaetzliche Infos unterm Pool*/
#elementsubtext
{
	float:right;
	width:260px;
	height:18px;
	text-align:right;
	line-height:20px;
}

body div.iazeich
{
	margin:0px;
	border:0px solid #f00;
}


/*=========================================================================================================================*/
/*===================================================  ENDE NEUE STYLES  ==================================================*/
/*=========================================================================================================================*/







/*Container für "Freie Leitung"*/
#bezeichnung
{
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}



/* -------------------------- Auswahlseite -------------------------- */

.ausw
{
	clear:both;
	padding:5px;
}

.ausw_text
{
	width:100px; 
	position:relative; 
	top:2px;
	float:left;
	clear:right;
}

.ausw_sel
{
	position:relative; 
	float:left;
	clear:right;
}


/*------------- Unter Kettengliedzeichnung -------------------------------*/

.zeichzusatz td
{
	font-size: 10px;
	vertical-align: top;
}

.zeichzusatz  div
{
	font-size: 12px;
	margin: 0px 12px 3px 0px;
}

/*------------- Stückliste -------------------------------*/
.stueckliste
{
	border: none;
	border-collapse: collapse;
	margin: 0px 0px 10px 0px;
	font-size: 13px;
	width: 100%;
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.stueckliste td
{
	text-align: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	vertical-align: top;
	font-size: 10px;
}

.stueckliste th
{
	font-size: 13px;
	text-align: left;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 2px 5px 2px 5px;
	font-weight: bold;
	vertical-align: top;
}

.stueckliste .row1
{
	background-color: #fafafa;
}


/*------------- Buttons -------------------------------*/

#buttons
{
	width: 100%;
	font-size: 12px;
	padding: 0px;
	text-align: right;
}

#buttons a
{
	margin-left: 5px;
}


/* -------------------------- footer -------------------------- */

#copyright
{
	height: 58;
	width: 100%;
	background-color: #FFF;
	padding: 0px;
	border-top: 1px solid #ddd;
	margin-top: 20px;
	background: url(../images/logo.gif) no-repeat right 10px;
	text-align: right;
	color: #aaa;
	line-height: 12px;
}

#copyright a
{
	color: #aaa;
}

#copyright a:hover
{
	color: #000;
}

/*Copyright text*/
#copyright div
{
	margin: 10px 187px 0px 0px;
}


/*Bilderpositionierung in der Kettengliedzeichnung*/
.iazeich
{
	position:absolute;
	left:0px
	top:0px;
}


/* -------------------------- CSS für den Printer -------------------------- */
@media print
{

	h4, body, a, a:link, a:visited, #copyright, #copyright a, #kette, #leitungen, #elemente, #pool
	{
		color: 000;
	}


	.stueckliste, .stueckliste td, .stueckliste th, #copyright,  #kette, #leitungen, #elemente, #pool
	{
		border-color: #000;
	}


	#Innenaufteilungsauswahl
	{
	}

	#Leit_artikel
	{
		border:1px solid #f00;
		background-color:#f00;
	}

}



/*
	############################
	    Styles für Popup mit transparentem Abdecker
	############################	  
*/

/*Transparenter Background um Mausklicks abzufangen*/
#PrintAbdeckungsContainer 
{
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:7500;
	background:url(images/x.gif);
}

/*Halbtransparenter Background*/
#PopupAbdeckungsContainer 
{
	position:absolute;
	right:0px;
	top:0px;
	bottom:0px;
	left:0px;
	width:100%;
	height:100%;
	z-index:7500;
	background-color:#000;
	opacity:0.4;
	filter:Alpha(opacity=40);
}

/*zentriren-Popup*/
#popupbox
{
	position:absolute;
	z-index:8510;
	top:50%;
	left:50%;
	width:559px;
	margin-left:-280px;
	border:1px solid #000;
	margin-top:-175px;
	background-color:#fff;
	overflow:hidden;
}



/*Infopopup Contentbox*/
#popupcontent
{
	overflow:auto;
	height:350px;
}

/*======================== CONTENTELEMENTE ======================*/
/*Master-BOX*/
#popupcontent .einspaltig
{
	width:519px;
	float:left;
	padding-top:19px;

}

/*Margin-BOX*/
#popupcontent .einspaltig div
{
	position:relative;
	left:19px;
	width:500px;
}

/*Image-BOX*/
#popupcontent .einspaltig div div
{
	position:relative;
	left:0px;
	width:63px;
	float:left;
}


/*Text-BOX ohne IMAGE*/
#popupcontent  .einspaltig div .text_ohne_bild
{
	width:500px;
	float:right;
	background-color:#f00;
}

/*Margin-BOX*/
#popupcontent .einspaltig div, #popupcontent .einspaltig div .link
{
	font-size:12px;
}

/*Bermerkung in der Stueckliste*/
.buttonorange
{
	color:#f90 !important;
}

.buttonorange:hover
{
	/*color:#000 !important;*/
}

/*Button zum Befuellungsexperten*/
#btnBefuellungsexperte
{
 position:absolute;
 left:468px;
 top:444px; 
}
/* ffe8bf */
.btnStyled{
	padding: 2px 6px 2px 6px;
	background-color: #FFF5E4;
	border: 1px solid #000;
	position:relative; 
	display:inline; 
	top:0px;
}