<node pre_start>
/* ============================================ */
/*  application_css
/* ============================================ */

/* ============================================ */
/*  Zulieferung Designer - START
/* ============================================ */


/* ============================================ */

/*  BODY */

/* ============================================ */

.bild_aligned {
	float: left;
	margin: 0 1% 0 1%;
}

.bild_notaligned {
	display: block;
	clear: both;
}

/*no to behave like a table-cell*/ 
.clear, #spacer  {
	display: none;
}

#esv-main .clear, 
#content_mitnav .clear,
#content_ohnenav .clear,
#esv-content_mitnav .clear,
#esv-content_ohnenav .clear {
	display: block;
	clear: both;
}

/* ============================================ */
/* CONTAINER - earlier without esv-prefix
/* ============================================ */

#container,
.esv-application #esv-container {
	width: 1440px;
	display: table;
	clear: both;
}

#content_ohnenav {
	position: relative;
	margin: 0 0 0 160px;
    width: 1280px;
}

.esv-application #esv-content_mitnav,
#content_mitnav {
	width: 896px;
	padding-left: 44px;
	display: table-cell;
}

/* ============================================ */
/* INFO
/* ============================================ */
.info, .info_klein {
	background: rgb(242, 245, 245);
	margin-bottom: 4px;
	padding: 8px;
	width: 100%;
	float: left;
	min-height: 1px;
	font-size: 13px;
	line-height: 20px;
	display: table;
}
.info_btn, .info_btn_klein,
.beachtensie, .beachtensie_klein {
	display: table-cell;
	vertical-align: top;
}


.beachtensie br {
	clear: left;
}

.info_btn {
	padding: 0 12px 0 0;
	width: 57px;
}

.info_btn_klein {
	padding: 0 12px 0 0;
	width: 42px;
}

.info_btn_klein img {
	width: 30px;
}

.info_btn img {
	width: 45px;
}

.beachtensie_1,
.beachtensie_1_klein {
	cursor: pointer;
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 16px;
	color: #008e5c; /*sv*/
	padding: 5px 0;
}

/*new javascript loaded*/

.beachtensie_2, /*close infobox */
.beachtensie_3,
.beachtensie_2_klein,
.beachtensie_3_klein {
	display: none;
}

.beachtensie_1.drop,
.beachtensie_1_klein.drop {
	background: url(/esvportal/layouts/img/close.svg) right center no-repeat;
	background-size: 25px auto;
}
.beachtensie_1.open,
.beachtensie_1_klein.open {
	background-image: url(/esvportal/layouts/img/open.svg);
}


.beachtensie_2,
.beachtensie_2_klein,
.beachtensie_3, 
.beachtensie_3_klein {
	width: 50%;
	float: left;
	padding: 0 0 10px 10px;
}

.beachtensie_titel {
}

.beachtensie_icon {
	float: left;
	margin: 3px 8px -10px 0;
}

.beachtensie_icon img {
	height: 16px;
	width: auto;
}

.beachtensie_sternchen {
	font-size:1.2em;
  	color: #008e5c; /*sv*/
	height:19px;
	width: 14px;
	float:left;
	margin-right: 4px;
}
.beachtensie_typo {
	margin-top: 2px;
}


/* ============================================ */
/* NAVIGATION
/* ============================================ */

#nav {
	display: table-cell;
	width: 544px;
	font-size: 16px;
	font-weight: 300;
	background: rgba(0, 100, 100, 0.1); /*sv*/
	padding-left: 160px;
	font-family: 'Roboto Condensed', sans-serif;
}

#nav_titel {
	font-size: 18px;
	margin-top: 30px;
	font-weight: 400;
	text-transform: uppercase;
}

#nav a {
	color: #475256;
	text-decoration: none;
	font-weight: 300;
	padding-right: 10px;
}
#nav a:hover {
	text-decoration: underline;
	color: #008e5c; /*sv*/
}
#nav #nav_punkt_active a, #active a {
	color: #008e5c; /*sv*/
}
.nav_punkt_titel {
	text-transform: uppercase;
	font-weight: 400;
}

.nav_level1,
.nav_punkt_level1 {
	padding: 12px 0 0 0; 
}
.nav_level2,
.nav_punkt_level2 {
	padding: 12px 0 0 23px; 

}
.nav_level3,
.nav_punkt_level3 {
	padding: 12px 0 0 46px; 
}
.nav_level4,
.nav_punkt_level4 {
	padding: 12px 0 0 69px; 
}

.nav_level1,
.nav_punkt_level1,
.nav_level2,
.nav_punkt_level2,
.nav_level3,
.nav_punkt_level3,
.nav_level4,
.nav_punkt_level4 {
	float: left;
	width: 100%;
	min-height: 0;
}

.nav_punkt_abstand {
	height: 15px;
	margin-left: 4px;
}

#nav_bottom {
	height: 40px;
	width: 100%;
	float: left;
}

.nav_level1 a,
.nav_level2 a,
.nav_level3 a,
.nav_level4 a {
	display: block;
	padding-left: 20px; 
	background: url(/esvportal/layouts/img/right.svg) no-repeat;
	background-position: left 5px;
	min-height: 23px;
}

#nav_punkt_active a {
	font-weight: 400;
}


/* ============================================ */
/* CONTENT
/* ============================================ */


.titel, .titel_detail {
	padding: 40px 0 20px;
    font-size: 38px;
    font-weight: 300;
    line-height: 43px;
	font-family: 'Roboto Condensed', sans-serif;
	color: #008e5c; /*sv*/
}

/*portlet only ERMAAE zweites TARIF*/
.titel.detail, .titel_detail {
	width: 100%;
}

.sub {
	padding: 15px 0;
	width: 100%;
	float: left;
	min-height: 0;
}
.sub:empty {
	padding: 0;
}

.formular_baustein .sub {
	padding: 15px 8px;
}


/* ============================================ */
/* FORMULAR
/* ============================================ */

fieldset input, fieldset select, textarea {
  	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	-webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
 	-moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
  	box-shadow: inset 2px 2px 2px 0px #dddddd;
	border: 1px solid rgb(238, 238, 238);
	font-family: 'Roboto', sans-serif;
	font-size: 13px;
	padding: 4px;
}

.detail .text .formular_baustein a,
.detail .text .steuerung a {
  background: none;
  padding: 0;
}

fieldset {
	margin:0px;
	padding: 0px;
	border: 0px;
}

.formular_baustein {
	background-color: rgb(242, 245, 245);
	margin-bottom: 4px;
	padding: 0 0 20px 0;
	width: 100%;
	float: left;
	min-height: 0px;
	font-size: 13px;
	line-height: 15px;
	margin-top: 5px;
}

legend {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	padding: 15px 10px;
	margin-bottom: 10px;
  	width: 100%;
	border-bottom: 1px solid rgb(238, 238, 238);
	background: none;
}

.formular_baustein legend {
	background-color: rgb(239, 239, 239);
}


.anmerkung, .legend {
	padding: 5px 10px;
	float: left;
}

fieldset br {
	clear: left;
}


/* signs and spacers */

.formular_baustein .icon_info,
.sternchen,
.rufzeichen,
.form_spacer {
	height: 30px;
	float: left;
	display: block;
}

.formular_baustein .icon_info {
	width: 1.5%;
	min-width: 18px;
}
.formular_baustein .icon_info img {
	width: 100%;
	max-width:16px;
	height: auto;
	margin-top: 6px;
}

.sternchen {
	font-size:15px;
	color: #008e5c; /*sv*/
	width:1%;
	min-width: 8px;
}

.rufzeichen {
	font-size:1.2em;
	color:#E60000;
	width:1%;
	font-weight: bold;
}
.rufzeichen img {
	width: 9px;
	height: auto;
	margin-top: 3px;
}

.form_spacer {
	width: 0.5%;
	min-width: 4px;
}

.seperator {
	border-bottom: 4px solid #ffffff;
	clear: both;
}

.formular_baustein label {
	display: block;
	float: left;
	height:auto;
	text-align: right;
	padding: 5px 0;
}

.form_input_2spalten, .form_input_3spalten , .form_input_4spalten , .form_input_5spalten ,.form_input_6spalten , .form_input_7spalten , .form_input_8spalten , .form_input_9spalten , .form_input_10spalten ,.form_input_11spalten , .form_input_12spalten , .form_input_13spalten ,.form_input_14spalten ,.form_input_15spalten ,.form_input_16spalten, .form_input_17spalten, .form_input_18spalten, .form_input_19spalten , .form_input_20spalten, .form_input_21spalten  {
	margin-bottom: 4px;
	float: left;
	display: block;
  	min-height: 30px;
	-webkit-box-shadow: inset 2px 2px 2px 0px #adadad;
	-moz-box-shadow: inset 2px 2px 2px 0px #adadad;
	box-shadow: inset 2px 2px 2px 0px #adadad;

}

.form_select_2spalten, .form_select_3spalten , .form_select_4spalten , .form_select_5spalten ,.form_select_6spalten , .form_select_7spalten , .form_select_8spalten , .form_select_9spalten , .form_select_10spalten ,.form_select_11spalten , .form_select_12spalten , .form_select_13spalten ,.form_select_14spalten{
	margin-bottom: 4px;
	background-color: #fff;
	float: left;
	display: block;
	min-height: 30px;
}

.check_input_1spalten,.check_input_2spalten, .check_input_3spalten , .check_input_4spalten , .check_input_5spalten ,.check_input_6spalten{
	margin-top:0px;
	height:16px;
	float:left;
	min-height: 30px;
}

.radiobuttons {
	width:183px;
	float: left;
	height: 30px;
}

/* ============================================ */
/* FORMULARELEMENTE AUSGEGRAUT
/* ============================================ */

.form_input_1spalten_grey,.form_input_2spalten_grey,.form_input_3spalten_grey,.form_input_4spalten_grey,.form_input_5spalten_grey,.form_input_6spalten_grey,.form_input_7spalten_grey,.form_input_8spalten_grey,.form_input_9spalten_grey,.form_input_10spalten_grey,.form_input_11spalten_grey,.form_input_12spalten_grey,.form_input_13spalten_grey,.form_input_14spalten_grey,.form_input_15spalten_grey,.form_input_16spalten_grey,.form_input_17spalten_grey,.form_input_18spalten_grey,.form_input_19spalten_grey,.form_input_20spalten_grey{
	margin-bottom: 4px;
	padding-left:4px;
	background-color: #efefef;
	float: left;
	display: block;
  	height: 30px;
}

.form_select_2spalten_grey,.form_select_3spalten_grey,.form_select_4spalten_grey,.form_select_5spalten_grey,.form_select_6spalten_grey,.form_select_7spalten_grey,.form_select_8spalten_grey,.form_select_9spalten_grey,.form_select_10spalten_grey{
	margin-bottom: 4px;
	padding-left:4px;
	background-color: #efefef;
	float: left;
	height: 30px;
}

.radiobuttons {
	width:183px;
	float: left;
}


/* ============================================ */
/* STEUERUNG
/* ============================================ */

.steuerung {
	margin: 10px 0 30px;
	min-height: 0px;
	width: 100%;
	float: left;
}
.btn_2spalten, .btn_3spalten, .btn_4spalten ,.btn_5spalten ,.btn_6spalten ,.btn_7spalten ,.btn_8spalten ,.btn_9spalten,
a.a_btn_3spalten, a.a_btn_4spalten,a.a_btn_5spalten,a.a_btn_6spalten,a.a_btn_7spalten {
	border:0;
	height: 38px;
	padding: 0 8px;
	background-color: #008e5c; /*sv*/
	color: #fff;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	-khtml-border-radius: 4px;
	border-radius: 4px;
	font-size: 16px;
	letter-spacing: 0.03em;
	font-family: 'Roboto Condensed', sans-serif;
	text-align: center;
	cursor: pointer;
	margin-bottom: 4px;
	-webkit-box-shadow: none;
 	-moz-box-shadow: none;
  	box-shadow: none;
}

a.a_btn_3spalten,
a.a_btn_4spalten,
a.a_btn_5spalten,
a.a_btn_6spalten,
a.a_btn_7spalten{
	padding: 8px 8px 0;
	display: inline-block;
	text-decoration: none;
}

a.a_btn_3spalten:hover,
a.a_btn_4spalten:hover,
a.a_btn_5spalten:hover,
a.a_btn_6spalten:hover,
a.a_btn_7spalten:hover{
	color: #fff;
}

.buttons_rechts {
	margin-left: 0px;
	text-align: right;
	margin-right: 4px;
	clear: right;
	float: right;
}
.buttons_rechts a, .buttons_rechts input{
	margin-left: 5px;
}
.buttons_links {
	float:left;
	margin-left: 0px;
	clear: left;
}
.buttons_links a, .buttons_links input{
	margin-right: 5px;
}
/* ============================================ */
/* PFAD
/* ============================================ */

.pfad {
	width: 100%;
	float: left;
	padding: 8px;
	text-align: right;
	font-size: 13px;
	border-top: 1px solid rgba(0, 100, 100, 0.2);
	margin-top: 20px;
}

/* ============================================ */
/* BLAETTERN
/* ============================================ */

.blaettern {
	padding-top: 12px;
	padding-bottom: 12px;
	font-size: 1.1em;
	margin-bottom: 4px;
	text-align: left;
}

#print, .blaettern_links, .esv-application a#back {
	background: url(/esvportal/layouts/img/print.svg) no-repeat;
	display: inline-block;
	height: 21px;
	padding-left: 25px;
	float: left;
}


.esv-application a#back,
.blaettern_links {
	background: url(/esvportal/layouts/img/prev.svg) no-repeat;
}

#print {
	background-size: 20px auto;
	float: right;
}


/* ============================================ */
/* ERROR
/* ============================================ */

.error {
	background: #ffe6cc;
	margin-bottom: 4px;
	color: #e85a00;
	padding: 8px;
	font-size: 13px;
	width: 100%;
	float: left;
	min-height: 0px;
}

.error p {
	padding: 0 0 2px 0;
}
.infotext {
	background: #FFFFFF url(/esvportal/layouts/img/info.gif) no-repeat scroll 20px 8px;
	padding: 8px 61px 12px;
	margin-bottom: 4px;
	font-size: 1.2em;
	border: 1px solid #E7E7E7;
	float: left;
	min-height: 0px;
	width: 100%;
}
.error a {
	color: #990000;
}
.error_label{
	color: #e85a00;
	font-family: 'Roboto Condensed', sans-serif;
}
.error img {
	float:left;
	margin-left: 8px;
	margin-right: 8px;
}
.error_txt {
	font-weight: 700;
	color: #e85a00;
}
.error_feld {
	background: #ffe6cc !important;
	-webkit-box-shadow: inset 2px 2px 2px 0px #ebaf88;
 	-moz-box-shadow: inset 2px 2px 2px 0px #ebaf88;
  	box-shadow: inset 2px 2px 2px 0px #ebaf88;
	border: 1px solid rgb(238, 238, 238) !important;
	color: #e85a00 !important;
}

.zeile_bearbeiten {
	width: auto;
	float: right;
	min-height: 30px;
	padding: 8px;
	text-align: right;
}

.block_bearbeiten {
	width: 100%;
	float: left;
	padding: 8px;
}


/* ============================================ */
/* TABELLE STANDARD
/* ============================================ */

.esv-application table,
.esv-application td {
	border: none;
}

td {
	vertical-align: top;
}

.standard_tab{
	width:100%;
	border:0px;
	margin-top: 10px;
}
.standard_tab thead tr {
	background-color:rgb(238, 238, 238);
	font-weight: 400;
}
.standard_tab thead a {
	text-decoration:underline;
}
.standard_tab thead img{
	margin-left: 4px;
}
.standard_tab td {
	vertical-align:center;
}
.standard_tab_reihe_ungerade {
	background-color:rgb(242, 245, 245);
}
table td, table th {
	padding: 8px;
}
table th {
	background-color:rgb(238, 238, 238);
	font-weight: 400;
}

/* ============================================ */
/* SIGNATUR App & Portlet
/* ============================================ */

#sig_holder, #sig_hinw_holder{ 
	width:100%;
	border: 1px solid #CCCCCC;
}
#sig_holder { 
	margin-top: 30px;
}
div.sig_table { 
	margin-left:20%;
	border:0px none white;
	border-left: 1px solid #CCCCCC
}
div.sig_tr { 
	width:100%;
	border-bottom: 1px solid #CCCCCC;
}
div.sig_thstart { 
	width:20%; 
	float:left;
	padding:8px;
}
div.sig_tdstart { 
	padding:8px; 
	margin-left:20%;
	border-left: 1px solid #CCCCCC; 
}
div.sig_th { 
	width:20%;
	float:left;
	padding:8px;
}
div.sig_td { 
	padding:8px; 
	margin-left:20%;
	border-left: 1px solid #CCCCCC; 
}
#sig_hinw_holder .sig_tr{  
	border-bottom: none;
	border-top: none;
}

#sig_hinw_holder {
	border-top:none;
}
table font{
}
table th font{
	margin-top:4px;
}

.signatur_tabelle_rahmen {
    border-bottom: 1px solid #cccccc;
}


/* ============================================ */
/* Abschluss
/* ============================================ */

.header-container{
}

h2.header_abschluss {
	padding: 20px 8px;
	font-size: 18px;
	border-bottom: 1px solid rgb(238, 238, 238);
}


.abschluss_left, .abschluss_right {
		display: inline-block;
		width: 25%;
		margin-right: -4px;
		padding: 8px;
}
.abschluss_right{
		width: 75%;
}

.table-title{
	fon-weight: 700;
	text-align:left;
}

.abschluss_margin{
	margin-left:4px;
}

.drucken, .html, .pdf {
    background: url("/esvportal/layouts/img/print.svg") no-repeat scroll right 0 rgba(0, 0, 0, 0);
    float: right;
    min-height: 30px;
    padding-right: 30px;
    padding-top: 3px;
    text-align: right;
}

.html{
	background: url(/esvportal/layouts/img/save.gif) right 3px no-repeat;
}
.pdf{
	background: url(/esvportal/layouts/img/save.gif) right 3px no-repeat;
}

/* sobald neues Icon verfuegbar 
.pdf {
    background: url("/esvportal/layouts/img/save.gif") no-repeat scroll right 3px transparent;
}
.html {
    background: url("/esvportal/layouts/img/save.gif") no-repeat scroll right 0 transparent;
}
*/


/* ============================================ */
/* LINKS im TEXT
/* ============================================ */

.img_icon {
	display: inline-block;
	padding-right: 5px;
}

.img_icon img,
.icon_calendar img {
	width: 24px;
	height: auto;
}

.text_link {
	display: inline-block;
}

/* ============================================ */
/* SPALTEN 1 spalte = 3.5 %
/* ============================================ 
1 - 3.5
*/

/*content_ohnenav*/

label.labelcheck_1spalten,
.check_input_1spalten {
	width: 3%;
}
label.labelcheck_2spalten,
.check_input_2spalten,
.label_2spalten,
.form_input_2spalten,
.form_select_2spalten,
.form_input_2spalten_grey,
.form_select_2spalten_grey {
	width: 6%;
}
.btn_3spalten ,a.a_btn_3spalten,
label.labelcheck_3spalten,
.check_input_3spalten,
.label_3spalten,
.form_input_3spalten,
.form_select_3spalten,
.form_input_3spalten_grey,
.form_select_3spalten_grey {
	width: 9%;
}
.btn_4spalten ,a.a_btn_4spalten,
label.labelcheck_4spalten,
.check_input_4spalten,
.label_4spalten,
.form_input_4spalten,
.form_select_4spalten,
.form_input_4spalten_grey,
.form_select_4spalten_grey {
	width: 12%;
}
.btn_5spalten ,a.a_btn_5spalten,
label.labelcheck_5spalten,
.check_input_5spalten,
.label_5spalten,
.form_input_5spalten,
.form_select_5spalten,
.form_input_5spalten_grey,
.form_select_5spalten_grey {
	width: 15%;
	max-width: 300px;
}
.btn_6spalten ,a.a_btn_6spalten,
label.labelcheck_6spalten,
.check_input_6spalten,
.label_6spalten,
.form_input_6spalten,
.form_select_6spalten,
.form_input_6spalten_grey,
.form_select_6spalten_grey {
	width: 18%;
	max-width: 300px;
}
.btn_7spalten ,a.a_btn_7spalten,
label.labelcheck_7spalten,
.label_7spalten,
.form_input_7spalten,
.form_select_7spalten,
.form_input_7spalten_grey,
.form_select_7spalten_grey {
	width: 21%;
	max-width: 300px;
}
label.labelcheck_8spalten,
.label_8spalten,
.form_input_8spalten,
.form_select_8spalten,
.form_input_8spalten_grey,
.form_select_8spalten_grey {
	width: 24%;
	max-width: 331px;
}
label.labelcheck_9spalten,
.label_9spalten,
.form_input_9spalten,
.form_select_9spalten,
.form_input_9spalten_grey,
.form_select_9spalten_grey {
	width: 27%;
	max-width: 362px;
}
label.labelcheck_10spalten,
.label_10spalten,
.form_input_10spalten,
.form_select_10spalten,
.form_input_10spalten_grey,
.form_select_10spalten_grey {
	width: 30%;
	max-width: 393px;
}
label.labelcheck_11spalten,
.label_11spalten,
.form_input_11spalten,
.form_select_11spalten,
.form_input_11spalten_grey {
	width: 33%;
	max-width: 424px;
}
label.labelcheck_12spalten,
.label_12spalten,
.form_input_12spalten,
.form_select_12spalten,
.form_input_12spalten_grey {
	width: 36%;
	max-width: 455px;
}
label.labelcheck_13spalten,
.label_13spalten,
.form_input_13spalten,
.form_select_13spalten,
.form_input_13spalten_grey {
	width: 39%;
}
label.labelcheck_14spalten,
.label_14spalten,
.form_input_14spalten,
.form_select_14spalten,
.form_input_14spalten_grey {
	width: 42%;
}
label.labelcheck_15spalten,
.label_15spalten,
.form_input_15spalten,
.form_select_15spalten,
.form_input_15spalten_grey {
	width: 45%;
}
label.labelcheck_16spalten,
.label_16spalten,
.form_input_16spalten,
.form_select_16spalten,
.form_input_16spalten_grey {
	width: 48%;
}
label.labelcheck_17spalten,
.label_17spalten,
.form_input_17spalten,
.form_select_17spalten,
.form_input_17spalten_grey {
	width: 51%;
}
label.labelcheck_18spalten,
.label_18spalten,
.form_input_18spalten,
.form_select_18spalten,
.form_input_18spalten_grey {
	width: 54%;
}
label.labelcheck_19spalten,
.label_19spalten,
.form_input_19spalten,
.form_select_19spalten,
.form_input_19spalten_grey {
	width: 57%;
}
.label_20spalten,
.form_input_20spalten,
.form_select_20spalten,
.form_input_20spalten_grey {
	width: 60%;
}
.label_21spalten,
.form_input_21spalten,
.form_select_21spalten,
.form_input_21spalten_grey {
	width: 63%;
}

label.labelcheck_2spalten,
label.labelcheck_3spalten,
label.labelcheck_4spalten,
label.labelcheck_5spalten,
label.labelcheck_6spalten,
label.labelcheck_7spalten,
label.labelcheck_8spalten,
label.labelcheck_9spalten,
label.labelcheck_10spalten,
label.labelcheck_11spalten,
label.labelcheck_12spalten,
label.labelcheck_13spalten,
label.labelcheck_14spalten,
label.labelcheck_15spalten,
label.labelcheck_16spalten,
label.labelcheck_17spalten,
label.labelcheck_18spalten,
label.labelcheck_19spalten {
	text-align: left;
	padding-left: 4px;
}

.btn_3spalten ,a.a_btn_3spalten {
	min-width: 69px;
}
.btn_4spalten ,a.a_btn_4spalten {
	min-width: 100px;
}
.btn_5spalten ,a.a_btn_5spalten {
	min-width: 131px;
}
.btn_6spalten ,a.a_btn_6spalten {
	min-width: 193px;
}
.btn_7spalten ,a.a_btn_7spalten {
	min-width: 205px;
}



@media only screen and (min-width : 600px) and (max-width : 700px) {
	
	/*min-width for all*/
	
	label,
	input,
	select {
		max-width: 300px;
		min-width: 300px;
	}
	
	
	label.labelcheck_1spalten,
	.check_input_1spalten {
		min-width: 30px;
	}
	label.labelcheck_2spalten,
	.check_input_2spalten,
	.label_2spalten,
	.form_input_2spalten,
	.form_select_2spalten,
	.form_input_2spalten_grey,
	.form_select_2spalten_grey {
		min-width: 52px;
	}
	.btn_3spalten ,a.a_btn_3spalten,
	label.labelcheck_3spalten,
	.check_input_3spalten,
	.label_3spalten,
	.form_input_3spalten,
	.form_select_3spalten,
	.form_input_3spalten_grey,
	.form_select_3spalten_grey {
		min-width: 83px;
	}
	.btn_4spalten ,a.a_btn_4spalten,
	label.labelcheck_4spalten,
	.check_input_4spalten,
	.label_4spalten,
	.form_input_4spalten,
	.form_select_4spalten,
	.form_input_4spalten_grey,
	.form_select_4spalten_grey {
		min-width: 114px;
	}
	.btn_5spalten ,a.a_btn_5spalten,
	label.labelcheck_5spalten,
	.check_input_5spalten,
	.label_5spalten,
	.form_input_5spalten,
	.form_select_5spalten,
	.form_input_5spalten_grey,
	.form_select_5spalten_grey {
		min-width: 145px;
	}
	.btn_6spalten ,a.a_btn_6spalten,
	label.labelcheck_6spalten,
	.check_input_6spalten,
	.label_6spalten,
	.form_input_6spalten,
	.form_select_6spalten,
	.form_input_6spalten_grey,
	.form_select_6spalten_grey {
		min-width: 176px;
	}
	.btn_7spalten ,a.a_btn_7spalten,
	label.labelcheck_7spalten,
	.label_7spalten,
	.form_input_7spalten,
	.form_select_7spalten,
	.form_input_7spalten_grey,
	.form_select_7spalten_grey {
		min-width: 207px;
	}
	label.labelcheck_8spalten,
	.label_8spalten,
	.form_input_8spalten,
	.form_select_8spalten,
	.form_input_8spalten_grey,
	.form_select_8spalten_grey {
		min-width: 244px;
	}
	label.labelcheck_9spalten,
	.label_9spalten,
	.form_input_9spalten,
	.form_select_9spalten,
	.form_input_9spalten_grey,
	.form_select_9spalten_grey {
		min-width: 269px;
	}
	label.labelcheck_10spalten,
	.label_10spalten,
	.form_input_10spalten,
	.form_select_10spalten,
	.form_input_10spalten_grey,
	.form_select_10spalten_grey {
		min-width: 300px;
	}

}


@media only screen and (max-width : 700px) {
	
	/*stay big*/
	
	label.labelcheck_1spalten,
	.check_input_1spalten {
		min-width: 30px;
	}
	label.labelcheck_2spalten,
	.check_input_2spalten,
	.label_2spalten,
	.form_input_2spalten,
	.form_select_2spalten,
	.form_input_2spalten_grey,
	.form_select_2spalten_grey {
		min-width: 52px;
	}
	.btn_3spalten ,a.a_btn_3spalten,
	label.labelcheck_3spalten,
	.check_input_3spalten,
	.label_3spalten,
	.form_input_3spalten,
	.form_select_3spalten,
	.form_input_3spalten_grey,
	.form_select_3spalten_grey {
		min-width: 83px;
	}
	
	/*only one label/input per line*/

	.formular_baustein label {
		clear: left;
		margin-left: 1%;
	}
	
	/*checkboxes are different*/
	
	.formular_baustein .check_input_1spalten, 
	.formular_baustein .check_input_2spalten, 
	.formular_baustein .check_input_3spalten, 
	.formular_baustein .check_input_4spalten, 
	.formular_baustein .check_input_5spalten, 
	.formular_baustein .check_input_6spalten {
		width: 30px;
		min-width: 30px;
		clear: left;
	}
	
	label.labelcheck_2spalten,
	label.labelcheck_3spalten,
	label.labelcheck_4spalten,
	label.labelcheck_5spalten,
	label.labelcheck_6spalten,
	label.labelcheck_7spalten,
	label.labelcheck_8spalten,
	label.labelcheck_9spalten,
	label.labelcheck_10spalten,
	label.labelcheck_11spalten,
	label.labelcheck_12spalten,
	label.labelcheck_13spalten,
	label.labelcheck_14spalten,
	label.labelcheck_15spalten,
	label.labelcheck_16spalten,
	label.labelcheck_17spalten,
	label.labelcheck_18spalten,
	label.labelcheck_19spalten {
		clear: none;
	}
		
}


@media (max-width: 500px) {

	#esv-main .formular_baustein input, #esv-main .formular_baustein select, #esv-main.formular_baustein textarea,
	.formular_baustein input, .formular_baustein select, .formular_baustein textarea  {
		width: 98%;
		margin-left: 1%;
		margin-bottom: 5px;
		max-width: 500px;
		min-width: 1px;
	}
	
	#esv-main .formular_baustein label,
	#esv-main .detail .formular_baustein label,
	.formular_baustein label,
	.detail .formular_baustein label {
		text-align: left;
		width: auto;
		min-width: 1px;
	}
	
	.form_spacer {
		min-width: 1px;
	}
	
}


/*FRAME RESPOND//////////////////////////////////////*/

@media (max-width: 1600px) { /* 1280 = 80%*/
	
	#container,
	.esv-application #esv-container {
		width: 100%;
	}
	
	#content_ohnenav {
		margin: 0 auto;
		width: 80%;
	}
	#nav {
		width: 30%;
		padding-left: 10%; 
	}
	
	.esv-application #esv-content_mitnav,
	#content_mitnav {
		padding-right: 10%;
		width: 70%;
		padding-left: 3%;
	}
	#header {
		padding: 0 10%;
	}
	#logout, #esv-logout {
		right: 10%; 
		left: auto;
	}
	#header_holder {
		width: 80%;
		margin-left: 10%;
		left: 0;
	}
}

@media (max-width: 1400px) {

	#content_ohnenav {
		width: 86%;
	}
	
	.esv-application #esv-content_mitnav,
	#content_mitnav {
		padding-right: 7%;
		padding-left: 3.15%;
	}

	#nav {
		padding-left: 7%; 
	}
	#header {
		padding: 0 7%;
	}
	#logout, #esv-logout {
	right: 7%; 
	left: auto;
	}
	#header_holder {
		width: 86%;
		margin-left: 7%;
	}
}


@media (max-width: 1180px) {

	#content_ohnenav {
        width: 94%;
	}
	.esv-application #esv-content_mitnav,
	#content_mitnav {
    	padding-right: 3%;
		padding-left: 3.35%;
	}
	#nav {
		padding-left: 3%; 
	}
	#header {
		padding: 0 3%;
	}
	#logout, #esv-logout {
		right: 3%; 
		left: auto;
	}
	#header_holder {
		padding-top: 5px;
		width: 94%;
		margin-left: 3%;
	}
	#user,
	#esv-user {
	font-weight: 400;
	}
	

}

@media (max-width: 960px) {

	#content_ohnenav {
		width: 100%;
		padding: 0 1%;
	}
	
	.esv-application #esv-content_mitnav,
	#content_mitnav, #nav {
		padding: 0 1%;
		width: 100%;
		display: block;
		float: left;
		min-height: 0px;
		margin-bottom: 30px;
	}
	#header {
		padding: 0 1%;
	}
	#logout, #esv-logout {
		right: 1%; 
		left: auto;
		width: auto;
		padding: 8px 20px 0;
	}
	#header_holder {
		width: 98%;
		margin-left: 1%;
		position: relative;
		float: left;
		margin-top: 12px;
	}
	
	#applikationsname,
	#user,
	#esv-user {
		width: 100%;
		text-align: left;
	}
	
	.titel, .titel_detail {
		font-size: 30px;
		line-height: 32px;
	}
}

/*FALLBACK//////////////////////////////////////*/


.error strong,
#errorblock strong {
	font-weight: 400;
	font-size: 16px;
	font-family: 'Roboto Condensed', sans-serif;
}

#errorblock ul {
	padding: 10px 0 0 15px; 
}

.header_abschluss {
	font-family: 'Roboto Condensed', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 21px;
	padding: 10px 8px;
	border-bottom: 1px solid rgb(238, 238, 238);
}

a.arrow-right {
	display: inline-block;
	background: url(/esvportal/layouts/img/right.svg) left 3px no-repeat;
	padding-left: 20px;
}


/* ==================================================================================================== */
/* DEPRECATED ??????
/* ==================================================================================================== */

.youcantseeme {
	display: none;
	margin-bottom: 15px;
}

/* ============================================ */
/* Zur?ck zum Start
/* ============================================ */

#applikation_zurueck {
	padding: 30px 8px 0;
	font-size: 12px;
	color: #999999;
	width: 100%;
	clear: both;
	height: 60px;
}
#applikation_zurueck .breadcrumb {
	width: auto;
	float: left;
	padding: 0;
	clear: none;
}

/*???*/
.zurueckspacer {
	width:25%;
	float:left;
}
#applikation_zurueck a {
	text-decoration:underline;
}
/*/???*/


/* ============================================ */
/* FORM
/* ============================================ */
/*????*/
.file_upload {
	float:left;
	margin-left:20px;
}
.form_zeile {
}
.form_titel {
}
.label_spacer {
}
/*/????*/

/*???*/
.checkbox_vert {
}
.check_vert_holder {
}
.check_nav_label {
}
/*???*/
.zeile_hinzu2 {
}
.zeile {
}
.datensatz_hinzu {
}
.block_bearbeiten input{
}

/* ============================================ */
/* TABELLE_Version 1
/* ============================================ */


.tabelle_1{
	width:100% !important;
	border:0px !important;
	padding:0px !important;
	text-align:left;
	margin-top: 30px;
}
.tabelle_1 thead tr{
	background-color:rgb(238, 238, 238) !important;;
	font-weight:400;
}
.tabelle_1 thead th {
}
.tabelle_1_reihe_ungerade {
	background-color:rgb(242, 245, 245) !important;;
}
.tabelle_1_reihe_gerade {
	background-color:#fff !important;
}
.tabelle_1 td{
}


/* ============================================ */
/* REITER
/* ============================================ */
/*????
#reiter {
	height: 27px;
	padding-top: 22px;
	margin-bottom: 4px;
}
.reiter_over_3spalten {
	width:93px;
	width: 10.5%;
	height: 23px;
	color: white;
	text-align: center;
	font-size: 1.2em;
	padding-top: 4px;
	float: left;
}
.reiter_up_3spalten {
	width:92px;
	width: 10.5%;
	height: 23px;
	text-align: center;
	font-size: 12px;
	padding-top: 4px;
	float: left;
	border-left: 1px solid #CCCCCC;
}
.reiter_over_4spalten {
	width:124px;
	width: 14%;
	height: 23px;
	color: white;
	text-align: center;
	font-size: 12px;
	padding-top: 4px;
	float: left;
}
.reiter_up_4spalten {
	width:123px;
	height: 23px;
	width: 14%;
	text-align: center;
	font-size: 12px;
	padding-top: 4px;
	float: left;
	border-left: 1px solid #CCCCCC;
}
*/


/* ============================================ */
/* DRUCKANSICHT AUFRUFEN
/* ============================================ */
/*
#optionen {
	margin-bottom: 4px;
	padding-bottom: 0px;
	padding-top: 4px;
	position: relative;
	background-color: rgb(238, 238, 238);
	height: 20px;
	padding-left: 10px;
	padding-right: 10px;
}
.druckansicht {
	font-size: 1.1em;
	height: 1.9em;
	background: url(/esvportal/layouts/img/print.gif) no-repeat scroll 100% 0.2em;
	text-align: right;
	padding-right: 23px;
	padding-top: 3px;
}

/*


/* ============================================ */
/* SIGNATUR
/* ============================================ */
/*
.signaturwert{
	width:100%;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
}
.signaturwert_label{
	width:150px;
	text-align:center;
	font-size: 1.2em;
	float:left;
	border-right: 1px solid #CCCCCC;
	padding-top:2px;
	height:25px;
}
.signaturwert_wert{
	font-size: 1.2em;
	height:25px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top:2px;
}
.signaturwert_data{
	width:100%;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
}
.bildmarke{
	width:150px;
	text-align:center;
	float:left;
	border-top: 1px solid #CCCCCC;
}
.signaturwert_detail{

}
.signaturwert_detail_label{
	width:150px;
	text-align:center;
	font-size: 1.2em;
	float:left;
	border-right: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	height:25px;
	padding-top:2px;
}
.signaturwert_detail_text{
	font-size: 1.2em;
	height:25px;
	border-top: 1px solid #CCCCCC;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top:2px;
}
*/

/*??
.hinweis{
	width:100%;
	border: 1px solid #CCCCCC;
}
.hinweis_label{
	width:150px;
	text-align:center;
	font-size: 1.2em;
	float:left;
	height:25px;
	border-right: 1px solid #CCCCCC;
	padding-top:2px;

}
.hinweis_wert{
	font-size: 1.2em;
	height:25px;
	font-family: Verdana, Helvetica, sans-serif;
	padding-top:2px;
}

???????


DEPRECATED
/* ============================================ */


/* ============================================ */
/* ABSCHLUSS
/* ============================================ */

/*??
.abschluss_right_left{
		text-align:right;
		float:left;
		width:120px;
		height:25px;
		font-size:1.2em;

}
.abschluss_zeile{
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	}
.abschluss_right_right{
		margin-left:4px;
		height:25px;
		font-size:1.2em;
		border-left: 1px solid #CCCCCC;
		padding-left:4px;
}
*/

/*???
.filebez{
}
.filename{
		width:20%;
}
.filesize{
		width:15%;
}
.filehash{
		height: 0.8em;
		width:20%;
}
*/


/* ============================================ */
/* NO CONFLICT with global general.css
/* ============================================ */


.esv-application .back {
	width: 100%;
	padding: 15px 0 0;
	border-top: 1px solid rgba(0, 100, 100, 0.2);
}

.esv-application .back a {
	text-decoration: none;
	color: #475256;
	font-style: italic;
}

.esv-application .back a,
.blaettern_links {
	opacity: 0.5;
    filter: alpha(opacity=50); /* For IE8 and earlier */
}

.esv-application .back a:hover {
	opacity: 1;
    filter: alpha(opacity=100); /* For IE8 and earlier */
}

.esv-application .up a {
	background-image: url('/esvportal/layouts/img/up.svg');
	background-repeat: no-repeat;
	background-position: center center;
	text-decoration:none;
}

/*no conflict*/


/* ============================================ */
/* FORM min-width in case of subnavi and sidebar
/* ============================================ */


/*max-width for responsive esv-main*/
#esv-main label,
#esv-main input,
#esv-main select {
	min-width: 207px;
	max-width: 461px;
}

#esv-main label.labelcheck_1spalten,
#esv-main .check_input_1spalten {
	width: 3.5%;
	min-width: 30px;
}

#esv-main label.labelcheck_2spalten,
#esv-main .check_input_2spalten,
#esv-main .label_2spalten,
#esv-main .form_input_2spalten,
#esv-main .form_select_2spalten,
#esv-main .form_input_2spalten_grey,
#esv-main .form_select_2spalten_grey {
	width: 7%;
	min-width: 52px;
}

#esv-main .btn_3spalten,
#esv-main a.a_btn_3spalten,
#esv-main label.labelcheck_3spalten,
#esv-main .check_input_3spalten,
#esv-main .label_3spalten,
#esv-main .form_input_3spalten,
#esv-main .form_select_3spalten,
#esv-main .form_input_3spalten_grey,
#esv-main .form_select_3spalten_grey {
	width: 15.7%;
	min-width: 83px;
}

#esv-main .btn_4spalten,
#esv-main a.a_btn_4spalten,
#esv-main label.labelcheck_4spalten,
#esv-main .check_input_4spalten,
#esv-main .label_4spalten,
#esv-main .form_input_4spalten,
#esv-main .form_select_4spalten,
#esv-main .form_input_4spalten_grey,
#esv-main .form_select_4spalten_grey {
	width: 21%;
	min-width: 114px;
}

#esv-main .btn_5spalten ,
#esv-main a.a_btn_5spalten,
#esv-main label.labelcheck_5spalten,
#esv-main .check_input_5spalten,
#esv-main .label_5spalten,
#esv-main .form_input_5spalten,
#esv-main .form_select_5spalten,
#esv-main .form_input_5spalten_grey,
#esv-main .form_select_5spalten_grey {
	width: 26.2%;
	min-width: 145px;
}
#esv-main .btn_6spalten,
#esv-main a.a_btn_6spalten,
#esv-main label.labelcheck_6spalten,
#esv-main .check_input_6spalten,
#esv-main .label_6spalten,
#esv-main .form_input_6spalten,
#esv-main .form_select_6spalten,
#esv-main .form_input_6spalten_grey,
#esv-main .form_select_6spalten_grey {
	width: 31.5%;
	min-width: 176px;
}
#esv-main .btn_7spalten,
#esv-main a.a_btn_7spalten,
#esv-main label.labelcheck_7spalten,
#esv-main .check_input_7spalten,
#esv-main .label_7spalten,
#esv-main .form_input_7spalten,
#esv-main .form_select_7spalten,
#esv-main .form_input_7spalten_grey,
#esv-main .form_select_7spalten_grey {
	width: 36.7%;
	min-width: 207px;
}
#esv-main label.labelcheck_8spalten,
#esv-main .label_8spalten,
#esv-main .form_input_8spalten,
#esv-main .form_select_8spalten,
#esv-main .form_input_8spalten_grey,
#esv-main .form_select_8spalten_grey {
	width: 42%;
}
#esv-main label.labelcheck_9spalten,
#esv-main .label_9spalten,
#esv-main .form_input_9spalten,
#esv-main .form_select_9spalten,
#esv-main .form_input_9spalten_grey,
#esv-main .form_select_9spalten_grey {
	width: 47.2%;
}
#esv-main label.labelcheck_10spalten,
#esv-main .label_10spalten,
#esv-main .form_input_10spalten,
#esv-main .form_select_10spalten,
#esv-main .form_input_10spalten_grey,
#esv-main .form_select_10spalten_grey {
	width: 52.5%;
}

#esv-main label.labelcheck_11spalten,
#esv-main .label_11spalten,
#esv-main .form_input_11spalten,
#esv-main .form_select_11spalten,
#esv-main .form_input_11spalten_grey,
#esv-main .form_select_11spalten_grey {
	width: 57.7%;
}

#esv-main label.labelcheck_12spalten,
#esv-main .label_12spalten,
#esv-main .form_input_12spalten,
#esv-main .form_select_12spalten,
#esv-main .form_input_12spalten_grey,
#esv-main .form_select_12spalten_grey {
	width: 63%;
}

/*16columns to big for former esv-main*/

#esv-main .form_input_13spalten,
#esv-main .form_select_13spalten,
#esv-main .form_input_13spalten_grey,
#esv-main .form_input_14spalten,
#esv-main .form_select_14spalten,
#esv-main .form_input_14spalten_grey,
#esv-main .form_input_15spalten,
#esv-main .form_select_15spalten,
#esv-main .form_input_15spalten_grey {
	width: 96%;
	margin-left: 1%;
}


/*only one label/input per line*/

#esv-main label {
	clear: left;
	margin-left: 1%;
}

/*checkboxes are different*/

#esv-main .check_input_1spalten, 
#esv-main .check_input_2spalten, 
#esv-main .check_input_3spalten, 
#esv-main .check_input_4spalten, 
#esv-main .check_input_5spalten, 
#esv-main .check_input_6spalten {
	width: 30px;
	min-width: 30px;
	clear: left;
}

label.labelcheck_2spalten,
label.labelcheck_3spalten,
label.labelcheck_4spalten,
label.labelcheck_5spalten,
label.labelcheck_6spalten,
label.labelcheck_7spalten,
label.labelcheck_8spalten,
label.labelcheck_9spalten,
label.labelcheck_10spalten,
label.labelcheck_11spalten,
label.labelcheck_12spalten,
label.labelcheck_13spalten,
label.labelcheck_14spalten,
label.labelcheck_15spalten,
label.labelcheck_16spalten,
label.labelcheck_17spalten,
label.labelcheck_18spalten,
label.labelcheck_19spalten {
	clear: none;
}

@media only screen and (min-width : 960px) and (max-width : 1200px),
(min-width : 600px) and (max-width : 750px) {

	
	#esv-main label,
	#esv-main input,
	#esv-main select {
		min-width: 1px;
	}
	
	#esv-main label.labelcheck_4spalten,
	#esv-main .check_input_4spalten,
	#esv-main .label_4spalten,
	#esv-main .form_input_4spalten,
	#esv-main .form_select_4spalten,
	#esv-main .form_input_4spalten_grey,
	#esv-main .form_select_4spalten_grey {
		min-width: 1px;
	}
	
	#esv-main label.labelcheck_5spalten,
	#esv-main .check_input_5spalten,
	#esv-main .label_5spalten,
	#esv-main .form_input_5spalten,
	#esv-main .form_select_5spalten,
	#esv-main .form_input_5spalten_grey,
	#esv-main .form_select_5spalten_grey {
		min-width: 1px;
	}
	#esv-main label.labelcheck_6spalten,
	#esv-main .check_input_6spalten,
	#esv-main .label_6spalten,
	#esv-main .form_input_6spalten,
	#esv-main .form_select_6spalten,
	#esv-main .form_input_6spalten_grey,
	#esv-main .form_select_6spalten_grey {
		min-width: 1px;
	}
	#esv-main label.labelcheck_7spalten,
	#esv-main .check_input_7spalten,
	#esv-main .label_7spalten,
	#esv-main .form_input_7spalten,
	#esv-main .form_select_7spalten,
	#esv-main .form_input_7spalten_grey,
	#esv-main .form_select_7spalten_grey {
		min-width: 1px;
	}
	
}


/* ============================================ */
/* TERMINE Portlet
/* ============================================ */
.termine {
	font-size: 15px;
	width: 60%;
	margin: 30px 40% 30px 0;
	float: left;
	clear: both;
	min-height: 0px;
	display: block;
}

.termine_kalender {
	width: 100%;
	float: left;
	min-height: 0;
}
.termine_titel {
	text-align: center;
	padding: 10px 0;
	width: 100%;
	float: left;
}
#esv-main .termine_titel input{
	margin-top: -5px;
	width: 14.2%;
	min-width: 30px;
}
.termine_titel input:first-child {
	float: left;
}
.termine_titel input:last-child {
	float: right;
}
.termine_kalender div {
	float: left;
	text-align: center;
	width: 14.2%;
	padding: 2.5% 0;
	background: rgb(242, 245, 245);
	border: 1px solid #fff;
}
.termine_kalender div a {
	text-decoration: none;
}
.termin {
}
#esv-main .termin h2 {
	color: #008e5c;  /*sv*/
	margin-top: 50px;
}
.termin_daten_zeile {
	display: table;
	width: 100%;
	padding: 2px 0;
}
.termin_daten_links {
	display: table-cell;
	width: 33.3%;
	font-size: 13px;
}
.termin_daten_rechts {
	display: table-cell;
	font-weight: 300;
}
.termin_datum {
	width: 100%;
	float: left;
	padding: 8px;
}
.termine_alle_anzeigen {
	padding: 8px;
}


.termine_alle_anzeigen img {
	margin-right: 10px;
}


.termine_titel img {
	margin-right: 10px;
	margin-left: 10px;
}

.termine_woen {
	color: #990000;
}
.termine_woen a {
	color: #990000;
}
.termine_mit {
	font-weight: bold;
}
.termine_ohne {
	color: #333333;
}

.termine_andere {
	color: #999999;
}

/*???*/
#termine_selected {
}

@media (max-width: 400px) {
	.termine {
		width: 100%;
		margin: 30px 0 30px 0;
	}
}


/* ============================================ */
/* BESTELLWESEN Portlet
/* ============================================ */

.bestellung_preis  {
	font-size: 15px;
	width: 66.6%;
	float: right;
	color: #008e5c;  /*sv*/
}

.bestellung_band {
	width: 66.6%;
	float: right;
	padding: 5px 0;
	color: #999;
}

.bestellung_bild {
	float: left;
	padding: 0 0 10px 10px;
	width: 33.3%;
}

.bestellung_detail {
	float: right;
	width: 66.6%;
	padding: 10px 10px 10px 0;
	display: table;
}

.bestellung_link {
	display: table-cell;
	vertical-align: top;
	width: 70%;
	font-size: 15px;
	font-family: 'Roboto Condensed', sans-serif;
	letter-spacing: 0.03em;
}

.bestellung_form {
	display: table-cell;
	vertical-align: top;
}

.bestellung_form input {
	text-align: center;
}

.right .bestellung_form .label_6spalten {
	width: 100% !important;
	min-width: 1px !important;
	text-align: right;
}


.bestell_summary {
		background-color: rgb(242, 245, 245);
		font-weight: 300;
}

.bestell_summary thead {
		background-color:rgb(238, 238, 238);
}

.bestell_summary td {
		border-bottom: 1px solid #fff;
}

.bestell_artikel {
	width: 50%;
}

.bestell_gesamt {
	text-align: right;
	padding: 15px 8px;
	background-color: rgb(242, 245, 245);
	margin-bottom: 15px;
}

/* ============================================ */
/* ?BERPR?FUNG Portlet
/* ============================================ */


.bestell_1,
.bestell_2,
.ueberpruefung_1,
.ueberpruefung_2 {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	padding: 0 0 5px;
}

.bestell_1, .ueberpruefung_1 {
	font-weight: 300;
	font-size: 13px;
}


@media (max-width: 400px) {

.ueberpruefung_1,
.ueberpruefung_2,
.bestell_1,
.bestell_2 {
	width: 100%;
	margin: 0;
	padding: 0;
}

.ueberpruefung_1,
.bestell_1 {
	padding-top: 5px;
}

.ueberpruefung_2,
.bestell_2 {
	padding-bottom: 5px;
	border-bottom: 1px solid rgba(0, 100, 100, 0.2);
}
	
}


/* ============================================ */
/* ANMELDUNG Portlet
/* ============================================ */


.table, .row {
	display: table;
	width: 100%;
	background: rgb(242, 245, 245);
	border-bottom: 1px solid rgb(255, 255, 255);
}

.row {
	margin-top: 30px;
	float: left;
}

.column2_3, .column1_3,
.login_portal .column2 {
	width: 66.6%;
	display: table-cell;
	vertical-align: top;
}

.login_portal .column1 {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}

.login_portal .column2 {
	padding: 20px 0;
}

.row div:first-child .column2 {
	padding: 20px;
}

.column1_3 {
	width: 50%;
}

.column2_3 {
	border-right: 1px solid rgb(238, 238, 238);
	width: 50%;
}

.column2 .table {
	border: none;
}



.login_portal .top_header {
	padding: 20px 20px 5px;
}

.top_header, h2.top_header {
	font-size: 28px;
	line-height: 32px;
	hyphens: auto;
	color: #008e5c;  /*sv*/
	font-weight: 300;
	padding: 20px 0 30px 0;
	font-family: 'Roboto Condensed', sans-serif;
	margin: 0 0 10px;
}


.localbku_box,
.infolink,
.login_portal .usernamePasswordBaustein,
.login_portal #usernamePasswordImageUsp,
.login_portal #bkuhandy,
.login_portal #bkukarte {
	text-align: center;
	background: none;
}

.infolink {
	padding: 0 8px;
}


.login_portal #bkuhandy,
.login_portal #bkukarte {
	float: left;
	width: 50%;
	
}

.login_portal .showlogins,
#meinesvumleitungbutton {
	margin: 0 auto;
	display: block;
}

.loginlogo {
	width: 50%;
	max-width: 200px;
	margin: 15px auto;
}

.login_portal div:first-child div .loginlogo {
	width: 38%;
}

.icon_big {
	padding: 0;
	width: 90px;
	height: auto;
	clear: both;
	display: block;
	margin: 0 auto 10px;
}

/*mysv*/

.login_mysv {
	display: none;
}


.login_portal h1 {
	margin-bottom: 0;
}

.login_portal .table-row {
	display: table-row;
}

.login_portal .mysv.table-row {
	min-height: 280px;
	display: block;
	border-top: 10px solid #fff;
	background: rgba(0, 100, 100, 0.1);  /*sv*/
	float: left;
	width: 100%;
}

.mysv img {
	width: 60%;
	height: auto;
}

.mysv div {
	min-height: 100px;
	text-align: center;
	padding: 30px 10px 0;
	width: 100%;
	float: left;
}

.mysv div:last-child {
	min-height: 80px;
	padding: 0 20px 10px;
	font-weight: 300;
}

.handycard {
	float: right;
}

.mysv div:last-child img {
	width: 40px;
	height: auto;
	float: right;
}

.login_mysv #bkuhandy_meinesv button,
.login_mysv #bkukarte_meinesv button,
.login_mysv #meinesvcardbuttonlogin {
	background-color: rgb(0, 142, 92);
}



@media only screen and (max-width: 960px) {
	
	
	.loginlogo {
		width: 80%;
	}
	
	.mysv img {
		width: 90%;
		height: auto;
	}

}

@media only screen and (max-width: 960px) {
	
	
	

}

@media only screen and (max-width: 600px) {
	
	
	.login_portal .table-row {
		display: block;
		float: left;
	}
	
	.login_portal .column1, 
	.login_portal .column2 {
		width: 100%;
		border: none;
		display: block;
		float: left;
	}
	
}

@media only screen and (max-width: 400px) {
	
	
	.column1_3, 
	.column2_3 {
		width: 100%;
		border: none;
		display: block;
		float: left;
	}
	
	.column1_3 {
		margin-top: 50px;
	}
	
}



/*---- */


.left-container {
	display: table-cell;
	width: 50%;
	border-right: 4px solid #fff;
	vertical-align: top;
	background-color: rgb(242, 245, 245);
}
.v_spacer {
	width: 1%;
	vertical-align: top;
}


.usernamePasswordBaustein .label_3spalten,
.usernamePasswordBaustein .form_input_4spalten {
	width: 40%;
}

button {
	background-color: #008e5c;
    border: 0 none;
    border-radius: 4px;
    color: #fff;
    cursor: pointer;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 16px;
    height: 38px;
    margin-top: 4px;
    padding: 0 8px;
}

#usernamePasswordLinks {
	text-align: center;
}


/*respond*/

@media only screen and (max-width: 800px){

	.table-row {
		display: block;
	}
	
	.v_spacer {
		display: none;
	}
	
	.right-container, .left-container {
		width: 100%;
		display: block;
		border: none;
	}
	
	.top_header, h2.top_header {
		float: left;
		width: 100%;
		padding: 30px 0 50px;
	}	

}


/* ============================================ */
/* CASUISTIC
/* ============================================ */


/*OENBGF*/
.check_input_0spalten {
	float: left;
	margin-top: 3px;
}

/*Startseite*/
#jbpns_2fbgfportal_2foenbgf_2foenbgfWindowsnpbj .formular_baustein span  {
	width: 50%;
}


/*FEEDBACK*/
textarea.form_input_6spalten { 
	height: auto;
}

/*STASVA*/
#sprechtagsanmeldungForm div:nth-last-child(2) {
	padding: 5px 0 4px;
}

/*TERMINE*/
#esv-main form[name="calendarForm"] .form_input_3spalten {
	min-width: 80px;
}

#esv-main form[name="calendarForm"] .form_select_8spalten {
	min-width: 225px;
}

#esv-main form[name="calendarForm"] .label_10spalten {
	width: auto;
	float: left;
}

#esv-main form[name="calendarForm"] div.label_4spalten {
	display: block;
    float: left;
    padding: 5px 0;
	text-align: right;
	margin-right: 2%;
}


@media only screen and (max-width: 800px) {

#esv-main form[name="calendarForm"] .label_10spalten {
	width: 100%;
	float: left;
}

#esv-main form[name="calendarForm"] div.label_4spalten {
	text-align: left;
	margin-left: 1%;
}

}

@media only screen and (max-width: 800px) {
	/*VVMANAG Versicherungsvertreter*/
	#ie_layer {
		float: left !important;
		height: 100px;
		width: 100% !important;
		margin: 20px 0 10px !important;
	}
	#ie_layer img {
		float: left;
		margin-right: 8px;
		height: 100px;
		width: auto;
	}
}

@media only screen and (max-width: 500px) {
	#jbpns_2fesvportal_2fecardBestellung_2fecardBestellungWindowsnpbj .label_7spalten,
	#jbpns_2fesvportal_2fecardBestellung_2fecardBestellungWindowsnpbj .label_6spalten  {
		width: auto;
		min-width: 1%;
	}
	
	#jbpns_2fesvportal_2fecardBestellung_2fecardBestellungWindowsnpbj .form_input_6spalten  {
		clear: left;
	}
	
}


/* ============================================ */
/* responsive FRAME for Portlets
/* ============================================ */


#esv-main {
	display: block;
	float: left;
	width: 568px;
}

#esv-links,
.esv-application .sidebar {
	display: block;
	padding: 35px 0 20px 72px;
	width: 284px;
	float: left;
	font-size: 13px;
	line-height: 17px;
}

#esv-main h2 {
	font-size: 18px;
	margin: 15px 0 10px 0;
}


@media (max-width: 1600px) {

	#esv-main {
		width: 70%;
	}

	#esv-links,
	.esv-application .sidebar {
		width: 30%;
	}

}

@media (max-width: 960px) {

	#esv-main {
		padding-left: 0;
		width: 66.6%;
	}
	
	#esv-links,
	.esv-application .sidebar {
		width: 33.3%;
		padding-left: 5%;
	}

}


@media (max-width: 600px) {
	
	#esv-main,
	#esv-links,
	.esv-application .sidebar {
	    width: 100%;
		clear: both;
		padding: 0 1%;
		display: block;
	}
	#esv-links,
	.esv-application .sidebar { 
		border-top: 1px solid rgba(0, 100, 100, 0.2);  /*sv*/
		padding: 27px 1%;
	}
	
}


/* ============================================ */
/*  Zulieferung Designer - END
/* ============================================ */

input[type='checkbox'] {
    box-shadow: none;
}

/* ============================================ */
/*  Datepicker UTIL_JSF_COMPONENT - START
/* ============================================ */

/* Calendar Container */
#ui-datepicker-div {
	width: auto;
	height: auto;
	font: 9pt Roboto, sans-serif;
	-webkit-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	-moz-box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .5);
	display: none;
}
#ui-datepicker-div a {
	text-decoration: none;
}
/* Date Picker Header */
.ui-datepicker-header {
	background: repeat 0 0 #fff;
    border-radius: 3px;
	color: #475256;
    font-size: 12pt;
    line-height: 36px;
}
.ui-datepicker-title {
	text-align: center;	
}
.ui-datepicker-prev {
	float: left;
	background-position: center -30px;
}
.ui-datepicker-next {
	float: right;
}
.ui-datepicker-prev, .ui-datepicker-next {
	background-color: #008e5c;
    border-radius: 3px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    font-weight: normal;
    height: 30px;
    width: 30px;
    line-height: 175%;
    margin: 3px;
    overflow: hidden;
    text-align: center;
}
a.ui-datepicker-prev-hover, a.ui-datepicker-next-hover {
	color: #fff;
}
/* Date Picker Table */
.ui-datepicker table {
	background: none repeat scroll 0 0 rgb(242, 245, 245);
    border: 1px solid #fff;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
}
.ui-datepicker thead {
}
.ui-datepicker th {
	/* Uncomment to have the weekdays in the same color as the rest of the table. */
    /* background: none repeat scroll 0 0 rgb(242, 245, 245); */ 
	border: 1px solid #fff;
	text-transform: uppercase;
}
.ui-datepicker tbody td {
	border: 1px solid #fff;
	margin: 0;
	padding: 0;
}
.ui-datepicker tbody td:last-child {
	border-right: 0px;
}
.ui-datepicker tbody tr {
}
.ui-datepicker tbody tr:last-child {
	border-bottom: 0px; 
}
.ui-datepicker td span, .ui-datepicker td a {
	display: table;
	text-align: center;
	width: 32px;
	line-height: 32px;
}
/* Date Picker Hover & Active */
.ui-datepicker-calendar .ui-state-default {
}
.ui-datepicker-calendar .ui-state-hover {
	background: #fff;
}
.ui-datepicker-calendar .ui-state-active {
	color: #990000;
}
.ui-datepicker-calendar td:first-child .ui-state-active {
	width: 29px;
	margin-left: 0;
}
.ui-datepicker-calendar td:last-child .ui-state-active {
	width: 29px;
	margin-right: 0;
}
.ui-datepicker-calendar tr:last-child .ui-state-active {
	height: 29px;
	margin-bottom: 0;
}
.ui-datepicker-unselectable .ui-state-default {
    color: #999999;
}
.ui-datepicker-trigger {
    padding-left: 7px;
    padding-top: 5px;
    width: 2.2%;
}

.ui-datepicker-trigger {
    box-sizing: initial;
    float:left;
    height: 21px;
    padding-left: 7px;
    padding-top: 5px;
    width: auto;
}

/* ============================================ */
/*  Datepicker UTIL_JSF_COMPONENT - END
/* ============================================ */

/* ============================================ */
/*  REGO - START - nach eSV15.06 entfernen!!!!
/* ============================================ */


.rego_block {
    float: left;
    width: 100%;
}

/* ============================================ */
/*  REGO - END
/* ============================================ */

/* ============================================ */
/*  OENBGF - START
/* ============================================ */


.oenbgf_table {
	display: block;
}

.oenbgf_table table {
	display: block;
}

.oenbgf_table tbody {
	display: block;
}

.oenbgf_table tr {
	display: block;
}

.oenbgf_table td {
	display: block;
}

/* ============================================ */
/*  OENBGF - END
/* ============================================ */


<node pre_end>