@CHARSET "ISO-8859-1";


/******************************** STARTSEITE *********************************/
#box { 
	padding: 0 !important; 
        text-align:left;
}

#inhalt #box h3,
#content #box h3 { 
   	margin: 1em 1em 0.5em 4em; 
   	background: none;
   	padding-left: 0;
}

#box .barcontainer { 
	padding: 1em 0 1em 7em; height: 20px; 
}

/******************************** TEXTLAYOUT *********************************/

body {
    font-family: Arial, Verdana, sans-serif;
    font-size: 100.01%;
}

/* Textgröße wenn auf der Seite unter dem Footer gebucht ist anpassen */
#site .tx-sbevaluation-pi1 { font-size: .8em; }

#inhalt {
    font-size: .8em;
    width: 700px;
    margin: 0 auto;
}

#inhalt .tx-sbevaluation-pi1 h2 { 
	background-color: #ADD912;
	font-size: 1em; 
	text-transform: uppercase;
	padding: 0.3em 0.5em 0.3em 1.3em;
	float: none; 
	font-weight: bold; 	
	display: block; 
	color: #000;
}
	
#inhalt .tx-sbevaluation-pi1 h3,
#content .tx-sbevaluation-pi1 h3 { 
	font-size: 100%; 
	margin: 3em 1em .5em 3em;
	clear:left;
} 
 
#inhalt .tx-sbevaluation-pi1 p,
#inhalt .tx-sbevaluation-pi1 p {
	clear:both; 
 	margin: 0.5em 10px 0.5em 23px;
	padding: 0px;
	display: block;
}	

#inhalt .tx-sbevaluation-pi1 .text p {
	margin:0.5em 1em 2em 3em;
}

.tx-sbevaluation-pi1 input{	
	position: static !important; 
	float: left; 
	width: 1em; 
}
      
/******************************** progressbar *********************************/
.barcontainer {
	padding: 1em 0 1em 8em;
    /*background: url(../../typo3conf/ext/sb_evaluation/res/images/header_bg_logo.gif) no-repeat top left #B8C1CA;*/
	background: url(logo_solo.gif) no-repeat 0 0;
    zoom: 1;
	color: #fff;
}

.evaluation {background: #fff url(back.gif) repeat-x 0 0; }

.barcontainer p {
	margin: .1em 0 0 0 !important;
	font-weight: bold;
	float: left;
}

.barbg { 
    padding: 1px; 
    background: #fff; 
    margin-left: 22em;
    width: 17em;
	zoom: 1;
}
  
.bar {
	height: 18px; 
    padding: 0; 
	background: #c2d6ee;
}
	
.bar .prozent { 
     margin-left: 7.5em; color: #023e7d;
}
	
* html .bar .prozent {
	position: absolute;
}
	
/****************** Link "Befragung starten" auf der Startseite ****************/

#box a:link, 
#box a:visited, 
#box a:active,
p.icon a:link, 
p.icon a:visited, 
p.icon a:active {
    background: url(../../typo3conf/ext/sb_evaluation/res/images/pfeil.gif) no-repeat 0 4px;
    padding: .1em 0 .1em 1.2em;
    font-weight: bold;
    display: block;
	color: #000;
    margin: 0;   
} 
#box a:hover, p.icon a:hover { text-decoration: underline !important; }

.close a:link, 
.close a:visited, 
.close a:active {
    float: right;
    margin: -3.3em .5em 0 0 !important;
    padding: .1em 1.2em .1em 0 !important;
    background: url(../../typo3conf/ext/sb_evaluation/res/images/close.gif) no-repeat center right !important;
	color: #fff;
}
  
* html #box .close a:link, 
* html #box .close a:visited, 
* html #box .close a:active { 
   	margin: -3em .5em 0 0 !important; 
}

.tx-sbevaluation-pi1 span.start a:link,
.tx-sbevaluation-pi1 span.start a:visited,
.tx-sbevaluation-pi1 span.start a:active {
    background: url(../../typo3conf/ext/sb_evaluation/res/images/pfeil_large.gif) no-repeat 0 2px !important;
    color: #13343F;
    padding: 3px 3px 10px 25px !important;
    font-size: 140%;
    display: block;
    margin: 1em 0 0 0 !important;
}
.tx-sbevaluation-pi1 span.start a:hover { text-decoration: underline !important; }	
    
.tx-sbevaluation-pi1 .answers { 
	margin: 0 1em; 
}

#box .answers { 
	/* margin: 0; */
}	

.tx-sbevaluation-pi1 #box h3,
#content .tx-sbevaluation-pi1 #box h3 { 
	margin: 3em 1em 0.5em 1em !important; 
        /* margin: 3em 1em 0.5em 1.9em !important; */
}   
   
/******************************** Hinweis bzw. Copyright Container   **********************/

#inhalt .tx-sbevaluation-pi1 span.advice{
 	float: right; 
	background-color: #E5E5E5;
	display: block; 
	padding: 2px;
	xmargin:2em 23px 2em 0;
}
	
/******************************** Link "fenster schliessen" im Layer ********************/

#autostart a.close {
	background: url(../../typo3conf/ext/sb_evaluation/res/pfeilBoxUp.gif) no-repeat scroll 0 0; 
 	position: absolute;
 	top: 0;
 	right: 0;
 	display: block;
 	padding: 0.3em;
 	width: 21px;
 	height: 20px;
 	margin-top: 0.2em;
}
	
/******************************** Antworten-Felder **************************************/

.answers .box {
	margin: 0 1em 0em 3em;
}
	   
.box {
    clear:both;
    padding-bottom: 10px;
    overflow: auto;
    zoom: 1;
}
   
.box label {
    display: block;
    padding: 0 0 0 2em;
}
    
.rdb_evaluation { 
	float: left !important; 
}

.answers input.chk_evaluation, .rdb_evaluation {
	float:left;
	margin: 0 10px 0 0;
}

#inhalt .tx-sbevaluation-pi1 textarea {
 	width: 85%;
 	height: 150px;
}

/******************************** Links "zuruck" und "weiter" **************************/

#inhalt .tx-sbevaluation-pi1 span.btn {
	margin: 2.5em 2em 1em 0;
	float: left;
	text-transform: lowercase;
	padding: 3px 0 3px 10px;
	text-align: center;
}

#inhalt .tx-sbevaluation-pi1 span.btn a:hover,
#inhalt .tx-sbevaluation-pi1 span.btn a:focus,
#inhalt .tx-sbevaluation-pi1 span.btn a:active { background: none; }
	
	
#inhalt .tx-sbevaluation-pi1 .lft {
 	/*background: url(../../typo3conf/ext/sb_evaluation/res/images/btn_lft.jpg) no-repeat top left #F6B31A;*/
	background: #e42322 url(btn_lft.gif) no-repeat 3px 3px;
}

#inhalt .tx-sbevaluation-pi1 .rgt {
 	/*background: url(../../typo3conf/ext/sb_evaluation/res/images/btn_rgt.jpg) no-repeat top left #F6B31A;*/
	background: #e42322 url(btn_rgt.gif) no-repeat 4px 4px;
}

/******************************** LOGO-Image auf der Startseite ************************/

#inhalt .tx-sbevaluation-pi1 img {
	border: 1px solid #FFF;
	margin:1.5em 0 10px 23px;
}
	
/******************************** Teaser formatierungen ********************************/

#inhalt .tx-sbevaluation-pi1 .teaser{
	border: 1px solid rgb(173,217,18);
 	display: block;
	margin: 17px 23px 0 23px;

}

#inhalt .tx-sbevaluation-pi1 .teaser h3, 
#content .tx-sbevaluation-pi1 .teaser h3{
	border-bottom: 1px solid rgb(173,217,18);
	font-size: 11px; 
	text-transform: uppercase;
	clear:left; 	
}

#inhalt .tx-sbevaluation-pi1 .teaser span.btn {
 	float: none;	
}
	
/*#overlay{ 
    background-image: url(../../typo3conf/ext/sb_evaluation/res/images/overlay.png);
   	position: fixed;
   	top: 0px;
   	left: 0px;
   	z-index: 998;
   	width: 100%;
   	height: 100%;
   	overflow: auto;
}*/
	
* html #overlay {
   	z-index: 998 !important;
 	width: 5000px;
   	height: 5000px;
    background: #333;
    position: absolute;
   	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=70);
   	zoom: 1;
}

#box{
 	width:600px;
 	zoom: 1;
 	background: #ffffff;
 	padding:10px;
 	border: 2px solid #eee;
 	z-index: 999 !important;
	position:fixed;
}

*html #box{
	position: absolute !important;
}


#close{
	position:absolute;
	top:-5px;
	right:-5px;
	cursor:pointer;
}

/* Schließen-Link auf letzter Seite */

.endclose {
	text-align: right;
}

.endclose a {
	font-size: 1em !important;
	padding: 0  1em 0 0 !important;
}
	
/******************************************* Ãnderungen - Marcel */

input {
	float:left;
}

.box input.sonstiges { 
	width: 30em; margin: .2em 0 0 1.9em; 
}
   
.tx-sbevaluation-pi1 {
    border: 2px solid #8db3e0;
}
   
.tx-sbevaluation-pi1 a {
    font-size: 11px;
    padding: 3px 25px;
}
   
.tx-sbevaluation-pi1 a,
.tx-sbevaluation-pi1 a:link,
.tx-sbevaluation-pi1 a:visited {
    color: #fff;
    text-decoration: none !important;
}

.tx-sbevaluation-pi1 a:hover,
.tx-sbevaluation-pi1 a:focus,
.tx-sbevaluation-pi1 a:active {
     color: #000;
     text-decoration: none !important;
}
   
.lft {
    position: relative;
    left: 20px;
}

.rgt {
    position: relative;
	float: right !important;
}


#overlay {  
	position:fixed;  
	_position:absolute !important; /* hack for internet explorer 6*/  
	height:100% !important;;  
	width:100% !important;;  
	top:0 !important;;  
	left:0 !important;;  
	background:#000000 !important;;  
	border:1px solid #cecece !important;;  
	z-index:1 !important;;  
}