/* Main stylesheet */

/* Import sub stylesheets */
@import url("reset.css");   /* has to be the first css styles */
@import url("form.css");
@import url("menu.css");
@import url("tables.css");
@import url("search.css");
@import url("news.css");
@import url("rightcol.css");


/* Tag Definitions limited to ID's */
html {
	height: 100%;
	overflow-y: scroll;
}

body, html {
	margin: 0 0 20px 0;
  background-color: #ffffff;
	background-position: top;
	background-repeat: repeat-x;

  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 12px; /* !! BASIC FONT-SIZE DEFINITION !! */
  font-weight: normal;
  line-height: 1.5; /* do not use a unit */
}

a {
	color: #006666;
}

a:hover {
	text-decoration: none;
}

h1, h2, h3, h4, h5 {
    color: #000000;
}

h1 {
    font-size: 150%;
    font-weight: bold;
    margin: 0 0 10px 0;
}

h2 {
    font-size: 100%;
    font-weight: bold;
    margin: 0 0 4px 0;
}

h3 {
    font-size: 120%;
    font-weight: bold;
    margin: 0 0 4px 0;
}

textarea,
input,
select {
    font-size: 100%;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    vertical-align: middle;
}


ul li {
    padding: 0 0 0 15px;

    list-style: none;
    list-style-position: outside;

    background-image: url(../images/arrowGreenSmall.gif);
    background-position: 1px 5px;
    background-repeat: no-repeat;

    line-height: 17px;
}

/* Layout classes and ID's */
.pagewidth {
	background-color: #FFFFFF;
	width: 970px;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}

.headerRow {
	height: 50px;
	width: 970px;
	background-position: left top;
	background-repeat: no-repeat;
}

.logo {
	float: left;
	margin: 0;
	width: 322px;
	margin-top: 9px;
}

.menuLang {
  float: left;
  height: 25px;
  background-color: #7f7f7f;
  /* changed after screendesign review */
  background-color: #707070;
  margin-left: 1px;
  width: 80px;
}

.menuHeader {
  height: 25px;
  float: left;
  width: 648px;
}

.menuMeta {
  float: left;
}

.searchDiv {
  float: left;
  background-color: #7F7F7F;
  height: 25px;
  width: 164px;
}


/* ACCESS KEYS */
.hidden {
  display: inline;
  height: 0;
  left: -1000px;
  overflow: hidden;
  position: absolute;
  top: -1000px;
  width: 0;
  clear:left;
  margin-top:-1px;
}


/* Font Size Tool */
.fontSizeTool {
  height: 25px;
  width: 83px;
  float: left;
  background-color: #7f7f7f;
  /* changed after screendesign review */
  background-color: #707070;
}

.fontSizeTool A {
  display: block;
  color: #FFFFFF;
  text-decoration: none;
  font-size: 90%;
  padding: 3px 0 0 5px;
  height: 21px;
}

.fontSizeToolFirst,
.fontSizeToolLast {
  width: 41px;
  float: left;
  height: 25px;
  border-right: 1px solid #ffffff;
}

.fontSizeToolLast {
  border-right: none;
}

.fontSizeToolFirst:hover,
.fontSizeToolLast:hover {
  background-color: #CC0033;
}


.statusRow {
	float:left;
	width:720px;
	margin: 0 0 10px 10px;
}

.menuMain {
  margin: 25px 0 0px 0;
}

.menuSub {
	margin-bottom: 25px;
}

.wrapper {
	height: 100%;
	margin-top: 0px;
  clear: both;
}

.leftcol {
	width: 161px;
	float: left;
  margin-top: 25px;
}

.oneCol {
	width: 784px;
	float: left;
	padding: 0 0 0 25px;
	min-height: 400px;
}

.twocols {
	width: 809px;
	float: right;
}

.rightcol {
	float: right;
	width: 163px;
	margin-bottom: 10px;
	margin-left: 1px;
	margin-top: 25px;
}

.maincol {
	float: left;
	width: 595px;
	padding: 0 25px 0 25px;
	min-height: 400px;
}

.headerImage {
  margin-left: -24px;
}

.headerImage IMG {
  margin-bottom: 20px;
}

.rootLine {
  min-height: 17px;
  font-size: 90%;
  /* changed after screendesign review */
  color: #5E5E5E;
  padding: 4px 0 4px 0px;
  margin-left: -21px;
}

.rootLine A {
  color: #7F7F7F;
  /* changed after screendesign review */
  color: #5E5E5E;
  text-decoration: none;
}

.rootLine A:hover {
  color: #000000;
}

/* Canton Selector */
.cantonSelector {
  height: 25px;
  width: 159px;
  background-color: #4ea2a2;
  padding-left: 4px;
  margin-bottom: 20px;
  padding-top: 4px;
}

.cantonSelector select {
  width: 155px;
}

/* Eurokey */
.eurokeyLogo {
	margin-top: 30px;
	text-align: center;
}


/* Footer */
.footerRow {
	height: 25px;
	clear: both;
	padding: 0 0px 0 0px;
	background-color: #cbcbcb;
  margin-top: 25px;
}

.menuFooter {
	float: left;
	text-align: left;
}

.bankAccount {
  float: right;
  text-align: right;
  color: #6F6F6F;
  /* changed after screendesign review */
  color: #505050;
  padding: 3px 4px 0 0;
}


/* CLASSES */
/* Classes for Filelinks */
.fileContainer {
	margin-bottom: 10px;
}

.fileLink {
	padding-left: 30px;
}

.fileIcon {
	width: 30px;
    margin-top: 2px;
	float: left;
	clear: left;
}

.fileRemark,
.fileInfos {
	font-size: 90%;
	padding-left: 30px;
	clear: both;
}

.clear {
	clear: both;
}


/* classes for 3 cols with layout option */
.twoColBox1st,
.twoColBox2nd {
	width: 230px;
	float: left;
	margin: 0 15px 15px 0;
  font-size: 160%;
  font-style: italic;
}

.twoColBox2nd {
	margin-right: 0;
  margin-left: 30px;
  width: 320px;
  font-size: 115%;
  font-style: normal;
  float: right;
}

/* this box is required after 3 col boxes */
.oneColBox {
	width: 595px;
	float: left;
	margin-bottom: 15px;
}

.backLink {
	clear: both;
	float: right;
	margin-top: 10px;
}



/* CSS STYLED CONTENT OVERRIDES */
.maincol .csc-linkToTop {
	margin: 10px 0 10px 0;
	text-align: right;
  border-bottom: 1px solid #006666;
	overflow: auto;
}

.maincol .csc-linkToTop A {
	color: #000000;
	text-decoration: none;
}

.csc-frame-rulerAfter {
	height: 1px;
  background-color: #006666;;
  margin: 15px -25px 15px -5px;
	clear: left;
}


/* extensions with minimal styles */
#captchaResponse {
	margin: 4px 5px 0pt 120px;
	vertical-align: top;
	width: 100px;
}

.tx-flvplayer-pi1 {
	text-align: left;
}

.tx-nezzophotogallery-pi1 table {
    border-collapse: separate;
    border-spacing: 3px;
}


/* css for the special company management layout */
/* used with jQuery on the "Geschaeftleitung" page */
.cm-element {
	float: left;
	height: 152px;
}

.cm-text {
	width: 270px;
	height: 151px;
	padding: 0 0 0 20px;
    float: left;
    margin-bottom: 1px;
}

.cm-hidden {
	 display: none;
}

.cm-shadow {
	opacity:0.4;
	filter:alpha(opacity=40);
}

.cm-firstOnSecondLine {
	/* clear: left; */
	padding-left: 101px;
}

.cm-firstOnThirdLine {
	/* clear: left; */
	padding-left: 202px;
}

.cm-clear {
	clear: both;
	height: 0;
}

.cm-element div.csc-textpic-intext-left div.csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap div.csc-textpic-imagewrap {
	margin: 0 !important;
}

.cm-element img {
	margin: 0 1px 1px 0 !important;
}