/**
 * Preparing things, reset
/* Sets margins and paddings of all HTML elements to 0.
 * This unifies the layout of the page in different browsers.
 */

* {
  margin: 0;
  padding: 0;
}

/* Resetting margins and paddings causes select boxes to be to small. This is fixed here. */
option {
  padding-left: 0.4em;
}

/**
 * The following definitions comes from the article 'Useful Code Snippets' by Mike Foskett
 * See http://www.websemantics.co.uk/tutorials/useful_css_snippets/
 */

/**
 * Always show vertical scrollbar also in Netscape & Firefox. Prevents centered layouts to jump
 * 10 pixels to the side, when the page content get smaller than the height of the browser window.
 */
html {
  height: 100%;
}
body {
  min-height: 101%;
  /* Removes the rounding error of font size in Opera and default formatting */
  font-size: 100.01%;
  /* Prevents positioned elements not to be moved when the size of the browser window is changed */
  position: relative;

  /* Default colors and text alignment */
  color: #000;
  background: #fff url(/fileadmin/easyrev/images/companylogo-small-Alfdorf.jpg) top right no-repeat;
  text-align: left;
}
  

/* Reset default border */
fieldset, img {
  border: 0;
}

/* Adjustment for Safari Browser. font-size: 100%; is to big for Safari in forms */
select, input, textarea {
  font-size: 99%;
}

/* DIV container of the base layout */

#header {
  position: top;
}

#nav {
  clear: both;
  margin-left: 1%;
  width: 60%;
/*   background: url(/fileadmin/easy-rev/images/Koerper-Kult-Logo.JPG); 
  background-position: right top; */
}

#main {
  clear: both;
  width: auto;
  border-bottom: 2px color:#666;
}

#col3 {
  width: auto;
  margin-left: 0px; /* Default value if no other value is set */
  margin-right: 0px; /* Default value if no other value is set */
}

#footer {
  clear: both;
}  

/* Backup for IE clearing */
/* Formatting of the footer */
#footer {
  color: #666;
  background: #000;
  margin: 0 1em;
  padding: 1em 0;
  /* border-top: 1px dotted #999; */
  line-height: 2em;
}

/* If the IE bug is still there, the z-index prevents the texts to be displayed in front of column background. */
#col1 {z-index: 3;}
#col2 {z-index: 5;}
#col3 {z-index: 1;}
#col1_content {z-index: 4;}
#col2_content {z-index: 6;}
#col3_content {z-index: 2;}

#col1_content, #col2_content, #col3_content {
  position: top;
}

/* Middle column */
#col3 {
  margin-left: 0%;
  margin-right: 0px;
}

#col3_content {
  margin-left: 1em;
  margin-right: 1em;
  margin-top: 1em;
  padding-top: 0px;
}

/*  Markup-free CSS float clearing solution */

  /* Clearfix method for clearing the float environment */
  .clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
  }

  /* Needed for Safari */
  .clearfix { display: block; }

  /* Overflow method for clearing the float environment */
  .floatbox { overflow: hidden; }

  /* IE-Clearing: Only needed for IE */
  #ie_clearing { display: none; }

  /* Clearing of the 3 Contentcolumns using this special hr tag */
  hr.clear_columns {
    clear: both;
    float: left;
    content: ".";
    display: block;
    height: 0;
    line-height: 0px;
    visibility: hidden;
    border: 0;
    padding: 0;
    margin: -1.1em 0 0 0; /* needed to prevent space between columns and footer */
  }

/* Default formatting for lists and quotes */

  ul, ol, dl { margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em; }

  dt { font-weight: bold; }
  dd { margin: 0 0 1em 2em; }

  blockquote, cite { margin: 0 0 1em 1.5em; font-size: 0.93em; width: auto;}
  
  /* Unordered lists without bullets */
  ul.linklist { list-style-type: none; margin: 0 0 1em 0; }
  ul.linklist li { margin: 0 0 1em 0; }

/* Formating of the head area */
#header {
  height: 75px;
  color: #FF8700;
  font-size: 0.8em;
  margin-left: 1%;  
  /*border-bottom: 1px solid #EBEBEB;*/
  }
  
#headertitle {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 1.8em;
  padding: 1em 0em 0em 0.6em;
  vertical-align: middle;
  margin-left: 0%;
}

#header_img {
  margin: 1px 0 0 1px; 
  font-size: 100%;
  vertical-align:right;
}

/* Headlines, running text 81.25% */

body { color: #333; font-size: 100%; font-family: 'Helvetica', Verdana, Arial, sans-serif; } /* 13px */
h1,h2,h3,h4 { font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif; font-weight: normal;}

/* h1: headline above the middle column */
h1 {font-size: 1.3em; color: #000000; margin: 0 0 0.25em 0; padding-top: 1.2em; font-weight: bold;}
/* h2: headline of content elements */
h2 {font-size: 1.2em; color: #000000; margin: 0 0 0.25em 0; padding-top: 1.5em; border-bottom: 2px #ddd solid; }
h3 {font-size: 1.1em; color: #000000; margin: 0 0 0.25em 0; padding-top: 1.5em; font-weight: bold; }
h4 {font-size: 1.0em; color: #000000; margin: 0 0 0.30em 0; padding-top: 1em; font-weight: bold; border-bottom: 1px #ddd solid;}
h5 {font-size: 1.0em; color: #000000; margin: 0 0 0.30em 0; font-style: italic; }
h6 {font-size: 1.0em; color: #000000; margin: 0 0 0.30em 0; font-style: italic; }

p,ul,dd,dt { line-height: 1.5em; }
p { line-height: 1.5em; margin: 0 0 1em 0; }


strong,b { font-weight: bold; }
em,i { font-style: italic; }
pre, code { font-family: "Courier New", Courier, monospace; }
address { font-style: normal; line-height: 1.5em; margin: 0 0 1em 0; }

hr {
  color: #fff;
  background: transparent;
  margin: 0 0 0.5em 0;
  padding: 0 0 0.5em 0;
  border: 0;
  border-bottom: 1px #eee solid;
}

acronym, abbr {
  letter-spacing: .07em;
  border-bottom: 1px dashed #c00;
  cursor: help;
}


/* Positioning of pictures */

img.float_left { float: left; margin-right: 1em; margin-bottom: 0.15em; border: 0; }
img.float_right { float: right; margin-left: 1em; margin-bottom: 0.15em; border: 0; }
img.center { text-align: center; background: #fff; padding: 4px; border: 1px #ddd solid; }
img.framed { padding: 3px; border: 1px #ddd solid; background: #f4f4f4; }


/* Display of local and external links */

a, a em.file {color: #000; text-decoration: none;}
a:hover {background-color: #f4f4f4; text-decoration: underline;}
a:focus {background-color: #f4f4f4; text-decoration: underline;}

#footer a { color: #FF8700; }
#footer a:hover {background-color: #f4f4f4; }
#footer a:focus {background-color: #f4f4f4; }
#footer {
  vertical-align: middle;
  margin-left: 22.5%;
}

#main {
  width: 100%;    /* Enclosing the floats in IE */
  float: left;        /* Enclosing the floats in all other browsers */
  font-family: 'Helvetica', Verdana, Arial, Sans-Serif;
  font-size: 0.86em;
  /* border-bottom: 1px #333 dotted; */
  line-height: 2.0em;
}

#date {
}

#printversion {
  float: left;
  padding-left: 10px;
}

#fontrezize {
  float: left;
  padding-left: 20px;
}

#breadcrumb {
  padding-left: 0px;
  margin-bottom: 0px;
}

#main a[href^="http:"], #main a[href^="https:"] {
  padding-left: 12px;
  background-repeat: no-repeat;
  background-position: left;
}

#main a.imagelink {
  padding-left: 0;
  background: transparent;
}

/* Forms & Tables */

.header_table {
  position: top;
  width: 100%;
  color: #A4A4A4
}

table { border-collapse: collapse; width: 100%; margin-bottom: 0.5em; }

form {overflow: hidden;}

input, textarea {
  width: auto;
  border: 1px #ccc solid;
  background: #fafafa;
  padding: 3px;
  color: #777;
}

input[type=text]:focus, textarea:focus {
  background: #f0f0f0;
  color: #333;
  border-color: #666;}

/* Special styling of the default layout */

/* Subtemplates */

  .subcolumns {
    width: 100%;
    padding: 0 1px 0 1px;
    margin: 0 -1px 0 -1px;
    overflow: hidden;
  }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; overflow: hidden;}
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; overflow: hidden;}

  .c25l, .c25r { width: 24.999%; }
  .c33l, .c33r { width: 33.333%; }
  .c50l, .c50r { width: 49.999%; }
  .c66l, .c66r { width: 66.666%; }
  .c75l, .c75r { width: 74.999%; }
  .c38l, .c38r { width: 38.196%; } /* Golden ratio */
  .c62l, .c62r { width: 61.803%; } /* Golden ratio */

  .subc  { padding: 0 0.5em 0 0.5em; overflow: hidden; }
  .subcl { padding: 0 1em 0 0; overflow: hidden; }
  .subcr { padding: 0 0 0 1em; overflow: hidden; }
  
 
/* Mainnavigation/Topnavigation */

#nav_main a {
  background: -moz-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;  /* for Mozilla Firefox */
  background: -ms-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;  /* for IE */
  background: -o-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;  /* for Opera */
  background: linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;
  border-color: transparent #FF0000 transparent #FF0000;
  border-style: solid;
  border-width: 0 1px;
  box-shadow: inset 0 1px 0 #FF0000;
  color: #FFFFFF   
  display: block;
  line-height: 32px;
  padding: 0 10px;
  text-decoration: none;
  margin-left: 0%;
  vertical-align: middle;
}

#nav_main {
  width: 100;    /* Enclosing the floats in IE */
  float: left;        /* Enclosing the floats in all other browsers */
  border-bottom: 1px #666 solid;
  line-height: 0px;
  background: -moz-linear-gradient(center top,  #FFFFFF, #BDBDBD);  /* for Mozilla Firefox */
  background: -ms-linear-gradient(center top,  #FFFFFF, #BDBDBD);  /* for IE */
  background: -o-linear-gradient(center top, #FFFFFF, #BDBDBD); /*for Opera */
  background: linear-gradient(center top, #FFFFFF, #BDBDBD);
  vertical-align: top;
  margin-left: 1%;

}

#nav_main ul {
  float: left;
  display: inline;  /* Fix for IE Doubled Float Margin Bug */
  margin: 0;      /* Reset standard list definition */
  padding: 5;
  margin-left: 0px;   /* Adjust distance of the first button from the left border (-2 pixels for 3D shadow) */
}

#nav_main ul li {
  float: left;
  display: inline;     /* Fix for IE Doubled Float Margin Bug */
  margin: 0;
  padding: 0;
  font-size: 1.06em;
  line-height: 1em;
  list-style-type: none;
}

#nav_main ul li a {
  display: block;
  width: auto;
  font-size: 1em;
  background: transparent;
  text-decoration: none;
  color: #000;
  margin: 0;
  padding: 0 0.8em;
}

#nav_main ul li a:hover {
  background: -moz-linear-gradient(center top, #FFFFFF, #FF0000) repeat scroll 0 0 transparent; /* for Mozilla Firefox */
  background: -ms-linear-gradient(center top, #FFFFFF, #FF0000) repeat scroll 0 0 transparent; /* for IE */
  background: -o-linear-gradient(center top, #FFFFFF, #FF0000) repeat scroll 0 0 transparent; /* for Opera */
  background: linear-gradient(center top, #FFFFFF, #FF0000) repeat scroll 0 0 transparent;
  color: #000;
  text-decoration: none;
}

#nav_main ul li#current {
  background: -moz-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for Mozilla Firefox */
  background: -ms-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for IE */
  background: -o-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for Opera */
  background: linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;
   color: #000
}

#nav_main ul li#current a,
#nav_main ul li#current a:hover {
  background: -moz-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for Mozilla Firefox */
  background: -ms-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for IE */
  background: -o-linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent; /* for Opera */
  background: linear-gradient(center top, #FFFFFF, #BDBDBD) repeat scroll 0 0 transparent;

  color: #000;
  background: transparent;
  text-decoration: none;
}
  
/* errors */
  textarea.f3-form-error {
    background-color:#FF9F9F;
    border: 1px #FF0000 solid;
  }

  input.f3-form-error {
    background-color:#FF9F9F;
    border: 1px #FF0000 solid;
  }

/* tx-easyrev tabe definitions */
  .tx-easyrev table {
    border-collapse:collapse;
    padding: 10px;
  }
  .tx-easyrev table td {
    vertical-align:center;
    padding: 5px;
    margin:5px;
  }
  .tx-easyrev table th {
    font-weight:bold;
      padding: 5px;
    margin:5px;
  }



/* tx-sitscust tabe definitions */
  .tx-sitscust table {
    border-collapse:collapse;
    padding: 10px;
  }
  .tx-sitscust table td {
    vertical-align:center;
    padding: 5px;
    margin:5px;
  }
  .tx-sitscust table th {
    font-weight:bold;
      padding: 5px;
    margin:5px;
  }


/* tx-sitsemp tabe definitions */
  .tx-sitsemp table {
    border-collapse:collapse;
    padding: 10px;
  }
  .tx-sitsemp table td {
    vertical-align:center;
    padding: 5px;
    margin:5px;
  }
  .tx-sitsemp table th {
    font-weight:bold;
      padding: 5px;
    margin:5px;
  }


/* tx-erconfig tabe definitions */
  .tx-erconfig table {
    border-collapse:collapse;
    padding: 10px;
  }
  .tx-erconfig table td {
    vertical-align:center;
    padding: 5px;
    margin:5px;
  }
  .tx-erconfig table th {
    font-weight:bold;
      padding: 5px;
    margin:5px;
  }

/* colorlist table definition */
  .tx-easyrev-list table {
    border-collapse:collapse;
    padding: 10px;
  }
  .tx-easyrev-list table td {
    vertical-align:center;
    padding: 5px;
    margin:5px;
  }
  .tx-easyrev-list table th {
    font-weight:bold;
      padding: 5px;
    margin:5px;
  }

 .tx-easyrev-list table tr:nth-child(1n+2) {
	background-color:#FAFAFA;
	color: #000;
}
 .tx-easyrev-list table tr:nth-child(2n+3) {
	background-color:#fff;
	color: #000;
}
 .tx-easyrev-list table tr:hover {
	background-color:#F2F2F2;
	color: #000;
}
 .tx-easyrev-list table th {
	background-color:#fff;
	color: #000;

}

/*  .tx-sitscust table tr:nth-child(1n+2) {
	background-color:#FAFAFA;
	color: #000;
}
  .tx-sitscust table tr:nth-child(2n+3) {
	background-color:#fff;
	color: #000;
}
  .tx-sitscust table tr:hover {
	background-color:#F2F2F2;
	color: #000;
}
  .tx-sitscust table th {
	background-color:#fff;
	color: #000;

}
*/

  .typo3-messages .message-error {
    color:red;
  }

  .typo3-messages .message-ok {
    color:green;
  }
  .typo3-message .message-ok {
    color:green;
  }

  .typo3-message .message-ok .message-body {
    color:green;
  }

.button{
color:#666666 !important;
background-color:#FAFAFA; !important;
text-decoration: none !important;
padding:4px; !important;
border:1px #cccccc solid; !important;
}

.nameButton{
color:#585858 !important;
background-color:#FAFAFA; !important;
text-decoration: none !important;
padding:4px; !important;
border:1px #A4A4A4 solid; !important;
width:10cm;!important;
text-align:center;
}

.button_green{
color:#585858 !important;
background-color:#81F781; !important;
text-decoration: none !important;
padding:4px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_blue{
color:#585858 !important;
background-color:#58ACFA; !important;
text-decoration: none !important;
padding:4px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_red{
color:#FFFFFF !important;
background-color:#FE2E2E; !important;
text-decoration: none !important;
padding:4px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_grey{
color:#585858 !important;
background-color:#FAFAFA; !important;
text-decoration: none !important;
padding:4px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_purple{
color:#585858 !important;
background-color:#FF00FF; !important;
text-decoration: none !important;
padding:4px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_green_big{
color:#585858 !important;
background-color:#81F781; !important;
text-decoration: none !important;
font-weight:bold;
padding:20px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_blue_big{
color:#585858 !important;
background-color:#58ACFA; !important;
text-decoration: none !important;
font-weight:bold;
padding:20px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_red_big{
color:#585858 !important;
background-color:#FE642E; !important;
text-decoration: none !important;
font-weight:bold;
padding:20px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_grey_big{
color:#585858 !important;
background-color:#FAFAFA; !important;
text-decoration: none !important;
font-weight:bold;
padding:20px;!important;
border:1px #A4A4A4 solid;!important;
}

.button_purple_big{
color:#585858 !important;
background-color:#FF00FF; !important;
text-decoration: none !important;
font-weight:bold;
padding:20px;!important;
border:1px #A4A4A4 solid;!important;
}

.inputCurrency{
width:60px;
text-align:right;
}
.inputField{
width:50px;
text-align:right;
}
.inputDate{
width:85px;
}
.er-link{
text-decoration:underline;
color:#2E2EFE;
}