/* override */

/*.frn_contInlett {height: 100px !important;}*/

#partnerContent {
background-color: #EBEBEB;
float: left;
padding: 7px 24px 16px 24px;
width: 722px;

margin-left: 16px;

margin-top: 22px;

}

#partnerContent h1 {

font-family: Arial, Helvetica, sans-serif;

font-size: 20px;

font-weight: bold;

color: #888888;

}

#start .aaa>div>h3 {
margin-bottom: 3px;
font-weight: normal;

}
#start.ccc {

margin-bottom: 0px;

}

#sp{

width: 360px;

}

.sc {

width: 360px;

}

.selectBox-label, .selectBox-options {

/*font-family: Roboto;*/

font-family: 'Open Sans', Arial, Helvetica, sans-serif;

font-size: 16px;

//font-weight: bold;

color: #333333;

}

.selectBox-dropdown .selectBox-label {
padding: 5px 8px;
}

.selectBox-dropdown-menu {
max-height: 290px;
}

.selectBox-disabled {

font-weight: normal;

}

.eingabeContainer, .auswahlContainer {

//display: inline-block;

margin-bottom: 10px;

}

.eingabeContainer {

}

.auswahlContainer {

margin-left: 16px;

}

#kontaktformular input[type="text"] {

height: 38px;

border: 1px #B2B9C3 solid;

margin-bottom: 16px;

padding-left: 10px;

padding-right: 10px;

width: 100%;

/* behavior:url(/partner/http/2531544/index.htc?view=teaser); */

background: #ededed none repeat scroll 0 0;

}

#login_input input[type="text"], #login_input input[type="password"]  {
}

#login .login_introtext {
 margin-top: -10px;
}

#login_message {
margin-top: 8px;
margin-bottom: 8px;
}

#login_message .error {
font-weight: bold;
}

#partnerContent hr, #login hr, #dynContent hr {

border: none;

border-top: 1px #FFFFFF solid;

height: 1px;

margin-bottom: 10px;

}

.selectBox-dropdown .selectBox-arrow {

background-image: url(../img/select-pfeil.png);

}

.selectBox-dropdown, #kontaktformular textarea, #partnerContent {

border-radius: 0px;

/* behavior:url(/partner/http/2531544/index.htc?view=teaser); */

}

.selectBox-dropdown-menu {

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

/* behavior:url(/partner/http/2531544/index.htc?view=teaser); */

}

#kontaktformular textarea {

border: 1px #B2B9C3 solid;

width: 98%;

height: 170px;

padding: 10px;

background: #ededed none repeat scroll 0 0;

}

#kontaktformular input, #kontaktformular textarea {

color: #333333;

/*font-family: Roboto;*/

font-family: 'Open Sans', Arial, Helvetica, sans-serif;

font-size: 16px;

}

#kontaktformular .error_message {

margin-left: 10px;
vertical-align: middle;
width: 350px;

display: inline-block;

color: #FF3030;

font-weight: bold;

}


#filelist {
 margin-top: -5px;
 margin-bottom: 15px;
}

.checkboxContainer {
 display: inline-block;
 width: 330px;
margin-bottom: 5px;
}

.checkboxContainer label {
 display: inline-block;
 margin-top: 2px;
 vertical-align: top;
 max-width: 310px;
}

.headline {

display: inline-block;

font-weight: bold;

font-family: Arial, Helvetica, sans-serif;

font-size: 12px;

color: #333333;

margin-bottom: 16px;

}

#informationTop {

display: inline-block;

width: 720px;

margin-bottom: 16px;

}

#informationBottom {

display: inline-block;

width: 720px;

margin-top: 16px;

margin-bottom: -10px;

}

#filename {

background-color: #CCCCCC;

border-bottom-left-radius: 0px;

border-bottom-right-radius: 0px;

border: 0px;

width: 521px;

//display: inline-block;

//padding: 30px 10px 0px 10px;

margin: -1px 0px 10px;

position: relative;

z-index: 10;

}

.formFields {
//background: red none repeat scroll 0 0;
float: left;
max-width: 532px;
width: 100%;
margin-bottom: 10px;
}

.fileentry {

margin-top: 6px;

margin-right: 10px;

margin-bottom: 10px;

margin-left: 10px;

display: inline-block;

}

#desc {

position: relative;

z-index: 15;

}

/* override */

#kontaktformular input.error, #kontaktformular textarea.error {
color: #FF3030;

border: 1px #FF3030 solid;
}

/* Dateitypen */

.filetype {

display: inline-block;

background: url(../img/downlod-icons.png) 0px 0px no-repeat;

height: 21px;

width: 20px;

vertical-align: top;

margin-top: 3px;

}

.filetype.txt { background-position: -30px 0px; }

.filetype.pdf { background-position: -60px 0px; }

.filetype.doc,

.filetype.docx { background-position: -90px 0px; }

.filetype.xls,

.filetype.xlsx { background-position: -120px 0px; }

.filetype.ppt,

.filetype.pps { background-position: -150px 0px; }

.filetype.jpg,

.filetype.jpeg,

.filetype.bmp,

.filetype.gif,

.filetype.png,

.filetype.tif,

.filetype.tiff { background-position: -180px 0px; }

.filetype.wav,

.filetype.mp3 { background-position: -210px 0px; }

.filetype.mov,

.filetype.mpg,

.filetype.mpeg,

.filetype.avi { background-position: -240px 0px; }

.filetype.zip,

.filetype.tar,

.filetype.rar,

.filetype.ace,

.filetype.bz2,

.filetype.zip { background-position: -270px 0px; }

.filetype.swf { background-position: 0px -30px; }

.filetype.js,

.filetype.bat,

.filetype.wsh { background-position: -30px -30px; }

.filetype.exe,

.filetype.com,

.filetype.pif { background-position: -60px -30px; }

.filetype.html,

.filetype.css { background-position: -90px -30px; }

.filetype.eml,

.filetype.msg { background-position: -180px -30px; }

.filetype.vcf { background-position: -210px -30px; }

.filetype.forbidden { background-position: -120px -30px; }

.filetype.defect { background-position: -150px -30px; }

.addAttachment {

display: block;

background: url(../img/klammer.png) 0px 0px no-repeat;

padding-left: 10px;

min-height: 20px;

margin-top: -20px;

margin-bottom: 16px;

margin-left: 5px;

position: static;

z-index: 900;

}

.addAttachment a, .uploadControl {

color: #333333;

position: relative;

z-index: 999;

display: inline-block;

top: 2px;

left: 3px;

}

#kontaktformular #upload {

color: #333333;

width: 100px;

}

#kontaktformular .remove {

background: url(../img/kreuz.png) 0px 0px no-repeat;

display: inline-block;

width: 16px;

height: 16px;

vertical-align: middle;

cursor: pointer;

}

#kontaktformular input[type="submit"] {

//background: url() 0px 0px no-repeat;

border: none;

display: inline-block;

width: 98px;

height: 21px;

vertical-align: middle;

cursor: pointer;

}

#hotlineinfo {

background-color: #EBEBEB;

border-bottom-left-radius: 10px;

border-bottom-right-radius: 10px;

height: 45px;

margin-top: -18px;

margin-left: 16px;

width: 765px;

padding-left: 5px;

}

#hotlineinfo .frn_contArticle {

padding-top: 27px;

}

#hotlineinfo.frn_cont {
 margin-bottom: 18px;

}

#hotlineinfo.headless {

margin-top: -22px;

}

#hotlineinfo .background-color--lime {

color: #84BC34;

}

#partnerHead .frn_contHead strong{

color: #888888;

font-size: 33px;

}

#kundendatenheader {

display: none;

background-color: #EBEBEB;

border-bottom: 1px #FFFFFF solid;

width: 830px;

margin-left: -14px;

}

#kundendatenheader table {

width: 770px;

margin-left: 14px;

font-size: 16px;

color: #333333;

}

#kundendatenheader p {

margin: 0;

vertical-align: middle;

}

#kundendatenheader table .background-color--silver {

width: 462px;

}

#kundendatenheader table .background-color--red {

width: 117px;

height: 78px;

overflow: hidden;

margin-bottom: 10px;

margin-top: -10px;

}

.ui-tooltip .arrow {
width: 13px;
height: 30px;
overflow: hidden;
position: absolute;
margin-left: -13px;
bottom: -10px;
}
.ui-tooltip .arrow.top {
top: 0px;
bottom: auto;
}
.ui-tooltip .arrow.left {
left: 0px;
}
.ui-tooltip .arrow:after {
content: "";
position: absolute;

border: 2px #AAAAAA solid;

background-color: #FFFFFF;
left: 4px;
width: 15px;
height: 15px;
box-shadow: 6px 5px 9px -9px black;
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
.ui-tooltip .arrow.top:after {
bottom: 0px;
top: auto;
}

div.ui-corner-all {
 border-radius: 15px;
}

#withoutLoginDialog>div>div {
font-weight: normal !important;
}

.ui-dialog-buttonset {

float: none !important;

text-align: center;

}

.ui-widget {
 font-family: Arial, Helvetica, Sans-Serif;
font-size: 12px;

}

#kontaktformular .fileinput-button:hover #attach {
text-decoration: underline;
}

.formInput {
display: inline-block;
width: 48%;
height:48px;
margin-right: 2%;
}

#smContactMail {
color:#84BC34;
}

/*
//.selectBox-dropdown.selectBox-menuShowing {
//border-bottom-right-radius: 0;
//border-bottom-left-radius: 0;
//border-top-right-radius: 0;
//border-top-left-radius: 0;
//}
*/

/* Tablet Landscape */
@media screen and (max-width: 1024px) {
#kontaktformular #readyButton {width: 150px; margin-left: -50px;}
}

/* Tablet Portrait */
@media screen and (max-width: 768px) {
.without_login {margin-left: 0px; margin-top: 10px;}
#loginButton {margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
}

/* Smartphone */
@media screen and (max-width: 670px) {
.sc {width: 100%;}
#sp {width: 100%;}
#kontaktformular #readyButton {float:left;margin-left:0;}
.formInput, #filename {width:98%;}
#kontaktformular .error_message {width:96%;}
}

/* Smartphone */
@media screen and (max-width: 470px) {
#kontaktformular #readyButton {width: 150px; margin-left: 0px;}
#kontaktformular input, #kontaktformular textarea{font-size: 12px;}
#kontaktformular #readyButton {margin-left: 0px; margin-right: 0px; margin-bottom: 0px;}
}