/*
#####################################
css-reset
#####################################
*/
* {margin:0px; padding:0px; border:0px;}


/*
#####################################
html
#####################################
*/
HTML {
	height:100.1%;
	font-size: 62.5%;
}


/*
#####################################
body
#####################################
*/
BODY {
	text-align: center;
	font-size:1.2em;
	line-height:1.8em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#cccccc;
}



/*
#####################################
h1 bis h3
#####################################
*/
H1, H2, H3 {
	line-height:2em;
	color:#006395;
	font-size: 1.2em; 
	font-weight: bold;
	margin-top:0px;
}

H1 {
	font-variant: small-caps; 
	font-size: 1.3em; 
	margin-bottom: 1em;
	border-bottom:1px solid #006395;
}

H2 {
	margin-bottom: 1em;
}

H3 {
	color: #666666;
}

H4 {
	background-color:#666666;
}


/*
#####################################
Links
#####################################
*/
A {
	color:#bd1220; 
	text-decoration:none;
}
A:link {}
A:visited {}
A:hover {text-decoration:none;}
A:active {}

/*
##################################################
wrapper: zentrierung von 'body' wird aufgehoben
##################################################
*/
DIV#wrapper {
	width:960px;
	margin:20px auto;
	border:1px solid #666666;
	text-align:left;
	background-color:white;
}

/*
#####################################
banner
#####################################
*/
DIV#banner {
	height:120px;
	background: #FFFFFF;
}

/*
#####################################
info_status
#####################################
*/
DIV#info_status {
	color:#999999;
	font-size:10px;
	border-bottom:1px dotted #cccccc;
}


/*
#####################################
inhalt
#####################################
*/
DIV#inhalt {
	width:732px;
	float:right;
	padding:0px 20px;
}


/*
#####################################
navi
#####################################
*/
DIV#navi {
	font-size:11px; color:#666666;
	text-align:right;
	margin-top:10px;
}

DIV#navi A {
	color:#666666; 
	text-decoration:underline;
}
DIV#navi A:hover {
	text-decoration:none;
}


/*
#####################################
headline
#####################################
*/
DIV#headline {
}


/*
#####################################
main
#####################################
*/
DIV#main {
	line-height:1.8em;
}

DIV#main A {
	text-decoration:underline;
	font-weight:bold;
}

DIV#main A:hover {
	text-decoration:none;
}

DIV#main A.alt {
	color:#006395;
	text-decoration:underline;
	font-weight:bold;
}

DIV#main A.alt:hover {
	text-decoration:none;
}

DIV#main strong, DIV#main b {
	font-weight:bold;
	color:#333333;
}


DIV#main DIV#rahmen, DIV#main DIV#rahmen strong {
	color:#333333;
	font-weight:bold;
	text-align:center;
	background-color:#EEEEEE;
	width:670px;
	padding:30px;
	border: 1px dotted #999999;
}

DIV#main DIV#rahmen strong {
	color:#BD1220;
}

DIV#main li {
	margin-left:20px;
}

div#main .hervorgehoben {
	color:#bd1220; 
}

div#main .style_1, div#main .style_2, div#main .style_3, div#main .style_4, div#main .style_5 {
	font-size:10px;
	font-weight:bold;
	padding:5px;
	background-color:#EEEEEE;
}

div#main .style_1 {
	color:red;
	border:2px solid red;
}

div#main .style_2 {
	color:#08BE50;
	border:2px solid #08BE50;
}

div#main .style_3 {
	color:#CCCCCC;
	border:2px solid #CCCCCC;
}

div#main .style_4 {
	color:#FF9900;
	border:2px solid #FF9900;
}

div#main .style_5 {
	font-size:12px;
	color:#BD1220;
	border:2px solid #BD1220;
}

div#main .style_6 {
	font-size:12px;
	color:#BD1220;
	font-weight:bold;
}

div#main .klein {
	font-size:10px;
	color:#333333;
}

div#main A.klein {
	font-size:10px;
	color:#bd1220; 
}

DIV#main .container_links {
	float:left;
	width:80%;
}

DIV#main .container_rechts {
	float:right;
	width:20%;
}

.foto_rahmen {
	border:2px solid #cccccc;
}


/*
#####################################
main:form
#####################################
*/

div#main form {}

div#main form input, div#main form textarea, div#main form select {
	border:1px dotted #666666;
	height:1.5em;
}
	
div#main form fieldset {
	border:1px solid #999999;
	padding:10px 20px;
	margin:20px 0px;
	background-color:#F4F4F4;
}

div#main form fieldset legend {
	font-weight:bold;
	color:#006395;
}

div#main form fieldset ul {
	margin:0px;
	padding:0px;
	list-style-type:none;
}

div#main form fieldset li {
	float:left;
	margin:0px 0px 5px 0px;
	padding:0px;
	width:100%;
	vertical-align:top;
}

div#main form label {
	color:#333333;
	float:left;
	line-height:167%;
	width:170px;
	font-weight:bold;
}

div#main form input {
	padding-left:5px;
}

div#main form input.radio {
	vertical-align:middle;
	border:0px;
}

div#main form input.button {
	height:2em;
	font-weight:bold;
	color:#006395;
	background-color:#EEEEEE;
	border:2px solid #006395;
	margin-left:10px;
	margin-right:10px;
	padding-left:40px;
	padding-right:40px;
}

div#main form input:focus, div#main form textarea:focus {
	background-color:#EDF3F8;
}

div#main form textarea {
	width:450px;
	height:auto;
}

div#main form select {
	width:200px;
}
		
div#main .tooltip {
	font-size:10px;
	color:#000000;
   	display:none;
    position:absolute;
    width:250px;
	margin:0px 10px;
    border:2px solid #999999;
    padding:5px;
    background:#FFFF99;
}

div#main .pflichtfeld {
	vertical-align:top;
	font-size:10px;
	color:#bd1220;
}	

div#main .error {
	color:#bd1220;
	font-size:12px;
	font-weight:bold;
	border:2px solid #bd1220;
	padding:5px;
	background-color:#EEEEEE;
}

div#main .nummer {
	font-size:10px;
	color:#666666;
}	



/*
#####################################
main:table
#####################################
*/
div#main table {
	width:732px;
	border:1px solid #999999;
	border-collapse:collapse;
}

div#main table thead th {
	background:#eeeeee;
	color:#006395;
	line-height:1.8em;
	padding:5px 5px;
}

div#main table tbody tr td {
	line-height:2em;
	border-bottom:1px dotted #cccccc;
	padding:3px 5px;
}

div#main table tbody tr td.kein_border {
	border-bottom:0px dotted #cccccc;
}

div#main table tr td.highlight {
	background-color:#eeeeee;
	color:#006395;
	font-size:12px;
	font-weight:bold;
	line-height:2em;
}


/*
#####################################
main:linkbuttons
#####################################
*/

div#main div#linkbuttons {
	text-align:right;
}

div#linkbuttons a, div#linkbuttons .active {
	font-weight:bold;
	color:#006395;
	background-color:#eeeeee;
	border:1px solid #006395;
	padding:5px 20px;
	text-decoration:none;
}

div#linkbuttons a:hover, div#linkbuttons .active {
	background-color:#006395;
	color:white;
}


/*
#####################################
menu_left
#####################################
*/
DIV#menu_left {
	width:188px;
	float:left;
	padding:20px 0px 0px 0px;
}

DIV#menu_left UL {
	list-style-type:none;
	font-weight:bold;
}

DIV#menu_left A {
	color:#006395;
	display:block;
	padding-left:20px;
	line-height:2.5em;
}

DIV#menu_left A:hover, DIV#menu_left A.aktiv {
	background-color:#EEEEEE;
	color:#006395;
	padding-left:10px;
	border-left:10px solid #006395;
}

DIV#menu_left UL LI.sub A {
	color:#006395;
	padding-left:15px;
	line-height:2em;
	font-size:11px;
	font-weight:normal;
}

DIV#menu_left UL LI.sub A:hover, DIV#menu_left UL LI.sub A.aktiv {
	background-color:#006395;
	color:white;
	border-left:0px;
}


/*
#####################################
login
#####################################
*/

DIV#login A {
	display:block;
	color:#006395; 
	font-weight:bold;
	text-decoration:none;
	text-align:right;
	padding-right:10px;
	border-bottom:2px solid #006395;
	border-top:2px solid #006395;
	border-right:2px solid #006395;}

DIV#login A:hover {
	background-color:#EEEEEE;
	color:#006395;
	border-left:0px;
}

/*
#####################################
links
#####################################
*/
DIV#links {
	color:#666666; font-size:11px;
	text-align:right;
	margin:40px 20px 50px 20px;	
	border-top:1px dotted #666666;
}

DIV#links A {
	color:#666666;
	text-decoration:underline;
	padding-left:10px;
	padding-right:10px;
}

DIV#links A:hover {
	text-decoration:none;
}

/*
#####################################
footer
#####################################
*/
DIV#footer {
	clear:both;
	font-size:10px;
	text-align:right;
	color:#666666;
	padding-right:30px;
	padding-top:5px;
	padding-bottom:5px;
	height:20px;
}

DIV#footer A {
	color:#666666;
	text-decoration:underline;	
}

#footer A:hover {
	text-decoration: none;
}


/* CSS Document */


/**
* @section YAML Grid Module
*
*/
.ym-grid {
	display: table;
	width: 100%;
	table-layout: fixed;
	list-style-type: none;
	padding-left: 0;
	padding-right: 0;
	margin-left: 0;
	margin-right: 0;
}
.ym-gl {
	float: left;
	margin: 0;
}
.ym-gr {
	float: right;
	margin: 0 0 0 -5px;
}
.ym-g20 {
	width: 20%;
}
.ym-g40 {
	width: 40%;
}
.ym-g60 {
	width: 60%;
}
.ym-g80 {
	width: 80%;
}
.ym-g25 {
	width: 25%;
}
.ym-g33 {
	width: 33.333%;
}
.ym-g50 {
	width: 50%;
}
.ym-g66 {
	width: 66.666%;
}
.ym-g75 {
	width: 75%;
}
.ym-g38 {
	width: 38.2%;
}
.ym-g62 {
	width: 61.8%;
}
.ym-gbox {
	padding: 0 10px
}
.ym-gbox-left {
	padding: 0 10px 0 0
}
.ym-gbox-right {
	padding: 0 0 0 10px
}
.ym-equalize {
	overflow: hidden;
}
.ym-equalize > [class*="ym-g"] {
	display: table-cell;
	float: none;
	margin: 0;
	vertical-align: top;
}
.ym-equalize > [class*="ym-g"] > [class*="ym-gbox"] {
	padding-bottom: 10000px;
	margin-bottom: -10000px
}
.grid-border {
	border: 1px solid #ccc;
}  /* <- Freinet Addon */
.grid-border .ym-gr {
	border-left: 1px solid #ccc;
}
.ym-gr-right .ym-gr {
	text-align: right;
} /* <- Freinet Addon*/
/* @smart-forms
-----------------------------------*/ 
.smart-forms * {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}
.ui-datepicker { background-color:#ccc; border:1px solid #666; padding:4px; }
.smart-forms .frm-row {
	margin: 0 -10px
}
.smart-forms .frm-row:after, .smart-forms .frm-row:before, .smart-forms .slider-group:after, .smart-forms .slider-group:before {
	display: table;
	content: "";
	line-height: 0
}
.smart-forms .frm-row:after, .smart-forms .slider-group:after {
	clear: both
}
.smart-forms .frm-row .colm {
	min-height: 1px;
	padding-left: 10px;
	padding-right: 10px;
	position: relative;
	float: left;
}
.smart-forms .frm-row .colm1 {
	width: 8.33%;
}
.smart-forms .frm-row .colm2 {
	width: 16.66%;
}
.smart-forms .frm-row .colm3 {
	width: 25%;
}
.smart-forms .frm-row .colm4 {
	width: 33.33%;
}
.smart-forms .frm-row .colm5 {
	width: 41.66%;
}
.smart-forms .frm-row .colm6 {
	width: 50%;
}
.smart-forms .frm-row .colm7 {
	width: 58.33%;
}
.smart-forms .frm-row .colm8 {
	width: 66.66%;
}
.smart-forms .frm-row .colm9 {
	width: 75%;
}
.smart-forms .frm-row .colm10 {
	width: 83.33%;
}
.smart-forms .frm-row .colm11 {
	width: 91.66%;
}
.smart-forms .frm-row .colm12 {
	width: 100%;
}
.smart-forms .frm-row .colm1-5 {
	width: 20%;
}
.smart-forms .frm-row .colm1-8 {
	width: 12.5%;
}

@media (max-width:600px) {
.smart-forms .frm-row {
	margin: 0;
}
.smart-forms .frm-row .colm {
	width: 100%;
	float: none;
	padding: 0;
}
.smart-forms .bdl {
	border-left: 0
}
.smart-forms .bdr {
	border-right: 0
}
.smart-forms .align-right {
	text-align: left
}
}
/* //smartform grid*/

.frm-row .section {
	padding: 3px;
}
.frm-row .field {
	white-space: nowrap;
}
.field_info {
	margin-left: -5px;
	background: #fff;
	opacity: 0.5;
	display: inline-block;
	border: 0;
	margin-top: 6px;
}
.colm_r {
	white-space: nowrap;
}
/*  .smart-forms .align-right braucht nur in main.css */
.smart-forms .align-right {
	text-align: right;
}
.smart-forms .block {
	display:block;
}
.align-center {
	text-align: center;
}
/* 2Spaltige Register */ 
.no-margin {
	margin: 0;
}
.no-padding {
	padding: 0;
}
.zwei_spalte_border_set {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
.zwei_spalte_titel_padding {
	padding: 5px;
}
.zwei_spalte_content_padding {
	padding: 10px;
}

/* 2Spaltige Register Ende */

@media screen and ( max-width: 800px ) {
/* linearization for grid module */
.linearize-level-800, .linearize-level-800 > [class*="ym-g"] {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;
}
/* reset defined gutter values */
.linearize-level-800 > [class*="ym-g"] > [class*="ym-gbox"] {
	transition: all 1.5s ease 0s;
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;
}

/* reset defined gutter values */
.linearize-level-800 > [class*="ym-gr"] > [class*="ym-gbox"] {
	transition: all 1.5s ease 0s;
}

}

@media screen and ( max-width: 760px ) {
/* linearization for grid module */
.linearize-level-760, .linearize-level-760 > [class*="ym-g"] {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;
}
/* reset defined gutter values */
.linearize-level-760 > [class*="ym-g"] > [class*="ym-gbox"] {
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;
}
}

@media screen and ( max-width: 480px ) {
/* linearization for grid module */
.linearize-level-480, .linearize-level-480 > [class*="ym-g"] {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;
}
/* reset defined gutter values */
.linearize-level-480 > [class*="ym-g"] > [class*="ym-gbox"] {
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;
}
}

@media screen and ( max-width: 780px ) {
/* linearization for grid module */
.linearize-level-780, .linearize-level-780 > [class*="ym-g"] {
	transition: all 1s ease 0s;
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;
}
/* reset defined gutter values */
.linearize-level-780 > [class*="ym-g"] > [class*="ym-gbox"] {
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;
}
}

@media screen and ( max-width: 1000px ) {
/* linearization for grid module */
.linearize-level-1024, .linearize-level-1024 > [class*="ym-g"] {
	display: block;
	float: none;
	padding: 0;
	margin: 0;
	width: 100% !important;
}
/* reset defined gutter values */
.linearize-level-1024 > [class*="ym-g"] > [class*="ym-gbox"] {
	transition: all 1.5s ease 0s;
	overflow: hidden; /* optional for containing floats */
	padding: 0;
	margin: 0;
}
}
/**
* @section YAML Grid Module Ende
*
*/


.innertblborder select, 
.innertblborder input, 
.innertblborder checkbox, 
.innertblborder button
{
	border:1px solid #aaa;
	padding:3px;
}

.innertblborder .ym-grid { padding: 8px; }

.liste_detail_block {
	border-bottom: 1px solid #006395;
	margin:5px 0 5px 0;
}

.liste_detail_block td { padding:6px; }

#paging { padding:4px; }

.reg_link { border:1px solid #006395; 
padding:6px; margin:10px; 
}
.reg_link:hover { background-color:#efefef;
}

.firstrow h3 { margin-top:20px; margin-bottom:10px; font-size:130%; }

.detail_link { font-weight:bold; font-size:120%; }