/* 
    Document   : global
    Created on : 01.12.2012, 10:30:07
    Author     : chk
    Description:
        Purpose of the stylesheet follows.
*/
/* css reset */
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,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
    vertical-align: top; /* guess it's better by kit */
}
:focus { outline: 0; }
body { line-height: 1; color: black; background: white; }
ul li { padding-left:14px; background: url('/img/bulletpointblue.gif') 0px 5px no-repeat; line-height:18px; }
ol, ul { list-style: none; }
td { vertical-align: top; padding:0; }
blockquote:before, blockquote:after,
q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
img:-moz-broken { -moz-force-broken-image-icon : 1; }
html { height:100%; }
body { font-family:Calibri, Arial, Verdana, Helvetica, sans-serif; font-size:80%; height:100%;  }
form { display:inline; }
fieldset { border:1px solid; padding:5px; }
legend { padding: 2px; }
.hidden { display:none; }
input,select { border:1px solid #a0a0a0; padding:2px; padding-left:2px; padding-right:2px; }
select { padding:1px; }
input[type=radio] { border:0; }
input[type=button] { cursor:pointer; }
span { vertical-align: baseline; }
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height:1%; }
.clearfix { display:block; }

/* custom website */
body { 
  margin:0; background: url('../img/header_bg.gif') repeat-x scroll 0 -48px #ffffff;
  background-color:#ffffff; 
  font-family:Calibri, Arial, Verdana, Helvetica; font-size:13px; font-weight:normal; text-decoration:none; font-style:normal; color:#69686b; /*letter-spacing:0.4px;*/
  line-height: 120%;
}
p { margin-bottom:16px; line-height:18px; }
p.list { margin-bottom:6px; }
h1, h2, h3, h4 { line-height:115%;  }
h1 { font-size:22px; margin-bottom:20px; }
h2 { font-size:16px; margin-bottom:10px; color:#5ba127; font-weight: bold; }
h3 { font-size:16px; margin-bottom:10px; color:#7bc147; }
h4 { color:#000000; margin-bottom:6px; }
td.right { text-align:right; }

.cell { font-size: 13px; }

hr { margin-top:2px; border:0;border-top:1px solid #cccccc; }

.color { color:#5ba127; }
.grey { color: #666666; }
.bold { font-weight:bold; }

.shadow input, 
.shadow div.select, 
.shadow div.xselect,
.shadow textarea,
img.shadow {
  box-shadow: 3px 3px 6px 1px #e4e9ec;
  /*-webkit-box-shadow: 2px 2px 0px #999999;
  -moz-box-shadow: 2px 2px 0px #999999;
  box-shadow: 2px 2px 0px #999999;*/
}

.gradient input[type="text"], 
.gradient input[type="number"], 
.gradient input[type="email"],
.gradient input[type="tel"],
.gradient textarea {
  /* For Mozilla/Gecko (Firefox etc) */
	background: -o-linear-gradient(left top, #ffffff, #e5e7e9 70%);
  /* For WebKit (Safari, Google Chrome etc) */
	background: -webkit-gradient(linear, left top, right top, from(#ffffff), to(#e5e7e9));
	/* For Mozilla/Gecko (Firefox etc) */
	background: -moz-linear-gradient(left top, #ffffff, #e5e7e9 70%);
	/* For Internet Explorer 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffffff, endColorStr=#ffe5e7e9, GradientType=1);
	/* For Internet Explorer 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffffff, endColorstr=#ffe5e7e9, GradientType=1)";  
}

/* form controls */
input { font-size:12px; height:17px; border:1px solid #d4d9dc; margin:2px 0px 6px 0px; }
input:hover,
input:focus { border:1px solid #b9bdc0; }
input[type="checkbox"], 
input[type="radio"] { height:14px; margin:-1px 4px 0px 0px; padding:0; vertical-align:middle; border:0; }
input[type="submit"] { height:20px; padding:0px 6px 1px 6px; background:#5ba127; border:1px solid #5ba127; 
                                  color:#ffffff; font-size:10px; font-weight:bold; cursor:pointer; 
}
/* disable spinner buttons for input[type="number"] */
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {
    /* display: none; <- Crashes Chrome on hover */
    -webkit-appearance: none;
    margin: 0; /* <-- Apparently some margin are still there even though it's hidden */
}
textarea { padding:1px; border:1px solid #d4d9dc; margin:2px 0px 6px 0px; }
textarea:hover,
textarea:focus { border:1px solid #b9bdc0; }
/* Custom DropDown */
div.select {
  width:140px; height:20px;
  overflow:hidden;
  background:#ffffff;
  border:1px solid #d4d9dc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
div.select:hover,
div.select:focus { border:1px solid #b9bdc0; }

div.xselect {  
  overflow:hidden;  
  background:#ffffff;
  border:1px solid #d4d9dc;
  -webkit-border-radius:4px;
  -moz-border-radius:4px;
  border-radius:4px;
}
div.xselect:hover,
div.xselect:focus { border:1px solid #b9bdc0; }

select { height:20px; border:0; margin:0; padding:1px;
  background: rgba(0,0,0,0) url(../img/select_arrow.gif) right center no-repeat;
  -webkit-appearance:none;
  -moz-appearance:none;
  appearance:none;
}
* + html div.xselect, div.select, * + html div.select:hover, * + html div.select:focus { background:none; border:0; padding:0px; } /* IE<9 */

/* Custom checkbox and radio styles */
.cust_ctrls p { position:relative; margin:0; display:inline-block; }
* + html .cust_ctrls p { float:left; } /* IE<9 */
.cust_ctrls .vertical p { display: block; float:none; clear: both; height:24px;  }
.cust_ctrls p  input[type="checkbox"],
.cust_ctrls p  input[type="radio"] {
	padding: 0;
	margin: 0;
	height: 22px;
	width: 25px;
	float: left;
	position: absolute;
	left: 0;
	opacity: 0;
}
* + html .cust_ctrls p  input[type="checkbox"], /* IE<9 */
* + html .cust_ctrls p  input[type="radio"] { 
  margin: -2px 0px 0px -4px;
}
.cust_ctrls p  input[type="checkbox"] + label,
.cust_ctrls p  input[type="radio"] + label { 
	float: left; 
	line-height: 18px; 
  padding: 0 0 0 22px;
  margin-right:6px;
	/*color: #fff; 
	-moz-transition: color 1s ease; 
	-o-transition: color 1s ease; 
	-webkit-transition: color 1s ease; 
	transition: color 1s ease; */
}
.cust_ctrls.formcontent p  input[type="checkbox"] + label,
.cust_ctrls.formcontent p  input[type="radio"] + label { 
  padding: 0 0 0 26px;
}
/*
p:not(#foo)  input:hover + label, p:not(#foo)  input:focus + label,
p:not(#foo)  input + label:hover, p:not(#foo)  input:focus + label			{ text-shadow: 1px 1px 3px #000; color: #2C7AD0; }
*/
.cust_ctrls p:not(#foo)  input + label {
	background: url(../img/custom_controls.png) 0 0px no-repeat;
	height: 22px;
}
.cust_ctrls.formcontent p:not(#foo)  input + label {
	background: url(../img/custom_controls2.png) 0 0px no-repeat;
  height: 20px; margin-bottom:1px; padding-top:1px;
}
.cust_ctrls p:not(#foo)  input[type=radio] + label										                { background-position: 0 -161px; }
/* Checked styles */
.cust_ctrls p:not(#foo)  input[type=radio]:checked + label 							            { background-position: 0 -241px; }
.cust_ctrls p:not(#foo)  input[type=checkbox]:checked + label 							          { background-position: 0 -88px; }
.cust_ctrls p:not(#foo)  input[type=checkbox]:hover:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:focus:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:checked + label:hover,
.cust_ctrls p:not(#foo)  input[type=checkbox]:focus:checked + label 					        { background-position: 0 -110px; }
.cust_ctrls p:not(#foo)  input[type=radio]:hover:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:focus:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:checked + label:hover,
.cust_ctrls p:not(#foo)  input[type=radio]:focus:checked + label 						        { background-position: 0 -261px; }
/* Hover & Focus styles */
.cust_ctrls p:not(#foo)  input[type=checkbox]:hover + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:focus + label,
.cust_ctrls p:not(#foo)  input[type=checkbox] + label:hover 							            { background-position: 0 -22px; }
.cust_ctrls p:not(#foo)  input[type=radio]:hover + label,
.cust_ctrls p:not(#foo)  input[type=radio]:focus + label,
.cust_ctrls p:not(#foo)  input[type=radio] + label:hover								              { background-position: 0 -181px; }
/* Active styles */
.cust_ctrls p:not(#foo)  input[type=checkbox]:active + label,
.cust_ctrls p:not(#foo)  input[type=checkbox] + label:hover:active						        { background-position: 0 -44px; }
.cust_ctrls p:not(#foo)  input[type=radio]:active + label,
.cust_ctrls p:not(#foo)  input[type=radio] + label:hover:active						          { background-position: 0 -201px; }
.cust_ctrls p:not(#foo)  input[type=checkbox]:active:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:checked + label:hover:active				    { background-position: 0 -132px; }
.cust_ctrls p:not(#foo)  input[type=radio]:active:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:checked + label:hover:active				      { background-position: 0 -281px; }
/* Disabled styles */
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:hover:disabled + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:focus:disabled + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled + label:hover,
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled + label:hover:active			    { background-position: 0 -66px; }
.cust_ctrls p:not(#foo)  input[type=radio]:disabled + label,
.cust_ctrls p:not(#foo)  input[type=radio]:hover:disabled + label,
.cust_ctrls p:not(#foo)  input[type=radio]:focus:disabled + label,
.cust_ctrls p:not(#foo)  input[type=radio]:disabled + label:hover,
.cust_ctrls p:not(#foo)  input[type=radio]:disabled + label:hover:active				      { background-position: 0 -221px; }
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:hover:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:focus:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled:checked + label:hover,
.cust_ctrls p:not(#foo)  input[type=checkbox]:disabled:checked + label:hover:active	{ background-position: 0 -141px; }
.cust_ctrls p:not(#foo)  input[type=radio]:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:hover:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:focus:disabled:checked + label,
.cust_ctrls p:not(#foo)  input[type=radio]:disabled:checked + label:hover,
.cust_ctrls p:not(#foo)  input[type=radio]:disabled:checked + label:hover:active		  { background-position: 0 -301px; }


/* webkit vertical-align for forms */
form div, form p { vertical-align:middle; }
.objektliste table { border-collapse: collapse; border-spacing: 0; }

.detailgrid { font-size: 13px; }
.detailgrid table { border-collapse: separate !important; border-spacing: 3 !important; }
.detailgrid table td, table th { padding: 5px; }


.xdetailgrid { font-size: 12px; width: 100%; margin-top: 18px; margin-bottom: 10px; }
.xdetailgrid table { border-collapse: separate !important; border-spacing: 3 !important; width: 100%; border: 1px solid black; }
.xdetailgrid table td, table th { padding: 5px; }
.xdetailgrid table th { background-color: #606060; color: #e0e0e0; }
.xdetailgrid th { background-color: #606060; color: #e0e0e0; text-align: left; }
.xdetailgridcol table th { background-color: #606060; color: #e0e0e0; }
.xdetailgridcol th { background-color: #606060; color: #e0e0e0; text-align: left; }
.altbg td { background-color: #f0f0f0; }
.altbg table td { background-color: #f0f0f0; }
.altbg { background-color: #f0f0f0; }

#errorpanel { width: 710px; background-color: #FFC0C0; border: 2px solid #CFA0A0; padding: 15px 15px 15px 15px; margin: 8px 8px 8px 8px; font-size: 21px; line-height: 25px; }
#infopanel { width: 710px; background-color: #C0FFC0; border: 2px solid #A0DFA0; padding: 15px 15px 15px 15px; margin: 8px 8px 8px 8px; font-size: 21px; line-height: 25px; }

/* the page */
#mailpage { width: 800px; margin:0px 0px 0px 0px; }
#page { width:1260px; padding:0px 0px 0px 0px; margin:auto; }
#header { height:135px; padding:25px 20px 0px 20px; }
#footer { padding:10px 10px 10px 10px; }
#logo { float:left; height:115px; }
/* language menu */
#mnu_lang { height:19px; line-height:19px; padding:19px 0px 0px 0px;
            text-align:right; vertical-align:middle; margin-bottom: -30px;            
}
#mnu_lang a { display:inline-block; vertical-align:middle; color:#9e9fa1; }

#mnu_countries { float:right; padding:101px 0px 0px 0px; margin-right:-20px;  }
#mnu_countries a { margin-right:20px; line-height:15px; color:#9e9fa1; font-size:12px; font-weight:normal; }

/* main menu */
#mnu_main { width:1260px; height:32px; line-height:32px; text-align:left; }
#mnu_main td.left { width:15%; }
#mnu_main td { border-right:4px solid #ffffff; text-align:center; }
#mnu_main td.left a { text-align:left; padding:0px 20px 0px 20px;  }
#mnu_main td.right { width:15%; border:0; }
#mnu_main td.right a { text-align:right; padding:0px 20px 0px 20px;   }
#mnu_main a { display:block; height:32px; line-height:32px; padding:0px 0px 0px 0px; white-space:nowrap;
              color:#69686b; text-decoration:none; font-weight:normal; font-size:15px; 
}
#mnu_main a.active { color:#5ba127; }
#mnu_main a:hover { background: url('../img/pix_white_25.png'); }

/* menu sub (left side) */
#mnu_sub a { display:block; font-size:16px; letter-spacing:0.4px; color:#69686b; margin-bottom:16px; }
#mnu_sub a.active { color:#5ba127; }
#mnu_sub .sub { display:none; }
#mnu_sub .sub.active { display:block; }
#mnu_sub .sub a { font-size:14px; margin:-4px 0px 12px 20px; }
/* content */
#content { margin-top:20px; padding:0px 20px 0px 20px; }
#content_left { width:225px; float:left; }
#content_left p {  }
#content_middle { width:760px; float:left; }
#xcontent_middle { width:990px; float:left; }
#content_right { width:220px; float:right; }
.dleft { width: 50%; float: left; margin-bottom: 20px; }
.dright { width: 50%; float: right; }
.dclear { clear: both; }
.dshadow { float: left; width: 60px;
          -moz-box-shadow: 3px 3px 4px #000;
          -webkit-box-shadow: 3px 3px 4px #000;
          box-shadow: 3px 3px 4px #000;
          margin-right: 15px;
          margin-bottom: 20px;
          }

.colleft { float: left; width: 48%; }
.colright { float: right; width: 48%; }

/* standard article */
#content_middle .article { width:710px; padding: 0px 20px 20px 20px; font-size: 120%; }

/* small form left side */
.small_form input[type="text"], 
.small_form input[type="email"], 
.small_form input[type="tel"] { width:214px; }
.small_form textarea { width:216px; }

.errorhint
{
    font-size:smaller;
    color:  #ff0000;    
}

.details td { border-bottom: 1px dotted #000000; padding: 2px; }
.topcontainer { position: relative; }
.topoverlay { position: absolute; top: 0px; left: 0px; width: 200px; background-color: #808080; opacity: 0.8; z-index: 9; color: White; font-weight: bold; padding: 3px; width: 97% }


.box
{ background-color: #ffffff; padding: 10px; width: 238px; height: 149px; }

.boxtitle
{
    font-size: 25px; color: #555555;  }
    
.modalBackground
{
}    

/* link-tiles (Kacheln) */
#kacheln { width:756px; margin-top:25px; }
#kacheln td { width:33%; }

#divphotoviewer { position:relative; width:750px; height:420px; vertical-align:middle; }
#divphotoviewer img { position:absolute; }
#divphotoviewer .label { position:absolute; top:250px; height:70px; line-height:70px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                            color:#ffffff; font-size:40px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}
#divphotoviewer .description { position:absolute; top:330px; height:37px; line-height:37px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                                  color:#ffffff; font-size:15px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}

#photoviewer { position:relative; width:750px; height:420px; vertical-align:middle; }
#photoviewer img { position:absolute; }
#photoviewer .label { position:absolute; top:250px; height:70px; line-height:70px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                            color:#ffffff; font-size:40px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}
#photoviewer .description { position:absolute; top:330px; height:37px; line-height:37px; width:380px; background: url('/img/pix_antrazit_90.png'); z-index: 99;
                                  color:#ffffff; font-size:15px; padding:0px 0px 0px 20px; font-family:Tahoma, Verdana, Helvetica; letter-spacing:1px; vertical-align:middle;
}

.popupbg 
{
    position: absolute;
    width: 100%;
    height: 100%;
    background-color: #eeeeee;
    z-index: 1;
    opacity: 0.5;
    -moz-opacity: 0.5;
    -khtml-opacity: 0.5;
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter:alpha(opacity=50);
    display: none;
}

.popupcontent
{
    width: 1000px;
    margin-left: auto;
    margin-right: auto;
    z-index: 2;
}

.bbcontainer {
    min-height: 50px;
}

.toolbarimg24 {
    width: 24px !important;
    height: 24px !important;
    cursor: pointer;
}