/* Stylesheet für Fragebogenerhebung Bekannte Filmvorspanne
Stand: 15.12.2011 */


html{ 
padding: 0;
margin: 0;
}

body{
background-color: #EFEFEF;
font-family: Arial, Helvetica, sans-serif;
line-height: 1.3em;
color: #1A1A1A;
}

p {
margin-bottom: 10px;}

h1{
text-align: center;
font-size: 105%;
margin-bottom: 40px;
color: #007556;}

h2{
text-align: left;
font-size: 105%;
margin-bottom: 20px;
color: #007556;}

#briefkopf{
text-align: right;
margin-bottom: 40px;
font-size: 90%}

#kopf{
color: #007556;
font-size: 80%;
float:right;
margin-top:5px;
clear:both;
}

.rechts{
float:right;
clear:both;
}

.fortschrittsbalken{
border:1px solid #007556;
color: #007556; 
background-color:white;
width:100px;
height:12px;
padding:1px;
margin: 5px 0px 0px 0px;
}

.fortschritt{
background-color:#007556;
height:12px;
}

.prozentzahl{
margin-left: 110px;
margin-top:-17px;
font-size:80%;	
color: #007556; 
}

#container{
font-size: 95%;
border: 1px solid #007556;
width: 700px;
margin: 20px auto 5px auto;
padding: 10px 20px;
text-align: justify;
background-color: white;}

#fragencontainer{
font-size: 90%;
border: 1px solid #007556;
width: 700px;
margin: 100px auto 5px auto;
padding: 10px 20px;
text-align: justify;
background-color: white;
}

#frage{
margin: 75px 0px 20px 0px;
font-weight: bold;
}

.antworten{
line-height: 1.5em;
}

#buttonStart{
margin: 30px auto;
border: 1px solid #007556;
width: 340px;
padding: 1px 3px;
border: 1px solid #007556;
background-color: #EFEFEF;
text-align: center;
font-weight: bold;}

.buttons{
margin-top: 30px;
}

.buttonWeiter{
position:relative;
float:right;
border: 1px solid #007556;
width: 60px;
padding: 1px 3px;
background-color: #EFEFEF;
text-align: center;
font-weight: bold;
font-size: 90%;
}

.buttonZurück{
width: 60px;
padding: 1px 3px;
border: 1px solid #007556;
background-color: #EFEFEF;
text-align: center;
font-weight: bold;
font-size: 90%;
}

input {
margin:5px 0 5px 0;
}

.text{
border: 1px solid black;
margin:5px 0 5px 0;
width: 420px;
}

.textarea{
border: 1px solid black;
margin:5px 0 5px 0;
width: 500px;
}

.alter{
border: 1px solid black;
margin:5px 0 5px 0;
width: 40px;
}

.buttons a:link,
a:visited,
a,
.buttonWeiter a:link,
a:visited,
a,
.buttonZurück a:link,
a:visited,
a{
text-decoration: none;
outline: none;
color: #007556;}

.warnung {
color:red;
font-weight:normal;
float:right;
position:relative;
}

.fett {
font-weight:bold;
}

td.skala {
width: 80px;
text-align: center;
font-size:80%;
line-height:1;
}

.einzug {
border-left:2px dotted #007556;
padding:0 0 0 1em;
}

.signatur {
padding-top:0.5em;
}

.footer {
text-transform: uppercase;
font-size:60%;
text-align:right;
width: 740px;
margin:0px auto 20px auto;
}

.footer a{
color: #007556;
}

.textnormal {
font-weight: normal;
}