/* flexible css begins */
/**/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, 
fieldset, form, label, legend, input,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
}

html {
	height: 99%;
	margin: 0;
  padding: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0 0 1px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #52515f;
	background: #fff url(../fileadmin/templates/vsmpo_main/images/pg_bg_home.jpg) no-repeat top center;
}
.flLeft {
  float: left;
}
.flRight {
  float: right;
}
.clearfix {
  clear: both;
  font-size: 0;
  height: 0;
}
.clear {
  clear: both;
}
a, a:active, a:focus {
border:none;
outline:none;
}


#page {
  width: 973px;
  margin: 17px auto;
  padding: 0 0 0 0;
  background-color:transparent;
}
#topLine {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/pg_bg_topline.png) no-repeat top left;
}
#bottomLine {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/pg_bg_bottomline.png) no-repeat left -1px;
}
#allContent {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/pg_bg_allcontent.png) repeat-y top left;
  padding:0 0 1px 0;
}
#innerContent {
  margin: 0 25px 5px 25px;
 
}
#topContentLine {
  height:92px;
}
#logo {
  width:423px;
}
#topMenu {
  text-align:right;
  width:500px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#headerImage {
  height: 302px;
  width:923px;
  overflow: hidden;
  margin:0 0 22px 0;
  clear:both;
}

#pageContent {
  width:923px;
  margin: 0 0 22px 0;
  background: transparent url(../fileadmin/templates/vsmpo_main/images/pg_bg_pagecontent_home.gif) repeat-y top left;
}
#leftCol {
  width:224px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#leftCnt {
  width:206px;
}
#midCol {
  width:425px;
  padding:0 25px;
  /*border-width: 0 1px;
  border-color: #e7e7e7;
  border-style: solid;*/
}
#rightCol {
  width:206px;
  padding: 0 0 0 18px;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#bottomMenu {
  height:19px;
  background-color: #e4e8f4;
  text-align:right;
}

#topLeftMenu {
  padding:7px 0;
  margin:0;
}
#topLeftMenu a {
  border-right: 1px solid #cbcacf;
  padding: 0 15px;
  color: #52515f;
  font-size:10px;
  text-decoration: none;
  font-weight: normal;
}
#topLeftMenu a.last {
  border: none;
}

#topLeftMenu a:hover,
#topLeftMenu a:hover.act {
  color: #1273ab;
}
#topLeftMenu a.act {
  color:#ff0000;
}

#mainMenuContent {
	background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenucontent_bg.gif) no-repeat top left;
	height:32px;
	width:924px;
}
#mainMenu {
  list-style:none;
  padding:0;
  margin:0;
}
#mainMenu li {
  display:block;
  text-align:center;
}
#mainMenu li a.first {
  width:307px;
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_no_l.gif) no-repeat top left;
  border-width: 0 0 1px 0;
}
#mainMenu li a:hover.first, #mainMenu li a.first.firstact {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_ho_l.gif) no-repeat top left;
}
#mainMenu li a.middle {
  width:307px;
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_no_m.gif) no-repeat top left;
}
#mainMenu li a:hover.middle, #mainMenu li a.middle.middleact {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_ho_m.gif) no-repeat top left;
}
#mainMenu li a.last {
  width:307px;
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_no_r.gif) no-repeat top right; 
  border-width: 0 0 1px 0;
}
#mainMenu li a:hover.last, #mainMenu li a.last.lastact {
  background: transparent url(../fileadmin/templates/vsmpo_main/images/menus/mainmenu_ho_r.gif) no-repeat top right; 
}
#mainMenu li a {
  border-width: 0 1px 1px 1px;
  border-color: #828282;
  border-style: solid;
  width: 100%;
  height: 24px;
  display:block;
  padding: 7px 0 0 0;
  display:block;
  color: #666666;
  font-size:14px;
  font-weight:normal;
  text-decoration: none;
}
#mainMenu li a:hover,
#mainMenu li a.firstact,
#mainMenu li a.middleact,
#mainMenu li a.lastact {
  border-bottom: 1px solid #1273aa;
  color: #fff;
}

#subMenu {
  list-style:none;
  padding:0;
  margin:0;
  width: 194px;
  border-top: 1px #e4eef7 solid;
}
#subMenu li {
  padding: 1px 0;
  border-bottom: 1px #e4eef7 solid;
}
#subMenu li a {
  width: 170px;
  padding: 6px 12px 5px 12px;
  display:block;
  color: #52515f;
  font-size:10px;
  font-weight: bold;
  text-decoration: none;
  line-height:14px;
}
#subMenu li a:hover,
#subMenu li a.act,
#subMenu li a:hover.act {
  color: #1273ab;
  background-color: #e4eef7;
}

#bottomLeftMenu {
  padding:3px 0 0 0;
  margin:0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
#bottomLeftMenu a {
  border-left: 1px solid #cbcacf;
  padding: 0 15px;
  color: #52515f;
  font-size:10px;
  font-weight:normal;
  text-decoration: none;
}
#bottomLeftMenu a.first {
  border: none;
}
#bottomLeftMenu a:hover,
#bottomLeftMenu a:hover.act {
  color: #1273ab;
}
#bottomLeftMenu a.act  {
  color: #ff0000;
}


/* forms */
form {
	margin:0;
	padding:0;
}
.formhidden {
  position:absolute;
  visibility:hidden;
}
.formclearfix {
  clear: both;
  font-size: 0;
  height: 0;
}
.labelText {
	padding-left: 3px;
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#676573;
	line-height:1.5;
}
.labelTextC, .textinputC {
	position:absolute;
	left:-999px;
	visibility:hidden;
}
.labelTextD, .textinputD {
	position:absolute;
	left:-999px;
	visibility:hidden;
}
.labelTextCheckbox {
	padding-left: 3px;
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#676573;
	line-height:1.75;
}
.labeln {
  width:58px;
  display:block;
  float:left;
  padding:0;
  height:20px;
}
.textinput {
  width:216px;
  height:12px;
  border-top:1px solid #9dadc4;
  border-right:1px solid #e2e9ef;
  border-bottom:1px solid #e2e9ef;
  border-left:1px solid #9dadc4;
  float:left;
  font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#5d92bc;
}
.textinputSmall {
  width:46px;
  height:12px;
  margin: 0 6px 0 0;
  border-top:1px solid #9dadc4;
  border-right:1px solid #e2e9ef;
  border-bottom:1px solid #e2e9ef;
  border-left:1px solid #9dadc4;
  float:left;
  font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#5d92bc;
}
.textinputMiddle {
  width:162px;
  height:12px;
  border-top:1px solid #9dadc4;
  border-right:1px solid #e2e9ef;
  border-bottom:1px solid #e2e9ef;
  border-left:1px solid #9dadc4;
  float:left;
  font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#5d92bc;
}
.checkboxCnt {
  width:71px;
  height:20px;
  float:left;
}
textarea {
  width:402px;
  height:68px;
  border-top:1px solid #9dadc4;
  border-right:1px solid #e2e9ef;
  border-bottom:1px solid #e2e9ef;
  border-left:1px solid #9dadc4;
  font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#5d92bc;
	padding:13px 20px;
	margin:5px 0;
	overflow:auto;
}
.requiredField {
  padding: 0 0 0 3px;
	font-family:Arial,Verdana,sans-serif;
	font-size:10px;
	color:#ff0000;
}
.button {
  cursor:pointer;
  display:inline;
  font-size: 11px;
  font-family:Arial,Verdana,sans-serif;
  background:none;
  border:none;
  font-weight:bold;
  text-decoration:none;
  color:#2885b1;
  padding:0 10px 0 0;
  width:55px;
	background: transparent url(../fileadmin/templates/vsmpo_main/images/icons/link_arrow_blue.gif) no-repeat right 2px;
}

.ui-helper-hidden-accessible {
	left: -999em;
  position: absolute;
}
.ui-radio-state-disabled,
.ui-radio-state-checked-disabled,
.ui-radio-state-disabled-hover,
.ui-radio-state-checked-disabled-hover {
	color: #999;
}
span.ui-checkbox,
span.ui-radio {
	display: block;
  background: url(../fileadmin/templates/vsmpo_main/images/icons/icon_checkbox.gif) no-repeat 0px -40px;
  float: left;
  width: 16px;
  height: 16px;
}
span.ui-helper-hidden {
	display: none;
}

span.ui-radio-state-hover,
span.ui-checkbox-state-hover {
	background-position: 0px -114px;
}
span.ui-checkbox-state-checked {
	background-position: 0px -1px;
}
span.ui-checkbox-state-checked-hover {
	background-position: 0px -75px;
}
span.ui-radio-state-checked-disabled-hover,
span.ui-radio-state-checked-disabled,
span.ui-radio-state-checked {
	background-position: 0px -161px;
}
span.ui-radio-state-checked-hover {
	background-position: 0px -200px;
}
.mkteaserImgCnt {
  padding: 0 0 5px 0;
}
.mkteaserImg {
  border:1px solid #a6a4a5;
}
.mkteaserTextCnt, mkteaserTextCnt p {
  color:#878787;
}
.mkteaserLinkCnt {
  padding:5px 0 0 0;
}
a.mkteaserLink, a:link.mkteaserLink, a:visited.mkteaserLink, a:active.mkteaserLink {
  /*font-family: Verdana, Tahoma, Arial, Helvetica, sans-serif;*/
  padding:0;
  margin:0;
  font-weight:bold;
  font-size:11px;
  text-decoration:none;
  color:#1273ab;
  padding:0 10px 0 0;
	background: transparent url(../fileadmin/templates/vsmpo_main/images/icons/link_arrow_blue.gif) no-repeat top right;
}

.csc-frame-rulerAfter {
  clear:both;
  height:15px;
  border-bottom:1px solid #e4e8f4;
}
.csc-frame-rulerAfter-spacer {
  height:15px;
  clear:both;
}

/* default styles for extension "tx_cssstyledcontent" */
/* captions */
div.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
div.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
div.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

/* needed for norows setting */
div.csc-textpic div.csc-textpic-imagecolumn { float: left; display: inline; }

/* border just around the image */
div.csc-textpic-border div.csc-textpic-imagewrap .csc-textpic-image img {
  border: 2px solid black;
  padding: 0px 0px;
}

div.csc-textpic-imagewrap { padding: 0; }

div.csc-textpic img { border: none; }

/* div: this will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap div.csc-textpic-image { float: left; }

/* ul: this will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap ul { list-style: none; margin: 0; padding: 0; }
div.csc-textpic div.csc-textpic-imagewrap ul li { float: left; margin: 0; padding: 0; }

/* dl: this will place the images side by side */
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image { float: left; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dt { float: none; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd { float: none; }
div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image dd img { border: none; } /* fe-editing icons */
dl.csc-textpic-image { margin: 0; }
dl.csc-textpic-image dt { margin: 0; display: inline; }
dl.csc-textpic-image dd { margin: 0; }

/* clearer */
div.csc-textpic-clear { clear: both; }

/* margins around images: */

/* pictures on left, add margin on right */
div.csc-textpic-left div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-left div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline; /* ie fix for double-margin bug */
  margin-right: 10px;
}

/* pictures on right, add margin on left */
div.csc-textpic-right div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap .csc-textpic-image,
div.csc-textpic-intext-right div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline; /* ie fix for double-margin bug */
  margin-left: 10px;
}

/* pictures centered, add margin on left */
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image {
  display: inline; /* ie fix for double-margin bug */
  margin-left: 10px;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { margin: 0; }

/* space below each image (also in-between rows) */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
div.csc-textpic-equalheight div.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
div.csc-textpic div.csc-textpic-imagerow { clear: both; }

/* no margins around the whole image-block */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

/* add margin from image-block to text (in case of "text w/ images") */
div.csc-textpic-intext-left div.csc-textpic-imagewrap,
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
  margin-right: 10px !important;
}
div.csc-textpic-intext-right div.csc-textpic-imagewrap,
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
  margin-left: 10px !important;
}

/* positioning of images: */

/* above */
div.csc-textpic-above div.csc-textpic-text { clear: both; }

/* center (above or below) */
div.csc-textpic-center { text-align: center; /* ie-hack */ }
div.csc-textpic-center div.csc-textpic-imagewrap { margin: 0 auto; }
div.csc-textpic-center div.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* remove ie-hack */ }
div.csc-textpic-center div.csc-textpic-text { text-align: left; /* remove ie-hack */ }

/* right (above or below) */
div.csc-textpic-right div.csc-textpic-imagewrap { float: right; }
div.csc-textpic-right div.csc-textpic-text { clear: right; }

/* left (above or below) */
div.csc-textpic-left div.csc-textpic-imagewrap { float: left; }
div.csc-textpic-left div.csc-textpic-text { clear: left; }

/* left (in text) */
div.csc-textpic-intext-left div.csc-textpic-imagewrap { float: left; }

/* right (in text) */
div.csc-textpic-intext-right div.csc-textpic-imagewrap { float: right; }

/* right (in text, no wrap around) */
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap { float: right; clear: both; }
/* hide from ie5-mac. only ie-win sees this. \*/
* html div.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
/* end hide from ie5/mac */

/* left (in text, no wrap around) */
div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap { float: left; clear: both; }
/* hide from ie5-mac. only ie-win sees this. \*/
* html div.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
/* end hide from ie5/mac */
div.csc-textpic div.csc-textpic-imagerow-last { margin-bottom: 0; }






/* flexible css ends */
