﻿

/* Box Stil 1 */
.box-1                    { }
.box-1 .box-head          { background-color:#E2E2E2; padding:1.5em 2.5em 1.2em 2.5em; min-height:4.8em; position:relative; top:0em; left:0em; }
.box-1 .box-head span     { font-size:1.4em; font-weight:bold; }
.box-1 .box-head h1       { font-size:1.6em; font-weight:bold; margin:0em; background-color:none; text-transform:uppercase; padding:0em; }
.box-1 .box-head h3       { font-size:1.6em; font-weight:bold; margin:0em; background-color:none; text-transform:uppercase; padding:0em;  }
.box-1 .box-content       { background-color:white; padding:2em; }

/* download-Links */

a.file-link                 { display:table-cell; width:100%; clear:both; float:none; min-height:2em; font-size:1.4em; padding:0.6em 0em 0.6em 3.5em; margin:0em; vertical-align:middle; background-repeat:no-repeat; background-position:0em center; position:relative;  top:0em; left:0em; }
a.file-link + a.file-link   { border-top: solid 1px #E8E8E8; }
a.file-link.pdf             { background-image:url(/images/files/ico_pdf.png); }


/* util */
.clearing      { clear:both; font-size:0px; height:0px; }
.clear-float   { content: ""; display: table; clear: both; }

.fullclick-trigger { cursor:pointer; }

/* buttons */
.button             { background-color:#E2E2E2;  padding:0.9em 1.6em 0.8em 1.6em; text-align:center; display:inline-block; font-weight:bold; color:black; text-transform:uppercase; font-size:1.4em; }
.button:hover       { background-color:#cfcfcf; }

/* textbox */
input.textbox       { font-size:1.5em; padding:0.8em 3em 0.7em 1em; }
input.textbox-2     { font-size:1.4em; padding:0.6em 1em 0.5em 1em; }

/* textbox mit klickbarem icon */
div.styled-textbox              { position:relative; top:0em; left:0em; display:inline-block; }
div.styled-textbox input        { width:100%; font-size:1.5em; display:inline-block; padding:0.8em 3em 0.7em 1em; position:relative; top:-0.1em; border: 1px solid #E8E8E8; box-shadow: 0 1px 1px 0 rgba(0,0,0,0);  background-color:white; background-image:url(/images/icon_suche.png);  background-position: right 0.5em center;  background-repeat: no-repeat; outline-width: 0; outline:none;  }
div.styled-textbox input:hover  { box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); background-image:url(/images/icon_suche.png); -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);  }
div.styled-textbox a            { width:4.1em; height:4.1em; float:right; display:block; cursor:pointer; position:absolute; right:0em; top:0em; } 
div.styled-textbox i            { display:none; }

/* textbox mit icon */
input.styled-textbox         { font-size:1.5em; display:inline-block; padding:0.8em 3em 0.7em 1em; position:relative; top:-0.1em; border: 1px solid #333333; box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);  background-color:white;  background-image:url(/images/btn_suche_off.png);  background-position: right;  background-repeat: no-repeat;  outline-width: 0; outline:none; }
input.styled-textbox:hover   { background-image:url(/images/btn_suche_on.png); box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);  -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);  }

/* dropdown */
.styled-select               { /* remove standard-styles --> */ -webkit-appearance: none; -moz-appearance: none; appearance: none; border:none; border-radius: 0; outline-width: 0; outline:none; /* styling --> */   min-width:8em; font-size:1.5em; border: 1px solid #E8E8E8; padding:.7em 1em .7em 1em;  box-shadow: 0 1px 1px 0 rgba(0,0,0,0.1);  background-color:white;  background-image:url(/images/ico_dropdown_arrow.jpg);  background-position: right 0.5em center;  background-repeat: no-repeat;  } 
.styled-select:hover         { box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); background-image:url(/images/ico_dropdown_arrow.jpg); -moz-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2); -webkit-box-shadow: 0 2px 1px 0 rgba(0,0,0,0.2);  }
.styled-select::-ms-expand   { display:none; }

/* checkbox */
.checkbox                   { }
.checkbox label             { font-size:1.4em; position:relative; top:-0.1em; left:0.7em; }