/* DEBUG */
.debnav, .debnav a{
	color: #fff;
	background-color:	#000
}

/* FONTS */
body{
	font-family:	'verdana','Verdana',sans-serif;
	font-size:		11px;
	background:		#f3f2e9;
}

body a{
	color:			#5799CC;
	text-decoration: none;
	outline:		none;
}

body a img{
    border: 0;
}

.everything{
	background:		#e6e3cf;
	margin-left:	auto;
	margin-right:	auto;
	width:			1000px;
	overflow:		hidden;
}

.head{
	background:		url('/media/static/proclima.de/images/head.png') no-repeat center;
	width:			1000px;
	height:			86px;
	overflow:		hidden;
	margin-top:		10px;
}

body.de-ch .head, body.fr-ch .head, body.it-ch .head {
    background:		url('/media/static/proclima.de/images/head_ch.png') no-repeat center;
}

.head .search{
    float: right;
    clear: both;
    margin-right: 10px;
    margin-top: 17px;
    font-size: 10px;
}

.head .search input.input{
    background-color: #fff;
    border-width: 1px;
    border-style: solid;
    border-color:   #000;
    overflow: hidden;
}

.head .search input.submit {
    /*background-color: #5799cc;*/
    background: none;
    border-style:   solid;
    border-color:   #fff;
    cursor: pointer;
    color: #fff;
    border-width: 1px;
}


.ubertext{
    float:			right;
}

.ubertext p {
    padding-bottom: 2px;
    margin: -2px 0 0;
}

.ubertext, .ubertext a{
	color:			#5799cc;
	margin-top:		0px;
	padding-top:	0px;
}

.main_menu{
	display:		block;
	margin-top:		50px;
	margin-left:	99px;
	font-size:		13px;
}

.main_menu a{
	background:		#fff;
	color:			#5799cc;
	padding:		0 6px;
	text-decoration:none;
	border: 1px solid #5799cc;
}
.main_menu a:hover, .main_menu a:active, .main_menu a.current {
	background:		#7aaed6;
	color:			#fff;
}

.main_menu ul{
	padding:		0px;
	margin:			0px;
	list-style: 	none;
}

.main_menu li{
	display: inline;
    margin: 0px;
    padding:  0px;
    overflow: hidden;
    margin-right: -4px;

}

ul.sub_menu ul{
    margin-left: 1em;
}

ul.sub_menu a{
    color: #000;
}

ul.sub_menu a.current{
    color: #5799cc;
}


.left_sidebar, .right_sidebar{
	margin-top:		0px;
	width:			156px;
	float:			left;
}
.left_sidebar{
	margin-left:	1px;
}

.left_sidebar .grid_item_1, .right_sidebar .grid_item_1{
    width: auto;
}

.box {
	background:		url('/media/static/proclima.de/images/boxbody.png');
	padding:		14px;
    padding-top:    8px;
	background-repeat:	repeat-y;
    width: 128px;
    overflow: hidden;
}

.box p{
    margin: 0px;
    margin-bottom: 0.5em;
}

.box ul{
	list-style:		none;
	margin-top:		0px;
    margin-left: 0px;
	padding-left:	0px;
}

.box ul > ul, .box ul > ul > ul{
	padding-left:	7px;
	list-style:		none;
}

.boxhead{
	margin-top:		4px;
    width:          128px;
	height:			36px;
	background-repeat:	repeat-y;
}


.boxhead_without_head{
    margin-top: 4px;
    height:     5px;
    background-image: url('/media/static/proclima.de/images/boxhead_without_head.png');
}

.box_without_head img{
    float: left;
    margin-left: 5px;
}

.box_without_head p{
    float: left;
    width:  90px;
    margin-left: 5px;
    margin-top: 5px;
}

.box_without_head a{
    color: #000;
}

.boxfoot{
	background:		url('/media/static/proclima.de/images/boxfoot.png') repeat-y;
	height:			4px;
}

.box li.tweet_odd, .box li.tweet_even{
    margin-bottom: 1em;
}

.content{
	float:			left;
	background-repeat:		repeat-y;
}

.contentbody, .content_footer, .contenthead{
	width:			678px;
	padding-left:	5px;
}

.contenthead{
	background:		url('/media/static/proclima.de/images/mainhead.png');
	height:			8px;
}

.contentbody{
	background:		url('/media/static/proclima.de/images/mainbody.png');
    float:			left;
	clear:			both;
	padding-bottom:	10px;
}

.contentbody h3{
	font-size:		13px;
	font-weight:	normal;
	margin-top:		8px;
	margin-bottom:	4px;
}

.contentbody p{
	margin-top:		4px;
	margin-bottom:	12px;
}


.contentbody ul{
	margin-left:	10px;
	padding-left:	10px;
}

.contentbody ul.haken{
	list-style-image: url('/media/static/proclima.de/images/haken.png');
}

.contentbody li{
	padding-bottom:	5px;
}

.content_footer{
	background:		url('/media/static/proclima.de/images/mainfoot.png');
	height:			10px;
	clear:			both;
}

.head_image img{
    width: 675px;
    margin-bottom: 10px;
}


.footer{
	float:			left;
	clear:			both;
	width:			986px;
    padding: 15px 0;
    margin: 7px;
	font-size:		9px;
	background:		#fff;
    background-image: url('/media/static/proclima.de/images/slogan.png');
    background-position:  bottom right;
    background-repeat: no-repeat;
}

body.de-ch .footer, body.fr-ch .footer, body.it-ch .footer {
    background-image: url('/media/static/proclima.de/images/slogan_ch.png');
}

body.nl-be .footer, body.nl-nl .footer {
    background-image: url('/media/static/proclima.de/images/slogan_nl.png');
}

body.en-xx .footer, body.en-ie .footer, body.en-gb .footer {
    background-image: url('/media/static/proclima.de/images/slogan_en.png');
}

body.it-it .footer, body.it-ch .footer {
    background-image: url('/media/static/proclima.de/images/slogan_it.png');
}

body.fr-be .footer, body.fr-fr .footer, body.fr-ch .footer, body.fr-lu .footer {
    background-image: url('/media/static/proclima.de/images/slogan_fr.png');
}

.footer a{
	color:			#000;
}

.grid_item_3 fieldset{
    border: none;
    padding: 0px;
}

.grid_item_3 fieldset legend{
    margin-top: 2em;
    font-size: 13px;
    border-top: 1px solid #5799CC;
    width: 100%;
    padding-left: 0px;
    padding-top: 10px;
    margin-bottom: 20px;
}

.grid_item_3 fieldset label{
    width: 160px;
    display: inline-block;
    float: left;
}

.grid_item_3 fieldset .ctrlHolder{
    margin-bottom: 1em;
}
.grid_item_3 fieldset .formHint{
    margin-top: -7px;
    font-style: italic;
    font-size: 0.8em;
    color: #444444;
    width: 200px;
}p.errorField {
    color: #ff4500;
    margin-bottom: 4px;
}



.grid_item_3 fieldset .textInput{
    width: 300px;
}

.footerrow{
	float:			left;
	margin-left:	0px;
	margin-right:	20px;
	padding-left:	20px;
	width:			160px;
}

.footer h3{
	margin-top:		0px;
	padding-top:	0px;
	font-weight:	bold;
	font-size:		8px;
	padding-left:	0px;
	margin-bottom:	0px;
}

.footer ul{
	padding-left:	15px;
	margin:			0px;
}
.headline{
	margin-top:		0px;
	margin-left:	0px;
	padding:		0px;
}

img.headgrafik{
	float:			left;
	clear:			both;
	margin-bottom:	5px;
}

.breadcrumb {
	font-size:		10px;
	padding-left:	19px;
	padding-top:	0px;
	padding-bottom:	0px;
	float:			left;
	clear:			both;
	margin-top:		2px;
	margin-bottom:	8px;
}

.color_indicator{
	float:			right;
	width:			150px;
	height:			10px;
	margin-right:	3px;
}

.grid_3{
	float:			left;
	clear:			both;
	margin-top:		10px;
	margin-bottom:	5px;
}

.grid_3 img{
	margin-top:		5px;
}

.grid_item_3, .grid_item_2, .grid_item_1, .c50{
	float:			left;
	margin-left:	19px;
}

.grid_item_1{
	width:			200px;
}

.c50{
	width:			309px;
}

.grid_item_2{
	width:			418px;
}

.grid_item_3{
	width:			638px;
}

.blueline{
	border-bottom:	solid;
	border-bottom-width:	1px;
	border-color:	#5799CC;
	padding:		0px;
	margin-bottom:	4px;
    margin-top:     4px;
	height:			8px;
}

.blueline p{
	height:			8px;
	background:		#5799CC;
	width:			100px;
	margin:			0px;
	padding:		0px;
}

.first .width_2 .blueline{
    display: none;
}

.first .width_2{
    border: 1px solid #5799CC;
    padding: 0 1em;
    margin-bottom: 12px;
}

.first .width_2 img{
    display: none;
}

.banner{
    margin-top:     5px;
    margin-bottom:  5px;
	width:			1000px;
	height:			186px;
    position: relative;
}
.banner h1 {
    color:white;
    padding: 45px 0 0 45px;
}
.banner span.image {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat:	no-repeat;
}

.banner span.text{
	float:			left;
	background:		url('/media/static/proclima.de/images/homebg.png');
	margin-top:		80px;
	margin-left:	80px;
	width:			270px;
    padding:        5px 15px;
    font-size: 11px;
    font-weight: normal;
}
h1.image {
    width:			676px;
    height:			46px;
    position: relative;
    margin: 0;
    padding: 0;
    background-color: #5799cc;
    color: white;
}
h1.image span {
    position: absolute;
    width: 100%;
    height: 100%;
    background-repeat:	no-repeat;
}

.socmedia{
	float:			left;
	clear:			both;
	margin-left:	20px;
	margin-bottom:	10px;
	background:		#f3f2e9;
	width:			638px;
	padding:		0px;
	
}

.socmedia img{
	margin-right:	5px;
}


.listitem{
	border-bottom:	solid;
	border-bottom-width:	1px;
	border-color:	#5799CC;
	padding:		0px;
	margin-bottom:	4px;
	float:			left;
	width:			100%;
}

.listitem img{
	float:			left;
	clear:			both;
	margin-left:	5px;
	margin-right:	10px;
	margin-top:		2px;
	margin-top:		2px;
}

.listitem h3{
	float:			left;
	font-weight:	normal;
	font-size:		13px;
	margin-top:		4px;
	margin-bottom:	2px;
}

.listitem p{
	float:			left;
	width:			75%;
	margin-top:		0px;
}

table{
	margin-left:	0px;
	margin-right:	0px;
	padding-left:	0px;
	padding-right:	0px;
	border-width:	0px;
	border-spacing:	0px;
	margin-top:		10px;
	margin-bottom:	12px;
}

td{
	border-bottom-style:	solid;
	border-bottom-color:	#5799CC;
	border-bottom-width:	1px;
	border-spacing:	1px;
    padding-left:   1em;
    padding-right:  1em;
}

thead{
	background-color:	#5799CC;
	color:			#fff;
	text-align:		left;
	padding-right:	10px;
	font-weight:	normal;
}

.grid_item_3 table {
	width:		100%;
}


.grid_1 .grid_item_1{
        margin-left: 0px;
}

.grid_row{
    float: left;
}

iframe.video {
    margin-top: 5px;
}

.width_2 iframe.video{
    width: 418px;
    height: 235px;
}

.first .width_2 iframe.video{
    width: 394px;
    height: 222px;
}

.width_3 iframe.video{
    width: 638px;
    height: 358px;
}

.zoomable.video {
    position: relative;
    background-color: black;
    width: 200px;
    height: 80px;
    overflow: hidden;
}
.zoomable.video div.play {
    position: absolute;
    display: block;
    background: url(../images/play.png);
    height: 50px;
    width: 50px;
    left: 75px; /* (200 - 50)/2 */
    top: 15px; /* (80 - 50)/2 */
}
.zoomable.video image {
    margin-top: 0;
}

.teaser{
    margin-bottom: 12px;
}

.teaser p{
    margin-bottom: 0px;
}

.teaser h3 a{
    color: #000;
}

.teaser a.more{
    
    padding-right: 0em;
}

.tiny_text h3{
    margin-top: 0px;
    margin-bottom: 0px;
}

.tiny_text img{
    float: left;
}

.tiny_text .text{
    float: right;
    width: 160px;
}

.tiny_text p{
    margin-top: 2px;
}

.tiny_text a{
    color: #000;
}

.smallproductelement p{
    margin-bottom: 0px;
}

.grid_item_2 .tiny_text .text{
    float: left;
    width: 360px;
    margin-left: 10px;
}

.content_textwithimage p{
    text-align: justify;
}

.content_smallimagewithdescription img{
    float: left;
    margin-right: 18px;
}

.content_smallimagewithdescription_right img{
    float: right;
    margin-left: 18px;
}


img.zoomable:hover{
    cursor: pointer;
}

.haendlersuche{
    margin-bottom: 14px;
    float: left;
}

.haendlerinput{
    width: 200px;
    float: left;
    margin-top: 6px;
    margin-bottom: 4px;
}

.haendlerinput h3{
    margin-top: 0px;
}

.haendleroutput{
    width: 418px;
    float: left;
    margin-left: 19px;
}

.haendleroutput p{
    margin-bottom: 0px;
    margin-top: 8px;
}

#retailer_search_haendler_suche{
    margin-right: 10px;
    width: 70px;
    margin-left: 10px;
}

#id_q{
    width: 194px;;
}

.search_button{
    float: right;
    margin-top: 4px;
}

/* fix subscript line-height */
sup, sub {
    vertical-align: baseline;
    position: relative;
    top: -0.3em;
 }
 sub { top: 0.3em; }

 img.gallery-cover {
     cursor: pointer;
 }

.product_folded_icon {
    height: 1.3em;
}

.fod_field_name {
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 60px;
}

body.it-it .fod_field_name {
    max-width: 45px;
    word-wrap: break-word;
}

.isoproc {
    float:right;
}

.registration_form .col-md-6 {
    float: left;
    width: 50%;
}
.registration_form .col-md-6.col-lg-4, .registration_form .col-md-6.col-lg-5 {
    float: left;
    width: 45%;
}
.registration_form .row {
    clear: both;
}
.registration_form td.money {
	text-align: right;
	white-space: nowrap;
	vertical-align: top;
}

.registration_form .table tr.total td {
	border-top: 1px solid #5799cc;
	border-bottom: 0px;
}
.registration_form label {
	font-weight: bold;
}
.registration_form .form-group {
	padding-top: 4px;
}
.registration_form .controls {
	padding-top: 2px;
}

.registration_form .controls input, .registration_form .controls select {
    width: 90%;
}

.registration_form .btn {
    margin-top: 20px;
    margin-bottom: 20px;
    clear: both;
}
.registration_form .pull-right {
    margin-right: 30px;
}

.registration_form {
    border-bottom: 1px solid #5799cc;
    border-top: 1px solid #5799cc;
}

.registration_form .has-error .help-block {
    color: darkred;
    padding-bottom: 10px;
    display: block;
}


.registration_form .pull-right {
    float: right;
}

.form-progress {
  color: #999999;
}
.form-progress li {
  display: inline;
  margin-right: 20px;
}
.form-progress:before,
.form-progress:after {
  content: " ";
  display: table;
}
.form-progress:after {
  clear: both;
}
.form-progress .active {
  color: black;
  font-weight: bold;
}

.clearfix:before,
.clearfix:after,
.row:before,
.row:after {
  content: " ";
  display: table;
}

.clearfix:after,
.row:after {
  clear: both;
}

.professional_unit {
    background-color: #5799CC; 
    color: white;
    font-weight: bold;
    padding-left: 1px;
    padding-right: 1px;
}