@import url("../css/reset.css"); 

/*** general ***/
/*** -------------------------- ***/ 

body {
position: absolute;
font-family: georgia,'lucida grande';
text-align: left;  
color: #000;
background-color: #fff;
background-image: url(../img/ffKaro.png);
background-repeat: repeat;
width: 100%;
height: 100%;
color: #000;
line-height: 1.2em; 
overflow-y: scroll;
}

h2 {    
font-weight: bold;   
color: #d03300;
margin-top: 1.2em;
}
h2:first-child {
margin-top: 0em;
}

h3 {
font-weight: normal; 
margin-top: 1.2em;
}
h3.question {
color: #5a9cc8;
}
h3.question:hover {
color: #d03300;	
}

h4 {
font-size:  0.875em;
font-weight: bold;
}

p { 

}

p.error {
	color:#cc0000;
}

p.second_column {
		display: inline-block;
		width: 12em;
}

em {
}  

a,
a:visited {
    color: #5a9cc8;     
}
a:hover,
a:active {
    color: #d03300;     
}


div.container.large h2 {
font-size:  0.875em;
}
div.container.large h3 {
font-size:  0.866em;	
}
div.container.large p {
font-size:  0.866em;	
}
div.container.large p.info_item span {
	padding-left: 1em;
	background-image: url(../img/ffInfo.png);
	background-repeat: no-repeat;
	width: 1em;
}  
div.container.large a {
font-size:  0.866em;	
} 

div.container.medium h2 {
font-size:  0.875em;
}
div.container.medium h3 {
font-size:  0.866em;	
}
div.container.medium p {
font-size:  0.866em;	
}
div.container.medium p.info_item span {
	padding-left: 1em;
	background-image: url(../img/ffInfo.png);
	background-repeat: no-repeat;
	width: 1em;
}  
div.container.medium a {
font-size:  0.866em;	
}   



div.container.small h2 {
font-size:  0.866em;	
}
div.container.small h3 {
font-size:  0.833em;	
}
div.container.small p {
font-size:  0.833em;	
} 
div.container.small a {
font-size:  0.833em;	
}
  
img.icon {
    vertical-align: -2px;
}


/*** frames ***/
/*** -------------------------- ***/  
   

div#outerframe {
position: absolute;
width: 100%;
top: 0em;
left: 0em;
z-index: 0;
text-align: center; 
}

div#frame {
position: relative;
width: 56em;
margin-left: auto;
margin-right: auto;
text-align: left;
}

div#header_frame,
div#footer {
	margin-left: 1em;
}


div#header_frame {
	margin-top: 4em;
	margin-left: 1em;
}

div#header {
	position:relative;
	float: left;
	width: 4.5em;
	margin-right: 1.5em;
}

div#content {
	position: relative;
	float: left;
	clear: both;
	margin-left: 7em;
	margin-bottom: 4em;
}
  

/*** mark ***/
/*** -------------------------- ***/
a#mark {
height: 2em;
line-height: 2em;
position: fixed ;
text-align: center ;
width: 2.5em;
z-index: 1000;   
bottom: 0px ;
left: 0em;
} 

a#mark {
_position: absolute ; 
_bottom: auto ;
_top: expression( ie6 = (document.documentElement.scrollTop + document.documentElement.clientHeight - 52 + "px") ) ;
}


/*** Easter egg ***/
/*** -------------------------- ***/
a#easteregg {
height: 2em;
line-height: 2em;
position: fixed ;
text-align: right ;
width: 2.5em;
z-index: 1000;   
bottom: 0px ;
right: 0;
margin:0;
padding:0;
} 

a#easteregg {
_position: absolute ; 
_bottom: auto ;
_top: expression( ie6 = (document.documentElement.scrollTop + document.documentElement.clientHeight - 52 + "px") ) ;
}

/*** language ***/
/*** -------------------------- ***/
div#language {
	position:absolute;
	width:100%;
	left:0em;
}

div#language ul {
	position:relative;
	display: block;
	float:right;
	padding-top:0.5em;
	background-color:#ffffff;
	height:1.5em;
	line-height: 1em;
	padding-left: 0.5em;
}

div#language ul li {
	display:block;
	float:left;
	margin-right:1em;
	width: 2em;
	color:#eeeeee;
	font-family:helvetica,arial;
	font-weight:bold;
	font-size:0.6em;
	padding:0.333em;
	border:1px #90cfff dotted;
}

div#language ul li a {

}
div#language ul li a.select{
	color:#d03300;
}

/*** navigation ***/
/*** -------------------------- ***/
div#navigation {
position: relative;
float: left;
margin-top: 1.2em;
}

div#navigation ul li {
	display: block;
	float:left;
	width: 12em;
	height: 2em;
	line-height: 2em;
	text-align: center;   
	background-color: #fff;
	vertical-align: top;
}

div#navigation ul li.center {
	background-image: url(../img/ffNav/link/ffNav-center.png);
	background-repeat: repeat-x;
	border-right: 1px #fff solid;
} 
div#navigation ul li.center.aktiv {
	background-image: url(../img/ffNav/aktiv/ffNav-center.png);       
}
div#navigation ul li.center:hover {
	background-image: url(../img/ffNav/hover/ffNav-center.png);       
}

div#navigation ul li.first {
	background-image: url(../img/ffNav/link/ffNav-first.png);
	background-repeat: no-repeat;
	border-right: 1px #fff solid;
}  
div#navigation ul li.first.aktiv {
    background-image: url(../img/ffNav/aktiv/ffNav-first.png);           
} 
div#navigation ul li.first:hover {
	background-image: url(../img/ffNav/hover/ffNav-first.png);       
}

div#navigation ul li.last {
	background-image: url(../img/ffNav/link/ffNav-last.png);
	background-repeat: no-repeat; 
	background-position: -6.75em 0em;
	border-right: 0px #fff solid;
}    
div#navigation ul li.last.aktiv {
    background-image: url(../img/ffNav/aktiv/ffNav-last.png); 
} 
div#navigation ul li.last:hover {
	background-image: url(../img/ffNav/hover/ffNav-last.png);       
}

div#navigation ul li a {    
    display: inline-block;
	color: #d03300;  
	width: 100%;
}

div#navigation ul#level_2 {
	display: none;
}




/*** container ***/
/*** -------------------------- ***/

div.container {
	position: relative;
	float: left;
	margin-top: 3em;
}  


div.container.small {
	width: 12em;  
	float: left; 
	z-index: 10; 
}   


div.container.medium {  
	width: 34em; 
	float: left;
	margin-right: 2.25em; 
	z-index: 20;
}     


div.container.large {
	width: 48.25em;    
	float: left; 
	z-index: 10;
}
 
div.container.right {
 	float: right;  
 	clear: right;
}           

/*** container tab ***/
/*** -------------------------- ***/
div.container div.tab {
	display: none;
}

div.container div.tab.select {
	display: block;
}

/*** container_head ***/
/*** -------------------------- ***/
div.container_head {
	height: 2em;  
	overflow: hidden;
}

div.container_head dl {
	white-space: nowrap;
}

div.container_head dd {
	display: block;
	float:left;
	background-color: #fff;
	height: 2em;
	line-height: 2em;
	padding-left: 1em;
	padding-right: 0.666em;
	margin-right: -0.333em;
	background-image: url(../img/ffSubNav/ffSubNav-center.png);
	background-repeat: no-repeat;  
	background-position: 0em 0em;
}  

div.container_head dd.select {
	background-image: url(../img/ffSubNav/ffSubNav-select.png); 
} 

div.container_head dd:first-child {
	background-image: url(../img/ffSubNav/ffSubNav-first.png); 
}   

div.container_head dt {
	display: block;    
	float:left;
	height: 2em;
	width: 40px;
	line-height: 2em;
	background-image: url(../img/ffSubNav/ffSubNav-last.png);
	background-repeat: no-repeat;  
	background-position: 0em 0em; 
}

div.container_head dd a {
	color: #5a9cc8;  
	cursor:  pointer;
}

div.container_head dd.select a:visited, 
div.container_head dd.select a {
	color: #d03300;
}

div.container_head dd a:active, 
div.container_head dd a:hover {
	color: #d03300;
}


/*** container_body ***/
/*** -------------------------- ***/   

div.container_body {
	background-color: #fff;
	margin-top: -1px;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 0.666em; 
	border-top: 1px #90cfff dotted;
	border-left: 1px #90cfff dotted;
	border-right: 1px #83b3d3 solid;
}

div.container_body_stopstatements {
	background-color: #ffff55;
	margin-top: 0px;
	margin-left: 96px;
	margin-right: 12px;
	padding-top: 1em;
	padding-left: 1em;
	padding-right: 0.666em; 
	font-size: 12px;
}

div.container_body a.kooperation {  
    display:  inline-block;
    width: 30%;
    text-align: center;
}

div.container_body a.block {
	display: block;
}


/*** container_foot ***/
/*** -------------------------- ***/
div.container_foot {
	background-color: #fff;
	border-left: 1px #90cfff dotted;
	border-right: 1px #83b3d3 solid;
	border-bottom: 1px #83b3d3 solid; 
	padding-left: 1em;
	padding-right: 1em;
} 

div.container_submit {
	display: block;
	min-height: 0em;
	max-height: 1em;
	border-left: 1px #90cfff dotted;
	border-right: 1px #83b3d3 solid; 
	padding-top: 0.5em;  
	background-color: #fff;
}

div.container_submit dl { 
    height: 2em; 
    text-align: left;
    margin-bottom:  1em;  
    margin-right: -1px;  
    margin-left: -1px;
}

div.container_submit dd {  
    display: block; 
    float: left;
    background-color: #fff; 
    height: 2em;   
    width: 33em;  
    margin: 0em;
    line-height: 2em;   
    text-align: center;
  	background-image: url(../img/ffSubmit/link/ffSubmit-center.png);
	background-repeat: repeat-x;  
}   

div.container_submit.large dd { 
    width: 47.25em;
}

div.container_submit:hover dl.send dd {  
    background-image: url(../img/ffSubmit/hover/ffSubmit-center.png);
}  
   
div.container_submit dd:first-child {   
    width: 0.5em; 
  	background-image: url(../img/ffSubmit/link/ffSubmit-first.png);
}    

div.container_submit:hover dl.send dd:first-child {
  	background-image: url(../img/ffSubmit/hover/ffSubmit-first.png);
}  

div.container_submit dl dd.back {  
    width: 16.95em;  
}  

div.container_submit dt { 
    background-color: #fff; 
    display: block;
    float: left;
    height: 2em;   
    width: 0.5em; 
    margin: 0em;
    line-height: 2em;   
    text-align: center;
  	background-image: url(../img/ffSubmit/link/ffSubmit-last.png);
	background-repeat: no-repeat;
	background-position: -18.25em 0em;  
} 

div.container_submit dt.forward {  
    float: right;
    width: 17em;
	background-position: -1.75em 0em;  
}  

div.container_submit:hover dl.send dt { 
  	background-image: url(../img/ffSubmit/hover/ffSubmit-last.png);
} 

div.container_submit input.submit {  
    font-family: georgia;
	font-size: 0.9em;
	color: #d03300;
    background-image: url(../img/spacer.png);    
    border: 0px transparent solid;
    background-color: transparent;  
    cursor: pointer;
}     


/*** info ***/
/*** -------------------------- ***/

div.info {   
    position: absolute;
    display: block;    
    left: -2000px;
    top: 0px;  
    width: 14em; 
    margin: 0em;  
    padding: 0.666em;  
    font-size: 0.9em; 
    border-top: 1px #90cfff dotted;
    border-left: 1px #90cfff dotted;
	border-right: 1px #83b3d3 solid;
	border-bottom: 1px #83b3d3 solid; 
	background-color: #fff;
	z-index: 99;  
}

div.info span {
	position: absolute;
	display: block; 
	width: 10px;
	height: 18px; 
	top: 0px;  
	left: 0px;
	background-image: url(../img/ffPointer-left.gif);
	background-repeat: no-repeat;
    margin: 0; 
    z-index: 100; 
}

/*** forms ***/
/*** -------------------------- ***/

form table td {
	vertical-align: top;
	padding-bottom: 1em; 
} 

form table td.first_column {
	width: 9em;  
	padding-right: 0.5em;
}

form table td.second_column {
	width: 12em; 
	padding-right: 0.5em;
}
 
form table td.third_column {
	width: 12em; 
} 

form table td.wide_column {
	width: 18em; 
} 

form table td.extrawide_column {
	width: 27.666em; 
} 

form input {
	width: 100%;
	height: 1.666em; 
	background-image: url(../img/ffGrid.gif); 
	background-repeat: repeat;    
	background-color: #fff;
    border: 1px #eef8ff solid;
    margin-bottom: 0.333em; 
} 

form input.checkbox {
   width: 1.25em; 
}

form select {
	width: 18em; 
}   

form select.small_select {
	width: 4em; 
	margin-right: 1em;
}

form select.wide_column {
	width: 100%; 
}

form select.select {
	height: 8em; /* to be changed for higher drop-downs */
}

form textarea {
	width: 18em;
	height: 8em;  
	background-image: url(../img/ffGrid.gif); 
	background-repeat: repeat;    
	background-color: #fff;
  border: 1px #eef8ff solid;      
}

form textarea.wide_column {
	width: 100%;
}

form textarea.small {
	height: 4em;  
}

form .themes {
	height: 8em;
}  


form td {
   padding-right: 0.2em; 
   padding-left: 0.2em;
}
  

/*** suche statusbar***/
/*** -------------------------- ***/

form div.suche div.suche_head {
    padding-bottom: 1.333em;  
    padding-left: 1em;
    padding-right: 0.666em;
    margin-left: -1em;
    margin-right: -0.666em; 
    margin-bottom:  1.333em;  
    margin-top: 0.333em;
 	border-bottom: 0px #90cfff dotted;
}
 

form div.suche div.suche_head div.bar {
    width: 31.666em;
    height: 0.666em; 
    border: 1px #90cfff dotted;
    margin-bottom: 1em;
} 

form div.suche div.suche_head div.bar div.status {
    width: 25%;
    height: 0.666em; 
    background-image: url(../img/status.gif);
    background-repeat: repeat;
}    

/*** link ***/
/*** -------------------------- ***/ 
h2.link {
    line-height: 2em;  
}

a.link {
    display: block;  
    line-height: 2em;  
    margin-right: 0.333em;
    border-top: 1px #90cfff dotted; 
}  

/*** ergebnis ***/
/*** -------------------------- ***/

div.ergebnis {
    display: block; 
 	clear: both;
    padding-top: 0.2em;
    padding-bottom: 0.2em;  
    margin-right:  0.333em;
    background-image: url(../img/ffGrid.gif);
    background-repeat: repeat;
}

div.ergebnis:hover {
    background-color: #eee; 
}

div.ergebnis div.bar { 
	float:left;
    display: block; 
    width:  6em; 
    height: 0.45em; 
	margin-top: 0.4em;
    margin-left: 0.6em; 
    border-left: 1px #7fabcc dotted; 
    border-top: 1px #7fabcc dotted;  
    border-bottom: 1px #fff solid; 
    border-right: 1px #fff solid;  
} 

div.ergebnis div.bar div.prozent { 
    width: 0em;
    height: 0.45em;
  	overflow: hidden;
    background-image: url(../img/ffErgebnis.gif);
    background-repeat: repeat-x;
} 

div.ergebnis p {
    display: block;
	float:left;
    width:  3.666em;
    text-align: right;  
	vertical-align: top;
    color: #d03300;
}  

div.ergebnis a {
    display: inline-block;
    text-align: left;
    margin-left: 1.333em;   
    width: 22em;
} 


/*** ergebnis_wide ***/
/*** -------------------------- ***/
div.ergebnis_wide {
    display: block; 
 	clear: both;
    padding-top: 0.2em;
    padding-bottom: 0.2em; 
 	padding-left: 0.6em;
    margin-right:  0.333em;
    background-image: url(../img/ffGrid.gif);
    background-repeat: repeat;
} 

div.ergebnis_wide:hover {
    background-color: #eee; 
}

div.ergebnis_wide a {
    display: inline-block;
    text-align: left;
    width: 35em;
} 

/*** team ***/
/*** -------------------------- ***/
div.team {
    vertical-align: top;   
    margin-top: 0.666em;
}

div.team img {  
    display: inline-block;
    margin-right: 1em; 
    border-left: 1px #90cfff dotted; 
    border-top: 1px #90cfff dotted;  
    border-right: 1px #83b3d3 solid;
	border-bottom: 1px #83b3d3 solid;
} 

div.team a img  {  
    display: inline-block;
    margin-right: 0em; 
    border: 0px transparent dotted; 
}

div.team div {
   display: inline-block; 
   vertical-align: top; 
   width: 24em;
}  

div.team div p b {
    color: #d03300;
}