/* Aufbau + Allgemeine Definitionen */
@font-face {
  font-family: Roboto Condensed;
  src: url('fonts/RobotoCondensed-Regular.ttf');
}
@font-face {
  font-family: Roboto Condensed;
  src: url('fonts/RobotoCondensed-Bold.ttf');
  font-weight: bold;
}
@font-face {
  font-family: Roboto Condensed;
  src: url('fonts/RobotoCondensed-Italic.ttf');
  font-style: italic;
}
@font-face {
  font-family: Roboto Condensed;
  src: url('fonts/RobotoCondensed-BoldItalic.ttf');
  font-weight: bold;
  font-style: italic;
}

body {
	margin:0px;
	padding:0px;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
}
input,select,textarea {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 14px;
	margin-top:5px;
	margin-bottom:5px;
}
.container {
	padding-left:20px;
	padding-right:20px;
	max-width:1000px;
	margin: 0 auto;
}
table {
	border:0px;
	padding:0px;
	margin:0px;
	border-spacing:0px;
	min-width:600px;
}

.buttons {
	color:#fff;
	border: 1px solid #fff;
	border-radius:15px;
	background-color:#1988b0;
	text-decoration:none;
	text-align:center;
	padding: 5px 20px 5px 20px;
	margin:2px;
}
.buttons:hover {
	cursor:pointer;
	background-color:rgba(50,50,50, 0.1);
}
.buttons.inaktiv {
	background-color:rgba(50,50,50, 0.1);
}
#custom-handle1, #custom-handle2, #custom-handle3, #custom-handle4 {
	width: 3em;
    height: 1.6em;
    top: 50%;
    margin-top: -.8em;
    text-align: center;
    line-height: 1.6em;
}

/* Header + Navigation */
#header {
	height:120px;
	background-color:#73d3f4;
}
#logo {
	padding-top:20px;
	font-size:28px;
}
#navbalken {
	background-color:#1988b0;
	color:#fff;
	height:30px;
	font-size: 17px;
	overflow:show;
}
#hnavi {
	float:left;
}
#hnavi ul {
	height:30px;
	margin:0px;
	padding-left:0px;
	padding-right:0px;
	padding-top:0px;
	width:100%;
	list-style-type: none;
	border-bottom:3px solid #fff;
}
#hnavi ul li {
	float:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:20px;
	padding-right:20px;
	text-decoration: none;
	cursor: pointer;
}
#hnavi ul li a:hover {
	//background: rgba(220,220,220,.22);
	color:#555;
}
#hnavi .aktiv {
	background: rgba(220,220,220,.55);
	border-bottom: 3px solid #84b6c8;
	height:20px;
}
/*
#hnavi .aktiv:after {
	bottom: 0;
	top: 40%;
	border: solid transparent;
	content: " ";
	height: 10;
	width: 10;
	position: absolute;
	pointer-events: none;
	border-right-color: #eee;
	border-width: 20px;
}
*/

#hnavi a {
	text-decoration:none;
	color: #fff;
}
#hnavi .aktiv a{
	color:#555;
}
#hnavi img {
	height:15px;
	margin-right:10px;
}

#navbalken2 {
	padding-top:4px;
	float:left;
	background-color:#84b6c8; /*= navbalken 1 + aktiv-transparenz */
	color:#fff;
	font-size: 15px;
	overflow:auto;
	width:100%;
}

#unavi {
	float:left;
}
#unavi ul {
	padding: 0px;
	margin: 0px;
	width:100%;
	list-style-type: none;
}
#unavi ul li {
	float:left;
	padding-top:3px;
	padding-left:15px;
	padding-right:15px;	
	text-decoration: none;
	cursor: pointer;
}
#unavi ul li a:hover {
	color:#000;
}
#unavi a {
	text-decoration:none;
	color: #fff;
}
#unavi .aktiv {
	background-color:#fff;
}
#unavi .aktiv a {
	color:#000;
}

#profil {
	position:absolute;
	right:20px;
	top:30px;
}

#profil1 {
	float:left;
}
#profil2 {
	float:left;
	margin-right:20px;
}
#profil2.aktiv {
	margin-top:-20px;
}
#profil2 fieldset {
	border: 1px solid #888;
}

#profil2.aktiv fieldset {
	background-color: #a2e3a1;
}

/* Content-Elemente */
#content {
	clear:both;
	float:left;
	margin-top:20px;
}
.titel {
	font-weight:bold;
	font-size:1.1em;
}
.grau {
	color:#999;
}
.box {
	float:left;
	position: relative;
	padding:10px;
	background: #1988b0;
	color:#fff;
	border-radius: .4em;
}
.box:after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 0;
	height: 0;
	border: 20px solid transparent;
	border-top-color: #1988b0;
	border-bottom: 0;
	border-left: 0;
	margin-left: -10px;
	margin-bottom: -20px;
}
.box table td {
	color:#fff;
}
.box2 {
	width:100%;
	float:left;
	position: relative;
	background-color: #eaeaea;
	border: 1px solid #c5dbec;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.box2:after {
	content: '';
	position:absolute;
	left: -1px;
	height:10px;
	width:100%;
	background: #5c9ccc url(../img/ui-bg_gloss-wave_55_5c9ccc_500x100.png) 50% 50% repeat-x;
	border: 1px solid #4297d7;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}
.box2titel {
	height:25px;
	background: #dfeffc;
	border-bottom: 1px solid #c5dbec;
	font-weight:bold;
	color:#2e6e9e;
	padding-top:8px;
	text-align:center;
}
.box2content {
	padding:15px;
}
.dsfilter {
	float:left;
	margin-top:20px;
}
.dstools {
	float:right;
}
.dsbutton {
	padding:4px;
	margin-left:5px;
	margin-bottom:5px;
	text-align:center;
	display:inline-table;
	background-color: #d4e5eb;
	border:1px solid #b4cbd3;
	border-radius:8px;
	font-size:0.8em;
	cursor: pointer;
}
.dsbutton:hover {
	background: rgba(220,220,220,.22);
}
.form-error { /* Validierungs-Anzeige */
	padding-left: 20px;
	color:#f00;
}
.zwischentitel { /* Einsatz in langen Formulare zur Gruppierung von Elementen */
	clear:both;
	width:100%;
	font-weight:bold;
	font-size:1.1em;
	color:#555;
	border-bottom:1px solid #555;
	padding-top:10px;
	padding-bottom:4px;
	margin-bottom:5px;
}

.fail { /* Fail-Anzeige, z.B. Login, Bildupload */
	background:url('../img/fail.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:5px;
	padding-left:40px;
	clear:both;
	margin-bottom:20px;
	min-height:30px;
}
.failred {
	color:#f00;
}

.success { /* Success-Anzeige */
	background:url('../img/okay.png');
	background-repeat:no-repeat;
	background-position:left top;
	padding-top:5px;
	padding-left:40px;
	clear:both;
	margin-bottom:20px;
	min-height:30px;
}

.black {
	color:#000;
}

/* Markierungen Übersicht */
.markred {
	color:#f00;
}
.markgreen {
	color:#393;
}

.outputtable td {
	border:0px;
	font-size:14px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:40px;
}

.outputtable_m td {
	border:0px;
	font-size:13px;
	padding-top:5px;
	padding-bottom:5px;
	padding-right:40px;
}

.outputtable_s td {
	border:0px;
	font-size:12px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
}

.outputtable_xs td {
	border:0px;
	font-size:11px;
	padding-top:3px;
	padding-bottom:3px;
	padding-right:10px;
}

.atelier {
	border: 1px solid #ccc;
	background-color: #eee;
	padding:5px;
	width:120px;
	vertical-align:top;
	background-repeat: no-repeat, no-repeat;
	background-position: 5px bottom, 30px bottom;
}
.atelier.TypA {
	background-color: #eee;
}
.atelier.TypB {
	background-color: #faf2cf;
}
.atelier.TypC {
	background-color: #d8f0c9;
}
.atelier.angebot.begleitung {
	background-image: url('../img/link.png'), url('../img/begleitung.png');
}
.atelier.angebot_ok.begleitung {
	background-image: url('../img/link_ok.png'), url('../img/begleitung.png');
}
.atelier.angebot.begleitung_ok {
	background-image: url('../img/link.png'), url('../img/begleitung_ok.png');
}
.atelier.angebot_ok.begleitung_ok {
	background-image: url('../img/link_ok.png'), url('../img/begleitung_ok.png');
}
.atelier.angebot {
	background-image: url('../img/link.png');
}
.atelier.angebot_ok {
	background-image: url('../img/link_ok.png');
}
.atelier.begleitung {
	background-image: url('../img/begleitung.png');
}
.atelier.begleitung_ok {
	background-image: url('../img/begleitung_ok.png');
}