* {
margin:0px;
padding:0px;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}


body{
  text-align:center;
  font-family:Arial, sans-serif;
  background-color:#FFF;
  font-size: 12pt;
  line-height: 1.5;
  color:#444;
}

ul{
  list-style-type:none;
}

.center{
  width:948px;
  margin:0 auto;
  text-align:left;
}

.left{
  float:left;
  width:564px;
  margin:0 20px 0 0;
}

.right{
  float:left;
  width:364px;
  margin:0;
}

.clear{
  display:block;
  clear:both;
}

a{
  text-decoration:underline;
  color:#ff8c00;
}

.tright{
  text-align:right;
}

.error{
  color:#ff9900;
  font-weight:bold;
}

p.paragraph{
margin:0 0 10px 0;
}

.notifywrap{
  background-color:#002F50;
}
.lightwrap{
  background-color:#61A8D2;
}
.dark{
  background-color:#002F50;
  color:#fff;
}

.confirm{
  padding:5px;
  color:#FFF;
  background:#002F50 url('../images/notify_bg.png') no-repeat 0px 10px;
  padding:10px 55px;
}
.wrong{
  padding:5px;
  color:#FFF;
  background:#002F50 url('../images/notify_bg.png') no-repeat 0px -92px;
  padding:10px 55px;
}
.notify{
  padding:5px;
  color:#FFF;
  background:#002F50 url('../images/notify_bg.png') no-repeat 0px -190px;
  padding:10px 55px;
}
.confirm h3{

}
.confirm p{

}

#top{
  height:100px;
  background-image: url('../images/top_bg.png');
  background-repeat:repeat-x;
}
#logoline{
  height:70px;
  overflow:hidden;
}
#menu{
  list-style-type:none;
  padding:2px 0 0 0;
  
}
#menu li{
  display:inline;
  margin:0 20px 0 0;

}
#menu li a{
  color:#fff;
  text-decoration:none;
  font-size:1em;
  
}
#slider{
background:#0469a5 url('../images/slider_bg.png') repeat-x;
padding:20px 0;
color:#fff;
}

#slider .inner{
  background-color:#DBDBDB;
  padding:10px;
  width:350px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#slider .innerframe{
  border:1px solid #BCBBBB;
  background-color:#fff;
  padding:10px;
  color:#000;
  width:330px;
}
#slider .innerframe h1{
  font-size:1.8em;
  color:#444;
}

#slider .innerframe .check{
  background:transparent url('../images/check.png') no-repeat top left;
  padding:5px 0 10px 55px;
  margin:0 0 5px 0;
}

#content, #frame{
  background:#fff url('../images/content_bg.png') repeat-x;
  padding:20px 0 10px 0;
  color:#666;
}

#content .paragraph{
  border:1px solid #dbdbdb;
  padding:10px;
  background-color:#fff;
  margin-bottom:20px;
  font-size:0.8em;
}
#content .paragraph h1{
  font-size:1.5em;
  letter-spacing:-0.5px;
  margin:0 0 10px 0;
}

#content .paragraph h2{
  font-size:1.1em;
  letter-spacing:-1px;
  margin:0 0 10px 0;
}

#frame{
  color:#444;
}

#frame h1{
  font-size:1.7em;
  letter-spacing:-1px;
  margin:0 0 10px 0;
}

.steps{
  background:#fff url('../images/step_bg.png') repeat-x;
  border:2px solid #dcdcdc;
}

.step{
  float:left;
  width:300px;
  height:160px;
  overflow:hidden;
  background:transparent url('../images/steparrow.png') no-repeat bottom right;
}
.laststep{
  background:none;
  width:320px;
}
.step p{
  padding:0 70px 0 10px;

}
.laststep p{
  padding:0 10px 0 10px;
}
.step h2{
  padding:10px 15px 10px 10px;
  border-bottom:1px dashed #DBDBDB;
}

.triple{
  float:left;
  width:280px;
  margin:0 20px 0 0;
}
.last{
  float:right;
  margin:0;
}
#content .guarantee{
    background:#fff url('../images/guarantee.png') no-repeat right 40px;
}
#content .guarantee p{
   padding:0 115px 0 0;
   text-align:justify;
}

#slider h1{
  font-size:2.1em;
  letter-spacing:-1.5px;
  color:#fff;
  border-bottom:1px solid #60A8D2;
  margin:0 0 10px 0;
}

#footer .center{
  border-top:1px solid #DBDBDB;
  padding:5px 0;
  font-size:0.7em;
  color:#999;
  text-align:right;
  background:#fff url('../images/logo_small_blue.png') no-repeat top right; 
}

#footer .center p{
  padding:3px 125px 0 0;
}

/*Buttonstyle*/
div.button {
clear:left;
height:63px; 
background:url(bbutton_right.png) right no-repeat; 
width:auto; 
float:right;

}
div.button input {
height:63px; 
background:url(bbutton_left.png) left  no-repeat; 
color:#a86b0c; 
font-weight:bold; 
border:none; 
overflow:visible; 
display:inline; 
margin:0px; 
padding:0px 10px 2px 10px; 
font-size:24px;
cursor:pointer;
}

a.button {
background: transparent url('../images/abutton_right.png') no-repeat scroll top right; 
display: block;
float: right;
height: 60px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 14px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color:#a86b0c; 
font-family: Arial, Helvetica, sans-serif;
font-size:24px;
font-weight:bold;
}
a.button span {
/* Background left image */ 
background: transparent url('../images/abutton_left.png') no-repeat; 
display: block;
line-height: 50px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 15px 18px;
} 
a.button:hover span{
text-decoration:underline;
}

a.greybutton {
background: transparent url('../images/greybutton_right.png') no-repeat scroll top right; 
display: block;
float: right;
height: 43px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color:#fff; 
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}
a.greybutton span {
/* Background left image */ 
background: transparent url('../images/greybutton_left.png') no-repeat; 
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 15px 18px;
} 
a.greybutton:hover span{
text-decoration:underline;
}

a.disabledbutton {
background: transparent url('../images/disabledbutton_right.png') no-repeat scroll top right; 
display: block;
float: left;
height: 47px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 12px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color:#fff; 
font-family: Arial, Helvetica, sans-serif;
font-size:18px;
font-weight:bold;
}
a.disabledbutton span {
/* Background left image */ 
background: transparent url('../images/disabledbutton_left.png') no-repeat; 
display: block;
line-height: 28px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 15px 18px;
} 
a.disabledbutton:hover span{
text-decoration:none;
}

a.minibutton {
background: transparent url('../images/minibutton.png') no-repeat scroll top right; 
display: block;
float: right;
height: 30px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
margin-right: 6px;
padding-right: 10px; /* CHENGE THIS VALUE ACCORDING TO RIGHT IMAGE WIDTH */
text-decoration: none;
color:#666; 
font-family: Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
}
a.minibutton span {
/* Background left image */ 
background: transparent url('../images/minibutton_left.png') no-repeat; 
display: block;
line-height: 14px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 7px 0 15px 10px;
} 
a.minibutton:hover span{
text-decoration:underline;
}



/*Forms*/
fieldset{
  margin:10px 0 0 0;
}
fieldset .small{
font-size:0.7em;
}
#slider fieldset .small{
color:#fff;
}
label{
  display:block;
}
#slider label{
  color:#fff;
}
#frame label{
  color:#444;
}
label.checklabel{
  display:inline;
  cursor:pointer;
}
label.small {
  font-size:0.7em;
}
label sup{
font-size:11px;
}

.input{
background-color:#fff;
padding:8px;
color:#444;
}
#slider .input{
border:2px solid #60A8D2;
}
#slider input.inactive, #slider textarea.inactive{
  color:#ccc;
}
#frame .input{
border:1px solid #ccc;
}

input.wide, textarea.wide{
width:440px;
font-family:Arial, sans-serif;
font-size:11pt;
overflow: auto;
}
input.smallput{
width:30px;
}
#slider textarea ,#slider select {
border:2px solid #60A8D2;
}

select{
 border:1px solid #60A8D2;
}
select option{
  padding:2px;
}

/* Slider*/
#carousel-wrapper {
    width: 464px;
    height: 310px;
    overflow: hidden;
}
#carousel-content {
    width: 1000px;
}

#carousel-content .slide {
    float: left;
    width: 464px;
    height: 310px;
}
#carousel-wrapper2 {
    width: 664px;
    overflow: hidden;
}
#carousel-content2 {
    width: 1328px;
}
#carousel-content2 .answerslide {
    float: left;
    width: 664px;
}

.formcontainer {
  height:230px;
}

#preview-wrapper {
    width: 350px;
    height: 310px;
    overflow: hidden;
}
#preview-content {
    width: 700px;
}
#preview-content .slide {
    float: left;
    width: 350px;
}

/* Answers */
.answers{
  width:464px;
  margin:20px auto 0 auto;
}

.answers ul li{
  border-bottom:1px dotted #60A8D2;
  padding:5px;
  cursor:pointer;
}
.answers ul li:hover{
  background-color:#60A8D2;
}

.answers ul li.choice{
  background-color:#02416A;
}

.answers ul li input.check{
  position:absolute;
  top:-20px;
  left:-500px;
}


.answers ul li label{
  font-size:1.3em;
  cursor:pointer;
}

.answer_title{
text-align:center;
}

.answer_title a{
  text-decoration:none;

  color:#fff;
}

.date{
text-align:right;
font-size:0.7em;
}

/* Result */
.result{

}
.result ul li{
  border-bottom:1px dotted #60A8D2;
  padding:5px;
}
.result ul li:hover{

}
.result ul li label{
  float:left;
  width:430px;
}

.result ol{
  display:inline;
}

.result ol li{
  float:left;
  display:block;
  margin:0 20px 20px 0;
  border:1px dotted #60A8D2;
  padding:5px;
  width:230px;
}

.members{
  text-align:right;
}
.members a{
  font-size:0.9em;
}

.member{
  float:left;
}
.memberpic{
  float:right;
}

.heute{
  color:#FF8C00;
  font-weight:bold;
}

.percentage{
float:right;
font-size:1.9em;
}

.details{
float:left;
font-size:0.8em;
font-style:italic;
}
.balkencontainer{
float:right;
width:300px;
background-color:#013C64;
padding:1px;
height:10px;
margin:3px 0 0 0;
}
.balken{
width:0px;
background-color:#F8C530;
height:100%;
}

.smallwrapper{
float:left;
width:150px;
}
.smallcontainer{
width:150px;
background-color:#efefef;
padding:1px;
height:10px;
margin:3px 0 0 0;
}
.smallbalken{
width:40px;
background-color:#F8C530;
height:100%;
}
.smallabel{
  float:left;
  font-size:0.8em;
  width:100px;
}
ul.minilist li{
  border-bottom:1px dotted #efefef;
  padding:5px;
}

input.smallfield{
  border:1px solid #ccc;
  padding:3px;
  width:100%;
}

.plainright{
  margin:20px 0 0 50px;
}

.modul{
  padding:0 0 10px 0;
  font-size:0.9em;
  border-bottom:1px solid #60A8D2;
  margin:0 0 10px 0;
}

.modul ul li{
  margin:0 0 5px 0;
}

.modul ul li.mail{
  background: transparent url('../images/rightli_bg.png') no-repeat 0px -42px;
  padding:0 0 0 25px;
}
.modul ul li.rss{
  background: transparent url('../images/rightli_bg.png') no-repeat 0px -84px;
  padding:0 0 0 25px;
}
.modul ul li.print{
  background: transparent url('../images/rightli_bg.png') no-repeat top left;
  padding:0 0 0 25px;
}
.modul ul li.csv{
  background: transparent url('../images/rightli_bg.png') no-repeat 0px -104px;
  padding:0 0 0 25px;
}

.modul ul li a{
  color:#fff;
}

.modul .smallink{
  color:#fff;
}

.modul p{
  margin:0 0 10px 0;
}
.modul h2{
  margin:0px;
  padding:0px;
}
.big{
  font-size:1.8em;
}

.smaller{
  font-size:1.5em;
}

.para p{
  margin:20px 0;
  font-size:0.9em;
  text-align:justify;
}

.para ul, .para ol{
  margin:10px 20px;
  font-size:0.9em;
}

#preview{
padding:0 10px;
}

ul#preview_answers li, ul#own_answer li{
  border-bottom:1px dotted #ccc;
  padding:5px 0;
}


.rating_container {  
  clear:both;  
} 
.rating_container a {
	float:left;
	display:block;
	width:32px;
	height:32px;
	border:0;
  background-image:url(../images/star_bg.png);
}
.rating_container a.rating_off {
	background-position:0 0px;
}
.rating_container a.rating_half {
	background-position:0 -16px;
}
.rating_container a.rating_on {
	background-position:0 -64px;
}
.rating_container a.rating_selected {
	background-position:0 -64px;
}