@charset "UTF-8";

* {
margin:0;
padding:0;
border:0;
box-sizing: border-box;
line-height: 150%;
}
*::before, *::after {
box-sizing: border-box;
}
.sr-only {
border: 0 none;
clip: rect(0px, 0px, 0px, 0px);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.img-center {
font-size: 0;
text-align: center;
white-space: nowrap;
}
em{
font-weight: bold;
font-style: normal;
}
.just300 {
display:none;
}

body{
	text-align:center;
	margin:0px;
	padding:0px;
	color: #737476;
	font-family: Arial;
	font-size: 12px;
}
div, form {
	font-family: Arial;
}
img {
border:0;
}
a {
color: #737476;
}
a:hover {
color: #00597d;
}

a#teaser {
font-weight: bold;
}
h1 {
color: #00597d;
font-size: 19px;
margin: 0 0 3px 0;
}
h2 {
color: #00597d;
font-size: 15px;
margin: 5px 0 10px 0;
}
h3 {
color: #00597d;
font-size: 13px;
margin: 0 0 3px 0;
}

div.ContentText h1 {
margin: 20px 0 5px 0;
}

div.ContentText h2 {
color: #00597d;
font-size: 17px;
margin: 20px 0 5px 0;
}
div.ContentText h3 {
color: #00597d;
font-size: 17px;
margin: 20px 0 5px 0;
}
div.ContentText h4 {
color: #00597d;
font-size: 15px;
font-weight: bold;
margin: 20px 0 5px 0;
}
div.ContentText p {
margin: 10px 0 15px 0 !important;
}

/**************************************
*****  Header
***************************************/
header {
position: relative;
}
.wstsContainer {
margin: 0 auto;
width: 970px;
position:relative;
clear: both;
}
.headerContainer, .navbar-header {
content: " ";
display: table;
}
.navbar-brand {
text-align:left;
float: left;
font-size: 0;
height: 106px;
line-height: 0;
}
div.metaNav {
position: absolute;
top: 0;
right:0;
white-space: nowrap;
text-align: right;
}
div.metaNav li  {
float:right;
padding-left:32px;
list-style:none outside none;
}

div.metaNav ul.metaNav  {
margin:3px 0 0 0;
list-style:none outside none;
}

div.metaNav a {
font-size: 11px;
text-decoration: none;
}

div.metaNav a:hover {
text-decoration: underline;
}

div.searchblock {
position:absolute;
right:0;
top:38px;
font-size: 11px;
width: 178px; 
text-align:left;
}
div.searchblock a {
float:right; 
}
div.searchblock img {
margin: 0;
padding: 0;
vertical-align: bottom; 
}
input.search {
font-size: 13px;
line-height:130%;
color: #737476;
width: 152px; 
height: 20px;
padding: 0 2px;
border: 1px solid #737476; 
background-color: #FFFFFF;
}
input.fullSearch {
width: 100%;
}
a.searchHelp {
display:block;
float: right;
}
.nav-justified {
width: 100%;
}
ul.mainNav {
height: 24px;
width: 970px;
background-image: url(img/mainNavBlank.gif);
margin-bottom:8px;
line-height: 17px;
list-style:none outside none;
clear:both;
}
ul.mainNav li  {
float:left;
list-style:none outside none;
}
ul.mainNav a {
margin: -2px 0 0 44px;
display:block;
float:left;
text-decoration:none;
font-size: 14px;
font-weight:bold;
padding-bottom:2px;
}
ul.mainNav a.actMainNav {
color: #00597d;
border-bottom: 3px solid #00597d;
}
ul.mainNav li:first-child a {
margin-left: 196px;
}
div.headerImage {
line-height:0;
}

nav.navbar button {
border: 0 none;
display: none;
overflow: visible;
padding: 22px 10px 23px 10px;
position: absolute;
right: 0;
top: 0;
}
button.navbar-toggle {
background-color: transparent;
}

button.navbar-toggle:hover, button.navbar-toggle:not(.collapsed) {
background-color: #00597d;
}
button.navbar-toggle:hover .icon-bar, button.navbar-toggle:not(.collapsed) .icon-bar {
background-color: #ffffff;
}
.navbar-toggle .icon-bar {
background-color: #00597d;
display: block;
font-style: normal;
font-variant: normal;
font-weight: normal;
height: 5px;
margin: 0;
padding: 0;
text-transform: none;
vertical-align: middle;
width: 32px;
}
.navbar-toggle .icon-bar + .icon-bar {
margin-top: 8px;
}
.collapsing {
height: 0;
overflow: hidden;
position: relative;
transition-duration: 0.35s;
transition-property: height, visibility;
transition-timing-function: ease;
}

/**************************************
*****  Content
***************************************/
div.lefterColumns {
width: 750px;
float:left;
}
div.ContentText ul {
padding: 0 0 0 39px;;
}
div.ContentText tr td {
border-left: 1px solid #c3c5c6;
border-bottom: 1px solid #c3c5c6;
border-right: 0px;
border-top: 0px;
padding:2px;
}

div.ContentText table {
border-top: 1px solid #c3c5c6;
border-right: 1px solid #c3c5c6;
border-left: 0px;
border-bottom: 0px;
}

div.ContentText table.tableWithoutGrid {
border-left: 1px solid #c3c5c6;
border-bottom: 1px solid #c3c5c6;
}

div.ContentText tr.trHeader td, div.ContentText td.tdHeader{
background-color: #00567c;
text-align: left;
font-weight: bold; 
color: #ffffff;
vertical-align:top;
}

div.ContentText table.tableWithoutGrid tr.trHeader td, div.ContentText table.tableWithoutGrid td.tdHeader{
text-align: right;
vertical-align:middle;
}

div.ContentText td.tdHeader{ 
border: 1px solid #ffffff !important;
}

table.tableWithoutGrid td {
border: 0px solid #c3c5c6 !important;
margin: 2px;
text-align: right;
padding-right: 4px;
}

table.tableWithoutGrid {
border: 1px solid #c3c5c6;
}

table.tableWithoutBorder td {
border: 0px !important;
}

table.tableWithoutBorder {
border: 0px !important;
}
#content {
background-image: url(img/contHead.gif);
background-repeat: repeat-x;
margin: 0 auto;
width: 970px;
}

div.colContent {
width: 530px;
float:right;
font-size: 13px;
text-align:center;
position:relative;
}

.colContent td {
font-size: 13px;
}

div.mainContent{
text-align:left;
margin:0px 0px 10px 0px;
width: 530px;
min-height: 500px;
}

div.colContentHead{
height: 30px;
background-image: url(img/contHead.gif);
}

div.mainContent p {
margin: 20px 0 10px 0;

}

.mainContent img {
margin: 3px 3px 3px 0;
}

div.teaser {
padding-bottom:12px;
border-bottom: 2px solid #c3c5c6;
margin-top:14px;
}

div.teaserDownloads {
padding-bottom:14px;
}

div.teaserLast {
margin-top:14px;
}

img#teaserCenter {
margin-top:10px;
}

div#clearall, div.clearall {
clear: both;
margin:0px;
padding:0px;
}

.article h1 {
margin:14px 0 0 0;
}

p#Release{
margin: 0 0 15px 0;
font-size: 11px;
}


div.dclinks {
background-image: url(img/pfeil_blau_unten.jpg);
background-repeat:no-repeat;
background-position:1px 5px;
padding: 2px 0 2px 15px;
word-break: break-all;
}

span#AddInfo{
font-size: 10px;
}

div.content-view-children {
margin-top: 15px;
}

div.article_more, p.pNextPage {
background-image: url(img/pfeil_blau_rechts.jpg);
background-repeat:no-repeat;
background-position:1px 5px;
padding: 2px 0 2px 15px;
}

p.pNextPage {
text-align: left;
background-position:19px 5px;
padding: 2px 18px 2px 43px;
}

div.article div.date {
color: #00597d;
font-size: 12px;
}

div.NewsArchive h2 {
margin: 0;
padding: 0;
}
div.NewsArchive h2 a{
color: #00597d;
text-decoration: none;
}
div.NewsArchive div.date {
font-size: 11px;
}
div.NewsArchive p{
margin:3px 0 15px 0;
font-weight: normal;
font-size: 12px;
}
div.NewsArchive{
border-bottom: 1px solid #c3c5c6;
padding-top:10px;
}
input, select, textarea {
padding: 2px;
border: 1px solid #7f9db9;
}

/**************************************
*****  Left Column
***************************************/

div.colLeft, div.colMenLeft {
text-align:left;
float:left;
width:194px;
}

div.colLeftHead, div.colLeftHeadWide {
width:194px;
height: 30px;
background-image: url(img/contHead.gif);
} 
div.colLeftHead span{
display:none;
}
div.colTeaser {
padding-bottom:12px;
border-top: 2px solid #c3c5c6;
padding-top:15px;
}
div.colTeaserFirst {
padding-top:15px;
padding-bottom:12px;
}

div.colTeaser ul, div.colTeaserFirst ul {
margin:0px;
padding:0 0 0 20px;
}

div.colTeaser p, div.colTeaserLast p, div.colTeaserFirst p  {
margin: 0 0 0 0;
padding: 0 0 0 0;
}

div.colTeaser img.teaserColorItem, div.colTeaserLast img.teaserColorItem  {
margin: 2px 3px 5px 0;
border: 1px solid #737476;
box-sizing: content-box;
}

div.colTeaser div.date, div.colTeaserFirst div.date {
font-size: 11px;
}


/**************************************
*****  Menu
***************************************/

div.menuBlock {
margin-bottom: 30px;
}

.psubmenu {
margin:0px;
padding: 12px 12px 9px 19px;
background-image: url(img/menuBackground.gif);
background-position: bottom;
text-transform: uppercase;
}

.psubmenuAct {
margin:0px;
padding: 12px 12px 9px 19px;
background-image: url(img/menuBackgroundAct.gif);
background-position: bottom;
text-transform: uppercase;
}

a.lnk-umenu, a.lnk-umenu-act {
font-size: 12px;
font-weight: bold;
text-decoration: none;
display:block;
text-transform: uppercase; 
}

a.lnk-umenu:hover, a.lnk-umenu-act {
color: #00597d;
}

/**************************************
*****  Right Column
***************************************/




div.colRight {
text-align:left;
float:right;
width:194px;
}

div.colRightHead{
width:194px;
height: 30px;
border-bottom: 2px solid #c3c5c6;
font-size: 14px;
font-weight: bold;
color: #00597d;
line-height: 150%;
padding-top:5px;
} 
div.login {
padding: 13px 0 12px 0;
font-size: 11px;
border-bottom: 2px solid #c3c5c6;
}
div.logout {
padding: 13px 0 12px 0;
font-size: 13px;
border-bottom: 2px solid #c3c5c6;
}
div.logout p {
margin: 0 0 8px 0;
padding 0px;
}
form {
margin: 0 0 0 0;
padding: 0 0 0 0;
}
input.login {
margin-top:2px;
font-size: 12px;
color: #737476;
width: 192px; 
border: 1px solid #737476; 
background-color: #FFFFFF;
}
input.button, input.defaultbutton {
margin-top:3px;
padding-bottom: 3px;
padding-left: 10px;
width: 194px;
height: 21px;
text-align: left;
color: #FFFFFF;
background-image: url(img/button_bg.gif);
border:0px;
font-family: Arial;
font-size: 11px;
}
input#LoginButton {
margin-top:7px;
}

div.imageSigns {
margin-top:5px;
}

/**************************************
*****  Fuss
***************************************/


div.foot {
font-size: 11px;
}

div.FootHead{
width:970px;
height: 30px;
background-image: url(img/contHead.gif);
margin-bottom: 5px;
} 

div.footLeft{
float: left;
}
div.footRight {
float: right;
}
div.foot a {
text-decoration: none;
}
div.loginLabel {
float: left;
width: 90px;
padding: 5px 0 0 0;
}
input.loginPage {
margin:2px 0 5px 0;
font-size: 14px;
color: #737476;
width: 250px; 
border: 1px solid #737476; 
background-color: #FFFFFF;
}


/**************************************
*****  Forms
***************************************/

#meeting_rating p {
margin: 10px 0 20px 0;
}
.checkboxField input{
margin: 4px 0;
}
.FormLabel, .FormField .checkboxField label {
width: 190px;
float: left;
font-weight: bold;
text-align:right;
margin: 0 9px 0 0;
padding: 4px 0 0 0;
}
.FormMeetingRadioField .FormLabel, .FormFieldExtra .FormLabel {
padding: 8px 0 0 0;
}
div#FormError,  div.FormError{
margin-left: 199px;
color: red;
}
div.HotelReservationValue div.FormError {
margin:2px 0px !important;
}

.FormValue {
float: left;
}
div.Payment .FormValue {
padding: 4px 0 15px 0;
} 
.FormValueRadio {
float: left;
padding: 6px 0 0 0;
margin:0px;
}
.FormField .FormValueRadio label {
float: none;
font-weight: normal;
text-align: left;
}
.FormValueText {
float: left;
padding: 8px 0 0 0;
margin:0px;
}
.InputFormField {  
width: 255px; 
border: 1px solid #7f9db9; 
}
.FormField label {
width: 190px;
float: left;
font-weight: bold;
text-align:right;
margin: 0 9px 0 0;
padding: 4px 0 0 0;
}
.InputFormFieldDateTime {  
width: 23px; 
border: 1px solid 7f9db9; 
}

.InputFormTextAreaField {  
width: 100%; 
border: 1px solid 7f9db9; 
}

.InputFormFieldFile{
width: 255px; 
border: 0; 
}

.FormField {
padding:0px;
margin:0 0 8px 0;
border:0;
}
div.FormFieldExtra {
padding:0px;
margin:10px 0 20px 0;
}

div.Initial .FormLabel, div.Initial label {
width: 130px;
}

div.Initial div.FormError {
margin-left: 139px;
color: red;
}


div#FormSubmit {
padding: 25px 0 20px 0;
}


div#FormWSTS h2 {
font-size: 15px;
margin: 15px 0 10px 0;
}

div#FormWSTS h3 {
margin: 15px 0 10px 0;
}


div.FormTextAreaField {
padding-top: 8px;
}

div.FormRadioFieldLine {
padding:0px;
margin:0 0 8px 0;
}
.FormField .checkboxField label {
padding: 1px 0 0;
}

/**************************************
*****  Form Meeting
***************************************/


div.FormMeetingRadioField input{
margin: 4px 3px 0 5px;
float:left;
}
div.FormMeetingRadioField label{
margin: 3px 10px 0 3px;
float:left;
width: auto !important;
}


div.Personal .FormLabel, div.Hotel div.FormLabel, div.Payment .FormLabel, div.Personal label, div.Hotel label, div.Payment label {
width: 130px;
}

div.Personal div.FormError, div.Hotel div.FormError, div.Payment div.FormError {
margin-left: 139px;
color: red;
}

div.Participation div.FormError {
margin-left: 0px;
color: red;
}

div.BorderWSTS div {
height: 17px;
border-bottom: 1px solid #C3C5C6;
}

div.BorderWSTS {
height: 30px;
}

div.HotelReservationValue {
width: 200px;
}
div#MeetingParticipationDayCol1 {
width: 210px;
float: left;
padding: 0 0 5px 0;
}
div#MeetingParticipationDayCol1Text
{
width: 160px;
float: left;
}
div#MeetingParticipationDayCol1Checkbox
{
width: 30px;
float: left;
}
div#MeetingParticipationDayCol2 {
width: 170px;
float: left;
padding: 0 0 5px 0;
}
div#MeetingParticipationDayCol2Text
{
width: 135px;
float: left;
}
div#MeetingParticipationDayCol2Checkbox
{
width: 35px;
float: left;
}
div#MeetingParticipationDayCol3, div#MeetingParticipationDayCol3Checkbox {
width: 115px;
float: left;
}
div#MeetingParticipationDayCol3Checkbox {
padding: 0 0 5px 0;
}
div#MeetingParticipationDayCol3Text
{
width: 0px;
min-height: 16px;
float: left;
text-align:left;
}
div#FormWSTS hr {
color:#C3C5C6; 
background-color:#C3C5C6; 
height:1px;
border:0px; 
}
div#MeetingConfirmationPage img {
border: 0;
margin: 0;
padding: 0;
}
div.FormTextCB {
float:left;
}
div.FormFieldCB2 {
float:left;
}
div.FormFieldCB {
float:right;
}
table.resultData {
border-collapse: collapse;
width: 100%;
}
table.resultData td, table.resultData th {
border: 1px solid #C3C5C6;
padding: 5px;
}
table.resultData th {
width: 38%;
text-align: left;
}
table.resultData td {
width: 62%;
text-align: left;
}
table.resultData td.small {
width: 31%;
}

table.resultData thead td {
font-weight: bold;
}
.blindLable {
position: absolute;
top: 5000px;
left: 5000px;
}
#publicReport {
padding: 45px 0 0 0;
text-align:left;
}
#publicReport table {
margin: 10px 0 0 0;
border-collapse: collapse;
}
#publicReport table thead tr {
border-bottom: 1px solid #737476;
}
#publicReport table th {
font-size: 1.1em;
border-bottom: 1px solid #B3B4B6;
}
#publicReport table td, #publicReport table th {
padding: 0 5px 0 5px;
}
#publicReport table td.first, #publicReport table th.first {
padding: 0 5px 0 0;
}
#publicReport table .cc {
text-align:center;
}

/**************************************
*****  Calendar
***************************************/



/* calendar icon */
img.tcalIcon {
	cursor: pointer;
	margin-left: 1px;
	vertical-align: middle;
}
/* calendar container element */
div#tcal {
	position: absolute;
	visibility: hidden;
	z-index: 100;
	width: 158px;
	padding: 2px 0 0 0;
}
/* all tables in calendar */
div#tcal table {
	width: 100%;
	border: 1px solid silver;
	border-collapse: collapse;
	background-color: white;
}
/* navigation table */
div#tcal table.ctrl {
	border-bottom: 0;
}
/* navigation buttons */
div#tcal table.ctrl td {
	width: 15px;
	height: 20px;
}
/* month year header */
div#tcal table.ctrl th {
	background-color: white;
	color: black;
	border: 0;
}
/* week days header */
div#tcal th {
	border: 1px solid silver;
	border-collapse: collapse;
	text-align: center;
	padding: 3px 0;
	font-family: tahoma, verdana, arial;
	font-size: 10px;
	background-color: gray;
	color: white;
}
/* date cells */
div#tcal td {
	border: 0;
	border-collapse: collapse;
	text-align: center;
	padding: 2px 0;
	font-family: tahoma, verdana, arial;
	font-size: 11px;
	width: 22px;
	cursor: pointer;
}
/* date highlight
   in case of conflicting settings order here determines the priority from least to most important */
div#tcal td.othermonth {
	color: silver;
}
div#tcal td.weekend {
	background-color: #c2dce7;
}
div#tcal td.today {
font-weight: bold;
}
div#tcal td.selected {
	border: 2px solid red;
}
/* iframe element used to suppress windowed controls in IE5/6 */
iframe#tcalIF {
	position: absolute;
	visibility: hidden;
	z-index: 98;
	border: 0;
}
/* transparent shadow */
div#tcalShade {
	position: absolute;
	visibility: hidden;
	z-index: 99;
}
div#tcalShade table {
	border: 0;
	border-collapse: collapse;
	width: 100%;
}
div#tcalShade table td {
	border: 0;
	border-collapse: collapse;
	padding: 0;
	font-size: 1px; 
	line-height: 0;
}

/**************************************
*****  Links / Rechts ausrichten
***************************************/

.alignleft {
float: left;
}
.alignright {
float: right;
}

/**************************************
*****  Print Page
***************************************/


div#printpage {
width:100px;
padding-top:8px;
margin:25px 0 0 430px;
border-top: 1px solid #a3a5a6;
text-align:right;
}

div#printpage a{
font-size: 10px; 
text-decoration: none;
color:#00597D;
}

div#printpage img{
vertical-align: bottom; 
}


/**************************************
*****  WebInterface
***************************************/

.esraSoftSatusGreen {
    border-color: #339900;
    border-style: solid;
    border-width: 1px;
    margin: 20px 5px;
    padding: 5px;
	width: calc(100% - 20px);
}
.esraSoftSatusRed {
    border-color: #FF0000;
    border-style: solid;
    border-width: 1px;
    margin: 20px 5px;
    padding: 5px;
	width: calc(100% - 20px);
}
.esraSoftStatusMsgGreen {
    color: #339900;
    font-family: Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
}
.esraSoftStatusMsgRed {
    color: #FF0000;
    font-family: Arial,Helvetica;
    font-size: 13px;
    font-weight: normal;
}
.esraLoadingSpinner{
	font-size: 1.2rem;
	font-weight: bold;
	text-align: center;
	margin: 35px auto;
}
.esraLoadingSpinner .esraLoadingSpinnerText{
	font-weight: normal;
	margin: 10px 0 10px 0;
	display: block;
	text-align: center;
	font-size: 13px;
}
.esraLoadingSpinner .esraLoadingSpinnerImage{
	width: 50px;
	height: 50px;
	background: url("/esraSoft/webInterface/esraSoft_files/styles/images/loadingspinner.gif")  no-repeat center;
	display: inline-block;
}

@media screen and (max-width: 995px) {
	/**************************************
	*****  Header
	***************************************/
	.wstsContainer, ul.mainNav, #content, div.FootHead, div.lefterColumns {
	width: 720px;
	}
	div.metaNav {
	width: 310px;
	}
	ul.mainNav a {
	margin: -2px 0 0 44px;
	}
	ul.mainNav li:first-child a {
	margin-left: 70px;
	}
	div.headerImage {
	width: 720px;
	overflow:hidden;
	}
	div.columns {
	width: 194px;
	float: left;
	}
	div.colContent {
	width: 500px;
	margin-left: -500px;
	}
	div.mainContent {
	width: 500px;
	}
	div.colRight, div.colMenLeft, div.colLeft  {
	float:left;
	margin-right: 500px;
	}
	.mainContent img {
	max-width: 500px;
	}	
	div.lefterColumns {
	float:none;
	}
	div#printpage {
	margin: 25px 0 0 400px;
	}
	#publicReport table th {
	font-size: 1em;
	}

}
@media screen and (max-width: 746px) {
	/**************************************
	*****  Header
	***************************************/
	.wstsContainer, #content, div.mainContent, div.FootHead, div.lefterColumns {
	width: 440px;
	}
	.mainContent img {
	max-width: 440px;
	}
	div.lefterColumns {
	width:100%;
	}
	div.colLeftHeadWide {
	display:none;
	}
	div.colLeftHead {
	width: 100%;
	background-color: #00597d;
	background-image: none;
	color: #FFFFFF;
	font-size: 16px;
	line-height: 150%;
	padding: 8px 10px;
	height: auto;
	}
	div.colLeftHead span {
	display:block;
	}
	.headerContainer, .navbar-header {
	width: 100%;
	}
	div.metaNav {
	position: relative;
	width: 100%;
	right:auto;
	}
	div.metaNav, ul.mainNav li a {
	border-bottom: 1px solid #737476;
	display:block;
	padding: 13px 10px;
	}
	ul.mainNav li a {
	padding-top: 17px;
	}
	div.mainContent{
	min-height: 10px;
	margin-bottom: 50px;
	}
	div.metaNav li {
	float: left;
	padding-left: 0;
	font-size: 16px;
	}
	div.metaNav li a, ul.mainNav a {
	font-size: 16px;
	font-weight: normal;
	}
	ul.mainNav {
	width: 100%;
	}
	ul.mainNav a {
	margin: -2px 0 0 0;
	width:100%;
	text-align:left;
	}
	ul.mainNav li:first-child a {
	margin-left: 0;
	}
	div.headerImage, div#printpage, div.colContentHead, .notMobile {
	display:none;
	}
	nav.navbar button {
	display: block;
	}
	.navbar-brand {
	height: auto;
	display:block;
	width: 277px;
	overflow: hidden;
	}
	.collapse {
    display: none;
    visibility: hidden;
	}
	.searchContainer {
	position: relative;
	}
	div.searchblock {
	position:relative;
	width: 100%; 
	top: 0;
	background-color: #eaeaea;
	}
	input.search {
	font-size: 16px;
	line-height:130%;
	width: 390px; 
	height: 23px;
	padding: 0 2px;
	margin: 8px;
	}
	div.searchblock a {
	margin: 8px 8px 8px 0; 
	border: 2px solid #00597d;
	}
	.in {
    display: block;
	visibility: visible;
	}
	ul.metaNav > li + li::before {
    content: "| ";
    padding-left: 10px;
    padding-right: 7px;
	}
	ul.metaNav > li + li::after {
    clear:both;
	}
	ul.mainNav {
	background-image: none;
	width: 100%;
	}
	#topNavbar {
	background-color: white;
	border-top: 2px solid #00597d;
	}
	ul.mainNav li {
	width: 100%;
	}
	ul.mainNav a.actMainNav {
	border-bottom: 1px solid #00597d;
	}
	div.colLeft, div.colMenLeft, div.colContent, div.colRightHead, div.colRight {
	width: 100%;
	margin-left:0;
	margin-right:0;
	}
	div.colTeaserFirst {
	border-top: 2px solid #c3c5c6;
	}
	#content, .psubmenu, .psubmenuAct {
	background-image: none;
	padding:0;
	}
	a.lnk-umenu, a.lnk-umenu-act {
	font-size: 16px;
	font-weight: normal;
	border-bottom: 1px solid #737476;
    padding: 13px 10px;
	}
	input.login, input.loginPage {
	width: 100%;
	font-size: 16px;
	}
	div.login {
	border-bottom: 0 none;
	}
	.login .button {
	margin-top:7px;
	float:right;
	}
	input.button, input.defaultbutton {
	margin-top:3px;
	padding-bottom: 3px;
	padding-left: 10px;
	height: 31px;
	background-image: url(img/button_bg_mb.png);
	font-size: 16px;
	}
	input, select {
	font-size: 16px;	
	}
	.login br {
	clear:both;
	}
	div.footRight, div.footLeft {
	float:none;
	}
	/**************************************
	*****  Form
	***************************************/
	div.radioFullLine label {
	width: 413px !important;
	margin-right: 0;
	}
	.InputFormField {  
	width: 240px; 
	}
	div#MeetingParticipationDayCol1 {
	width: 200px;
	}
	div#MeetingParticipationDayCol1Text
	{
	width: 160px;
	}
	div#MeetingParticipationDayCol1Checkbox
	{
	width: 30px;
	}
	div#MeetingParticipationDayCol2 {
	width: 160px;
	text-align:center;
	}
	div#MeetingParticipationDayCol2Text
	{
	width: 125px;
	text-align:left;
	}
	div#MeetingParticipationDayCol2Checkbox
	{
	width: 30px;
	}
	div#MeetingParticipationDayCol3, div#MeetingParticipationDayCol3Checkbox {
	width: 80px;
	text-align:center;
	}
	div.Hotel div.FormLabel, div.Hotel label {
    width: 100px;
	}

}
@media screen and (max-width: 510px) {
	.wstsContainer, #content, div.mainContent, div.FootHead, input.login, div.lefterColumns {
	width: 300px;
	}
	.mainContent img {
	max-width: 300px;
	}
	.navbar-brand {
	width: 216px;
	}
	input.search {
	width: 250px; 
	}
	.login .button {
	margin-top:10px;
	float:none;
	}
	div.Personal .FormLabel, div.Hotel div.FormLabel, div.Payment .FormLabel, div.Personal label, div.Hotel label, div.Payment label, .FormField label, .FormLabel, .FormValue {
	width:100%;
	text-align:left;
	}
	.InputFormField, .FormFieldCB2 {
	width: 100%;
	}
	.FormFieldCB2 {
	text-align:center;
	}
	div.Personal div.FormError, div.Hotel div.FormError, div.Payment div.FormError, div#FormError, div.FormError {
	margin-left: 0px;
	}
	div.radioFullLine label {
	width: 273px !important;
	}
	.no300 {
	display:none;
	}
	.just300 {
	display:inline;
	}
	div#MeetingParticipationDayCol1, div#MeetingParticipationDayCol2, div#MeetingParticipationDayCol3 {
	width: 100%;
	}
	div#MeetingParticipationDayCol1Text, div#MeetingParticipationDayCol2Text, div#MeetingParticipationDayCol3Text {
	width: 85%;
	}
	div#MeetingParticipationDayCol1Text {
	font-weight: bold;
	}
	div#MeetingParticipationDayCol1Checkbox, div#MeetingParticipationDayCol2Checkbox, div#MeetingParticipationDayCol3Checkbox {
	width: 14%;
	text-align: center;
	}
}