/* Artfully masterminded by ZURB  */

/* --------------------------------------------------
   Table of Contents
-----------------------------------------------------
:: Shared Styles
	 :: Template
	 :: Navigation
:: Page Name 1
:: Page Name 2
*/

/* -----------------------------------------
   Shared Styles
----------------------------------------- */

/* For image replacement - from HTML5 Boilerplate - h5bp.com */
.ir { border:0; font: 0/0 a; text-shadow: none; color: transparent; background-color: transparent; }

.ie7 input[type="text"]{
	padding: 5px;
	line-height: 110%;
	height: auto;
}

.ie7 span.prefix {
	padding: 5px;
	line-height: 14px;
	height: auto;
}

/**
 * Print styles.
 * Don't show URLs for hrefs
 */
@media print {
	p a[href]:after { content: none; }
	abbr[title]:after { content: none; }
}

/* -----------------------------------------
   General styling
----------------------------------------- */

body {
	color: #000;
	line-height: 125%;
}

sup,
sub {
	font-size: 65%;
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

hr {
	border: 0;
    height: 1px;
    background: #003366;
    background-image: -webkit-linear-gradient(left, #DFE8EE, #003366, #DFE8EE);
    background-image:    -moz-linear-gradient(left, #DFE8EE, #003366, #DFE8EE);
    background-image:     -ms-linear-gradient(left, #DFE8EE, #003366, #DFE8EE);
    background-image:      -o-linear-gradient(left, #DFE8EE, #003366, #DFE8EE);
}

table {
	background: transparent;
	border: none;
}

table td {
	text-align: center;
}

table tr td:first-child {
	text-align: left;
}

input[type=radio] + span + input[type=text],
input[type=checkbox] + span + input[type=text]  {
	margin-left: 1em;
}

/* -----------------------------------------
   Typographie
----------------------------------------- */

h1 {
	font-size: 2.2em;
	font-weight: bold;
	color: #FFAB4D;
}

h1.page-title, h2.page-title, h3.page-title, h4.page-title, h5.page-title, h6.page-title {
    font-weight: normal;
    color: #009BDA;
}


/* -----------------------------------------
   Header
----------------------------------------- */

header .site-title h1 {
	color: #000;
	margin-left: 1em;
	margin-top: 0.25em;
}

header .site-title.page h1 {
	font-size: 1.4em;
	line-height: 1.2em;
}

header dl.sub-nav {
	margin-top: 20px;
	margin-right: 10px;
}

/* -----------------------------------------
   Footer
----------------------------------------- */

footer {
	font-family: 'Open Sans', sans-serif;
	position: fixed;
	bottom: 0;
	width: 100%;
	text-align: center;
	color: #888;
	background-color: #fff;
}
footer.footer hr { background: #9FD9F1; }
.dw-gray { color: #868786; }
.dw-blue { color: #019CDB; }


footer, header {
	background-color: #FFF;
}


footer .impressum {
	font-size: 12px;
	line-height: 14px;
	margin-top: 12px;
	color: #82A7CB;
	padding-right: 12px;
}

/* -----------------------------------------
   Utilities
----------------------------------------- */
span.info-label {
	display:block;
	width:80px;
	float:left;
}

input.very-small {
	width: 40px;
}

span.error {
	color: #FFF;
	background: red;
	padding: 8px;
	position: relative;
	left: -5px;
	top: 0;
	border-top-right-radius: 5px;
}
p.subquestion.error {
    color: #EE1C25;
}
table.no-stripes  tbody tr:nth-child(even) {
	background: transparent;
}


.total, .total label {
	font-weight: bold;
}

div.alert-box.warning {
	background-color: orange;
}


/* -----------------------------------------
   Breadcrumb
----------------------------------------- */

.breadcrumb {
	margin-top: 15px;
	margin-left: 20px;
}

.breadcrumb-item {
	text-align: center;
	width: 26px;
	height: 26px;
	border-radius: 13px 13px 13px 13px;
	background-color: #FFF;
	float: left;
	margin-right: 5px;
	margin-bottom: 6px;
}

.breadcrumb-item span {
	position: relative;
	top: 4px;
	color: #003366;
	font-weight: bold;
}

.breadcrumb-item.active {
	background-color: #003366;
}

.breadcrumb-item.active span {
	color: #FFF;
}


/* -----------------------------------------
   Reveal Modal
----------------------------------------- */

.reveal-modal {
	padding: 20px;
	border-radius: 20px 20px 20px 20px;
}

.reveal-modal p, .reveal-modal div, .reveal-modal span, .reveal-modal li {
	font-size: 13px;
	line-height: 160%;
}

.reveal-modal p {
	margin-bottom: 0.5em;
}

.reveal-modal ul li {
	margin-left: 1.25em;
}


/* -----------------------------------------
   Welcome
----------------------------------------- */

#main > div.welcome {
	background: #EDF1F4;
	min-height: 468px
}

#main > div.welcome .row .columns {
	padding-top: 40px;
}


/* -----------------------------------------
   Page / Questionairy
----------------------------------------- */

#main > div.page form fieldset {
	border: none;
	padding: 0 20px 20px 20px;
}

.question {
	color: #000;
	padding: 0.25em 0.25em 0.25em 1em;
	font-weight: bold;
}

.question.error {
	background-color: red;
}

label.error {
	color: red;
}

.hint, .hinweis {
	font-size: 0.9em;
	font-weight: normal;
	font-style: italic;

	padding: 0 20px;
}

.answer-panel {
	padding: 0 20px 20px 20px;
}

.content-panel {
	padding-bottom: 20px;
	height: auto;
}


.content-panel .reveal-link  {
	font-weight: bold;
	position: relative;
	top: 21px;
}

.reference, div.reference {
	font-size: 0.7em;
	line-height: 1.4em;
}

.image-caption
{
	font-size: 0.9em;
	line-height: 150%;
	font-style: italic;
	padding: 10px 20px;
}

.radiogroup-horizontal label {
	display: inline-block;
	margin: 0 2em;
}

label.with-text-input {
	display: inline;
	margin-right: 1em;
}

/*
.radiogroup label {
	line-height: 24px;
}

.radiogroup input[type=radio] {
	line-height: 16px;
	max-width: 3%;
	vertical-align: top;
	margin-top: 9px;
}

.radiogroup label > span {
	display: inline-block;
	max-width: 94%;
	min-height: 24px;
	line-height: 24px;
}

.radiogroup .radio-label {
	line-height: 24px;
}

.scale-panel .radiogroup {

}
*/

select {
    background-color: #fff;
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -webkit-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    -moz-box-shadow: inset 0 1px 2px rgba(0,0,0,0.1);
    color: rgba(0,0,0,0.75);
    height: 32px;
    font-size: 14px;
    padding: 6px;
}
select.error {
    background-color: rgba(198,15,19,0.1);
    border-color: #c60f13;
}

select[disabled] {
	background: #ddd;
}