/****************************************************

	natGas style

	Farben:

	Schrift:			#565656
	Orange:	   			#F29400
	Grün:				#73AA1B

	Stand 01.04.2010

	grass@mai-multimedia.de 2010

******************************************************/

* {margin: 0; padding: 0;}
html { min-height: 100%; }

html
	{
		background: #fff url(/CMSTemplates/natGASAspx/images/hgr_html.jpg) bottom repeat-x;
    }
body
	{
		font-family: Arial,Helvetica,sans-serif;
		font-size: 75%;
		line-height: 1.3em;
		text-align: center;
		background: transparent url(/CMSTemplates/natGASAspx/images/hgr_body.gif) 0 225px repeat-x;
		color: #565656;
	}
ul { list-style: none; }
a { color: #73AA1B }
a:hover { text-decoration: none; }
a:active, a:focus {outline: none}

a.download, a.icon
	{
		background-position: 0 50%;
		background-repeat: no-repeat;
		padding-left: 20px;
		line-height: 1.6em;
		display: block;
	}
a.pdf { background-image: url(/CMSTemplates/natGASAspx/images/pdf.png); }
a.chart { background-image: url(/CMSTemplates/natGASAspx/images/chart.png); }
a.document { background-image: url(/CMSTemplates/natGASAspx/images/document.png); }

p { padding-bottom: 1em; }


h1, h2, h3, h4, h5, li li, li p, td p, td, blockquote p {font-size: 1em}

img { border: none; }


h1
	{
		font-family: Arial,Helvetica,sans-serif;
        	font-size: 20px;
		line-height: 1.2em;
		margin: 0;
		color: #fff;
		background: transparent url(/CMSTemplates/natGASAspx/images/hgr_h1.png);
		line-height: 34px;
		padding-left: 43px;
	}

h2, h3, h4
	{
		color: #73AA1B;

	}
h2
	{
		font-family: Arial,Helvetica,sans-serif;
        	font-size: 1.5em;
		line-height: 1.2em;
		/*margin-bottom: 0.7em;*/
	}
h3
	{
		font-family: Arial,Helvetica,sans-serif;
        font-size: 1.3em;
		/*margin-bottom: 0.85em;*/
    }
hr
	{
		border: 0px; 
		border-top: solid 1px #939598;
		border-bottom: transparent;
	}

#headerBox, #contentWrap, #footerBox
	{
		position: relative;
		width: 985px;
		padding: 0;
		margin: 0 auto;
		text-align: left;
    }

/****************************************************
	HEADER (Navigation und Logo)
******************************************************/

#headerBox
	{
		position: relative;
		height: 162px;
		width: 715px;
		padding-right: 280px;
    }
#logo
	{
		position: absolute;
		top: 40px;
		right: 10px;
    }

/* --- Navigation --- */

#mainNav /* ul */
	{
        text-transform: uppercase;
		position: relative;
		left: -2px;
		color: #757575;
		padding-top: 4em;

		width: 720px;
		font-family: Arial,Helvetica,sans-serif;
		font-size: 1.1em;
    	}
#mainNav a
	{
        	text-decoration: none;
	 	color: #565656;
    	}
#mainNav a:hover
	{
	 	color: #EB6909
    	}
#mainNav li
	{
        float: left;
		padding: 0 4px;
		/* border-right: solid 1px #999;*/
    }
#mainNav li.lastItem, #mainNav li:last-child
	{
		padding-right: 0;
		border: none;
	}
#mainNav li a
	{
		font-size: 1.1em;
	}
#mainNav li a:hover,
#mainNav li.active ul a:hover,
#mainNav li a.active,
#mainNav li.active a,
#mainNav li.active ul a.active
	{
        	color: #565656;
	}
#mainNav li a.active,
#mainNav li.active a,
#mainNav li.active ul a.active
	{
		font-weight: bold;
	}
#mainNav ul
	{
		font-family: Arial,Helvetica,sans-serif;
		position: absolute;
		left: 0;
		top: 5.5em;
        	display: none;
		width: 720px;
    }
#mainNav ul ul
	{
		top: 1.5em;
	}

#mainNav ul ul ul
	{
		top: 1.5em;
	}


#mainNav li.active ul, #mainNav li.active ul li.active ul
	{
        display: block;
    }
#mainNav li.active ul ul
	{
        display: none;
    }
#mainNav ul li a
	{
		font-size: 1em;

    }
#mainNav li.active ul a
	{
 		font-weight: normal;
	}
#mainNav a.active
	{

	}


/****************************************************
	CONTENTBOX
******************************************************/

#contentWrap
	{
		position: relative;
		z-index: 2;
		-moz-box-shadow: 0px 0px 10px #000;
		-webkit-box-shadow: 0px 0px 10px #000;
		box-shadow: 0px 0px 10px #000;	
		background: #fff;
	}
#contentWrapBottom
	{
        	position: absolute;
		width: 100%;
		left: 0px;
		bottom: 0;
		z-index: 1;
		background: transparent url(/CMSTemplates/natGASAspx/images/hgr_contentWrapBottom.jpg) no-repeat bottom left;
		min-height: 265px;
	}
#contentBox
	{
		position: relative;
		z-index: 2;
		float: left;
		width: 100%;
		min-height: 540px;
		padding-top: 63px;
		background-repeat: no-repeat;
		background-position: left top;
    }
    
#contentBoxPreview
{
	position: relative;
	z-index: 2;
	float: left;
	width: 985;
	min-height: 540px;
	padding-top: 63px;
	background-repeat: no-repeat;
	background-position: left top;
}

#content
	{
		float: left;
        width: 557px;
		overflow: hidden;
		min-height: 426px;
		padding: 60px 0px 20px 43px;
		background-repeat: no-repeat;
		background-position: left bottom;
	}
#content.kundenportal
	{
        	padding-top: 0;
        	width: 899px;
	}


#content.small
	{
        width: 400px;
		padding-right: 157px;
    }
#content ul
	{
        margin: 0 0 1em 1.6em;
	/*list-style-image:url(/CMSTemplates/natGASAspx/images/list_dot.gif);*/
	list-style-image:url(http://www.dortnet.de/demo/natgas/list_dot.gif);
    }
#content ol
	{
        margin: 0 0 1em 2.6em;
    }

/* News-Listen */

#content .newsList /*ul*/
	{
		list-style: none;
		margin: 0 0 2em 0;
    }
#content .newsList li
	{
		border-bottom: solid 1px #D9DBDD;
		margin-bottom: 1em;
    }

#content .newsList h3
	{
		margin: 0;
		font-size: 1.2em;
    }
#content .newsList h3 a
	{
		text-decoration: none;
    }

/* FAQ-Llisten */

#content .faqList /*ul*/
	{
		list-style: none;
		margin: 0 0 2em 0;
    }
#content .faqList li
	{
		margin-bottom: 1em;
    }

#content .faqList h3
	{
		margin: 0;
    }
#content .faqList h3:hover
	{
        text-decoration: underline;
    }
#content .faqList p
	{
		margin: 0;

    }

/* --- Context, rechte Spalte --- */

#context
	{
        	float: right;
		width: 228px;
		padding: 60px 43px 20px 0;
	}
#context.kundenportal
	{
        	padding-top: 0;
	}


#context .newsList /*ul*/
	{
	        margin-top: 2em;
	}


#context h3
	{
        	text-transform: uppercase;
		font-size: 1.2em;
		margin: 0;
	}


/****************************************************
	KUNDENPORTAL
******************************************************/

#kundenNav
	{
		float: left;
		width: 100%;
		height: 60px;
		padding: 30px 0;
    }
#kundenNav ul
	{
		float: left;
		margin: 0 auto;
		position: relative;
		left: 50%;
    }

#kundenNav li
	{
        float: left;
		position: relative;
		right: 50%;
    }
#kundenNav li a
	{
		background-position: top center;
		background-repeat: no-repeat;
    }
#nav_verbrauch a { background-image: url(/CMSTemplates/natGASAspx/images/nav-verbrauch.png); }
#nav_verbrauch a:hover, #nav_verbrauch.active a { background-image: url(/CMSTemplates/natGASAspx/images/nav-verbrauch-glow.png); }
#nav_topmonitor a { background-image: url(/CMSTemplates/natGASAspx/images/nav-topmonitor.png); }
#nav_topmonitor a:hover, #nav_topmonitor.active a { background-image: url(/CMSTemplates/natGASAspx/images/nav-topmonitor-glow.png); }
#nav_meinedaten a { background-image: url(/CMSTemplates/natGASAspx/images/nav-meinedaten.png); }
#nav_meinedaten a:hover, #nav_meinedaten.active a { background-image: url(/CMSTemplates/natGASAspx/images/nav-meinedaten-glow.png); }
#nav_kontakt a { background-image: url(/CMSTemplates/natGASAspx/images/nav-kontakt.png); }
#nav_kontakt a:hover, #nav_kontakt.active a { background-image: url(/CMSTemplates/natGASAspx/images/nav-kontakt-glow.png); }
#nav_preisentwicklung a { background-image: url(/CMSTemplates/natGASAspx/images/nav-preisentwicklung.png); }
#nav_preisentwicklung a:hover, #nav_preisentwicklung.active a { background-image: url(/CMSTemplates/natGASAspx/images/nav-preisentwicklung-glow.png); }

#kundenNav li a
	{
		display: block;
		padding: 45px 10px 0 10px;
		text-decoration: none;
		font-weight: bold;
		text-transform: uppercase;
		font-size: 0.9em;
	}
#kundenNav li a:hover, #kundenNav li.active a
	{
		color: #F29400;
    }


/* --- Filter --- */
.filterBox
	{
		padding: 10px;
        background-color: #EDEDED;
		margin-bottom: 1em;
    }

/* --- InfoBox --- */
.infoBox
	{
        float: left;
        clear: both;
		width: 100%;
		padding-bottom: 1em;
		margin-bottom: 1em;
		color: #7F807D;
		border-bottom: solid 1px #D9DBDD;
    }
.infoBox h3
	{
        font-size: 1.1em;
		margin: 0 0 0.5em 0;
		color: inherit;
    }
ul.linkList
	{
		list-style: none;
		margin: 0!important;
    }
ul.linkList li
	{
        float: left;
		list-style: none;
		margin: 0 20px 0 0;
    }

/* --- Adressliste mit Bild --- */
dl.addressList
	{
        float: left;
		width: 50%;
		margin: 1em 0;
    }
dl.addressList dt
	{
        float: right;
		width: 100px;
    }
dl.addressList dd
	{
        float: left;
    }

/****************************************************
	FOOTER
******************************************************/

#footerBox
	{
		position: relative;
		clear: both;
		z-index: 10;
		min-height: 40px;
		padding-top: 20px;
		font-size: 0.9em;
    }

/* --- Service Navigation --- */

#serviceNav /* ul */
	{
		float: right;
		color: #757575;
		text-transform: uppercase;
		line-height: 1em;

    }
#serviceNav li
	{
		position: relative;
		float: left;
		padding: 0 5px;
		border-right: solid 1px #7F807D;
    }
#serviceNav li.lastItem
	{
		padding-right: 0;
		border: none;
    }
#serviceNav span
	{
	   	cursor: default ;
	}
#serviceNav a
	{
		color: #757575;
		text-decoration: none;
    }
#serviceNav a:hover
	{
		color: #565656;
    }
#serviceNav ul
	{
        display: none;
		position: absolute;
		width: 100%;
		left: 0;
		bottom: 1em;
		padding: 0 0 0.5em 5px;

	}
#serviceNav ul li
	{
        float: none;
		padding: 0;
		line-height: 1.3em;
		border: none;
    }

/****************************************************
	FORMULARE
******************************************************/

fieldset
	{
        border: none;
		padding: 0.5em 0;
		position: relative;
		clear: left;
    }
legend
	{
		color: inherit;
		padding: 0 0 10px 0;
    }
fieldset, legend { position:relative; }

/* IE5.x & IE6 */
* html legend { position:absolute; top: -.3em; left: -.4em; }
* html fieldset { overflow:visible; height: 1%; margin-top:1.3em; padding-top:1.3em; }

/* IE7 */
*+html legend { position:absolute; top: -.3em; left: -.4em; }
*+html fieldset { overflow:visible; height:1%; margin-top:1.3em; padding-top:1.3em; }

input, textarea
	{
        font-family: Arial,Helvetica,sans-serif;
		font-size: 1em;
		border: solid 1px #939598;

		line-height: 1em;
		padding: 1px;
    }
textarea
	{
		width: 100%;
		overflow: auto;
    }
input.button
	{
        border: none;
		width: auto!important;
		background-color: #77A637;
		color: #fff;
		padding: 3px 10px;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
		margin: 10px 0;
    }
    
    input.FormButton
	{
        border: none;
		width: auto!important;
		background-color: #77A637;
		color: #fff;
		padding: 3px 10px;
		text-transform: uppercase;
		font-size: 0.9em;
		font-weight: bold;
		margin: 10px 0;
    }
    
input.checkbox {
		border: none;
	}
#loginButton
	{
        border: none;
		width: auto!important;
		position: absolute;
		bottom: 6px;
		right: 0;
    }


#kundenportalLoginBox label
	{
		padding: 5px 0 2px 0;
    }

address
	{
        font-style: normal;
    }

#changePassword
	{
		float: left;
    }
#changePassword label, #changePassword span.label
	{
		float: left;
		clear: left;
		width: 200px;
		font-weight: bold;
		margin-bottom: 3px;
    }
#changePassword input, #changePassword span.input
	{
		float: left;
		width: 300px;
		margin-bottom: 3px;
    }
#changePassword input.button
	{
        clear: left;
		margin-left: 200px;
    }
#changePassword #oldPasswordLabel
	{
        margin: 10px 0;
    }
#changePassword #oldPassword
	{
        margin: 10px 0;
    }
#changePassword legend
	{
        font-weight: bold;
		color: #4D4D4D;
		padding-left: 200px;
    }


/* --- kundenportalLoginBox --- */

#kundenportalLoginBox
	{
		padding-bottom:1em;
	}

#kundenportalLoginBox fieldset
	{
		margin-top: 0.5em;
	}
#kundenportalLoginBox label
	{
		display: block;
        font-size: 0.8em;
		line-height: 1em;
    }
#kundenportalLoginBox input
	{
        width: 200px;
    }
#kundenportalLoginBox input.button
	{
		position: relative;
		top: 3px;
		width: 15px;
		height: 16px;
	}
#kundenportalLoginBox a
	{
        color: #565656;
    }
#kundenportalLoginBox ul
	{
        width: 202px;
    }
#kundenportalLoginBox li
	{
        font-size: 0.8em;
        float: left;
    }
#kundenportalLoginBox li.even
	{
        float: right;
    }
/*Suchergenisse*/
.SearchResults
{
	margin: 1em 0;	
}

.SearchResult
{
	padding: 0.5em 0;
}
.ResultTitle
{
	font-size: 1.2em;
}

/*Sitemap*/
.CMSSiteMapList
{
	
}
.CMSSiteMapList ul, .CMSSiteMapList li
{
	margin-top: 0.2em;
	margin-bottom: 0.2em;
}
.CMSSiteMapList ul
{
	list-style: none!important;
	list-style-image: none!important;
}
.CMSSiteMapList a
{
	text-decoration: none;
}
.CMSSiteMapList a:hover
{
	text-decoration: underline;
}
.CMSSiteMapList li a
{
	font-size: 1.1em;
	font-weight: bold;
}
.CMSSiteMapList ul li a
{
	font-size: 1em;
	font-weight: normal;
}
#kundenportalLoginBox h3, #lieferangebotBox h3
{
	color: #dd8500;
}