@charset "UTF-8";
/* Umweltrechner CSS Document */

/* Caution! Ensure accessibility in print and other media types... */

/* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
@media projection, screen { 
    .tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .tabs-nav {
        display: none;
    }
}





/* rausnehmen wenns in avv.de integriert wird 

 body {
	font-size: 16px; 
}
* html body {
    font-size: 100%; 
	}

body * {
	font-size: 87.5%;
	font-family:  Verdana, "Trebuchet MS", Trebuchet, Helvetica, Arial, sans-serif;
	}
body * * {
	font-size: 100%;
	font-size: 11px;
}
h1 {
	margin: 1em 0 1.5em;
	font-size: 1.2em;
	}
h2 {
	margin: 2em 0 1.5em;
	font-size: 16px;
}
			
h3 {
	font-size: 1em;
	font-weight:bold;
	color: #CC0099;
	}
h4 {
	font-size: 1em;
	font-weight:bold;
	color: #333;
	}
h5 {
	font-size: 1em;
	font-weight:bold;
	color: #333;
	}		

p {	
	margin: 0;
	}
	
/* rausnehmen */
#module .tabs-container {
	min-height:400px;
	}



/* Einstellen des Modul-Containers */
/* Zurücksetzen von Werten aus der Inhaltsspalte */
#module{
	margin: 0;
	padding: 20px 0 0 0;     		/* wegen ie, der die margins schluckt: Abstaende mit padding eingesetzt (pl) */
	
	width:480px;
	margin: 20px auto;
	background-color: transparent;
	}

#module table{
text-align:left;
}


#module ul.tabs-nav li {				/* übersteuern der Listenhintergruende aus der content css*/
	background-image:none;
}



* html #tarifmodul li {       /* ie 6 */
	width: 120px;
	}
	
#module li {
	margin: 0;
	width: auto;						/* konforme Browser */
}	

#module ul.tabs-nav li {  				/* zurücksetzen des defaultwertes aus content.css */
	margin-left: 0;
	padding-left: 0;
	/* border-right: 1px solid #4670a9; */
	}

#module ul {  /* rückstellen */
	margin: 1em 0;
	padding: 0;
	}

/* spalt zwischen den Tabs und dem Conainer entfernen */
#module ul.tabs-nav {
	margin: 0;}






/* Skin */
.tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.tabs-nav:after { 						/* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
}
.tabs-nav a {
    display: block;
    position: relative;
    top: 1px;  							/* offset to cover the line of the underlyin box 1px */
    z-index: 2;
    padding: 6px 10px 0 16px;
    width: auto;
    height: 20px;
    color: #27537;
    font-size: 12px;
    font-weight: bold;
    line-height: 1.2;
    text-align: left;
    text-decoration: none;
    background: url(../../../php_ext/umweltrechner_pics/reiter4.gif) no-repeat;
	background-position:top left;
}



.tabs-nav .tabs-selected a {
    padding-top: 7px;
    color: #254E9B;
}
.tabs-nav .tabs-selected a, 
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active {
    background-position: 0px -51px;
    outline: 0; 						/* @ Firefox, switch off dotted border */
}
.tabs-nav .tabs-disabled a:hover, 
.tabs-nav .tabs-disabled a:focus, 
.tabs-nav .tabs-disabled a:active {
    background-position: 0 0;
}
.tabs-nav .tabs-selected a:link, 
.tabs-nav .tabs-selected a:visited,
.tabs-nav .tabs-disabled a:link, 
.tabs-nav .tabs-disabled a:visited { 	/* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.tabs-nav a:hover, 
.tabs-nav a:focus, 
.tabs-nav a:active { 					/* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.tabs-nav .tabs-disabled {
    opacity: .4;
}
.tabs-container {
	clear:both; 						/*  makes ie happy (paul)*/
    border-top: 1px solid #97a5b0;
	border: 1px solid #bedaf0; 				
    padding: 1em 8px;
    /* declare background color for container to avoid distorted fonts in IE while fading */
	background:#e5eff7 url(../img/hg-container1.png) repeat-x bottom left ; /* background: #87b7f7; background: #b0d7ff; 	background:#D0E4F6; */

	min-height: 270px;
	width:auto;
}

.module-left-container{
	float:left;
	width: 49%;
	overflow: hidden;
	margin-bottom:1em;

	/* border: 1px dotted; */
}

.module-right-container{
	float:right;
	width: 49%;
	overflow: hidden;
	/* border: 1px dotted; */
	margin-bottom:1em;
	}

.module-bottom-container{
	clear: both;
	margin-top: 20px;
	padding-top: 10px;
	text-align: right;
	border-top: 1px dotted;

	}



/* Uncomment this if you want a little spinner to be shown next to the tab title while an Ajax tab gets loaded */
.tabs-loading span {
    padding: 0 0 0 20px;
    background: url(../img/ajax-loader.gif) no-repeat 0 50%;
}
/* */


/* blaetterNavi */
div.ticketbrowser {
	font-size:10px;
	text-align:center;}
	
div.ticketbrowser a {
	margin: 0 8px;
	}
	
div.ticketbrowser a:hover {
	color: #A51B6B}	
	
	
h2.module-header{
	margin-bottom: 1em;
	display: none;
	}
	
	
	
#module .input-text {width: 4em;
	text-align: right;}	
	
#module #tab1 .module-left-container,
#module #tab3 .module-left-container 
 {width: 39%;
 }
 
#module #tab1 .module-right-container,
#module #tab3 .module-right-container
 {width: 59%;}
 
 		
#module #tab3 .module-right-container
 {width: 55%;}

#module #tab1 #arbeitsort, 
#module #tab1 #wohnort 
 {font-size: 9px;
 width:170px;
 overflow:hidden;}
 
 .erg_big{
 	font-size: 1.6em; 
	color:#669900;
	margin: 0.5em 0;
 }
 
 .erg_ausg,
 .erg_ausg2,
 .erg_ausg3 {
 	color: #666666;
	font-weight: bold;}

.erg_ausg2 {
	font-weight: bold;
	color: #669900;
	}	
	
input.noUserInput {
	background-color: transparent;
	background-image:none;
	}
	
input.marginleft{
	margin-left:2em;}	
	
#module .footnote {
	font-size:9px;
	color: aaa;
	padding-left: 1em;
	line-height:1.2em;}