/*
-----------------------------------------------
gugelproductions.de
Onlineforschung
Author:   Bertram Gugel
Version:  v1 Juni 2006
----------------------------------------------- */

/* seite
-----------------------------*/
* {
padding: 0;
margin: 0;
}
body
{
background-color: #fff;
font: 0.8em "Lucida Grande",Verdana,geneva,sans-serif;
line-height: 1.7em;
color: #222;
padding: 0 15% 12px 15%;
}
h1 {
font-size: 1.1em;
margin: 1em 0 1em 0;
padding: 1px;
color: #27d;
}
h2 {
font-size: 1.6em;
padding: 0.4em 0 4px 4px;
}
h3 {
padding: 0.4em 0 4px 4px;
margin-top: 1em;
font-size: 1.2em;
font-weight: bold;
}

h3 span {
color: #27d;
}
.blau {
color: #27d;
}
#kopf {
height: 6em;
}
#navigation
{
width: 100%;
border: 1px solid #000;
margin: 0 0 1em 0;
}

#navigation p {
color: #fff;
font-weight: bold;
margin: 4px;
padding-left: 4px;

background-color: #27d;
}
.dreisig {
width: 30%;
} 
.vierzig {
width: 40%;
} 
.fuenfzig {
width: 50%;
}  
.sechzig
{
width: 60%;
}
.siebzig {
width: 70%;
}
.achzig {
width: 70%;
}
.neunzig {
width: 90%;
}
.hundert {
width: 99%;
}

a:hover, a:visited:hover {
color: #333;
}

fieldset {
border: 0;
padding: 0.5em 0 0 4px;
clear: both;
}
p {
padding-left: 4px;
margin-top: 4px;
margin-bottom: 8px;
}
.hinweis {
padding: 4px;
border: 2px solid orange;
background-color: #fef3d6;
}
table {
width: 45em;
}
td {
padding: 2px;
font-weight: bold;
font-size: 1.1em;
}
td small {
font-weight: normal;
}
.rechts {
float: right;
}
.teilen {
background-color: #f9f9f9;
border-bottom: 2px solid #27d;
}
.teilendif
{
text-align: center;
background-color: #f9f9f9;
border-bottom: 2px solid #27d;
}

.auswahl {
background-color: #f9f9f9;
width: 30em;
}
.frage {
margin-top: 1em;
font-size: 1.2em;
font-weight: bold;
}
legend {
display:none;
}
label {
margin-top: 6px;
display: block;
font-size: 1em;
}
input {
width: 40em;
padding: 2px;
background-color: #fefefe;
}
input:focus {
border-color: #444;
background-color: #fff;
}
select {
font-weight: bold;
width: 20em;
background-color: #fefefe;
}
.radiofragen {
background-color: #eee;
font-weight: bold;
width: 1em;
margin-right: 0.5em;
margin-left: 0;
float: left;
}
.checkboxen
{
background-color: #eee;
font-weight: bold;
width: 1em;
margin-right: 0.5em;
float: left;
}
.radiobutton
{
background-color: #eee;
font-weight: bold;
width: 1em;
margin-right: 1em;
margin-left: 4em;
}
.radiobuttondif
{
background-color: #eee;
font-weight: bold;
width: 1em;
margin-right: 1.5em;
margin-left: 1.5em;
}
.submitbutton
{
background-color: #eee;
font-weight: bold;
width: 20em;
padding: 4px;
}
textarea 
{
width: 40em;
padding: 2px;
background-color: #fefefe;
}
/* filmeuebersicht
-----------------------------*/
.playlist h2 {
background-color: #efefef;
padding: 4px 0 2px 4px;
border-top:  1px solid #ccc;
border-bottom:  1px solid #ccc;
}
a {
color: #27d
}

.fuss {
font-size: 1.1em;
margin-top: 2em;
}
#footer
{
color: #666;
clear: both;
display: block;
margin-top: 4em;
padding-left: 4px;  
border-top: 1px solid #555;
}