/* SUPERFISH ************************************** ***/
.sf-menu, .sf-menu * {list-style: none;}
.sf-menu li {position: relative; overflow: hidden; min-width: 320px;}
.sf-menu ul {
position: absolute;
display: none;
top: -999em;
left: 0;
z-index: 99;
min-width: 5em;
*width: 5em;
background-image: url("img/bg_weiss_95.png");
box-shadow: 2px 2px 6px rgba(0,0,0,0.2);
}
.sf-menu > li {
	float: left;
	width: auto;
}
.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
	display: block;
	left:			0;
	top:			90px; /* match top ul list item height */
	
}

.sf-menu li li:hover > ul,
.sf-menu li li.sfHover > ul {
	display: block;
	left:			0;
	top:			0; /* match top ul list item height */
	
}

.sf-menu a {
	display: block;
	position: relative;
}

.sf-menu ul ul {
	top: 0;
	left: 100%;
}

.sf-menu {
	float: none;
	margin-bottom: 0px;
	width: 100%;
	background-image: url(img/bg_weiss_85.png);
}
.sf-menu ul {
	/*box-shadow: 2px 2px 6px rgba(0,0,0,.2);*/
	padding-top: 0px;
	padding-bottom: 0px;
	width: 100%;
}
.sf-menu a {
zoom: 1; /* IE7 */
}

.sf-menu li, .sf-menu li li, .sf-menu li li li,
.sf-menu li:hover, .sf-menu li li:hover, .sf-menu li li li:hover {
/*white-space: nowrap;  no need for Supersubs plugin */
*white-space: normal; 
}

.sf-menu ul a {
*white-space: normal; 
}

.sf-menu ul li a {padding-left: 25px;}

.sf-menu ul a:hover, .sf-menu ul li.xactive{
background-image: url(img/spacer.gif);
}

.sf-menu ul a:hover, .sf-menu ul li.xactive > a{
text-decoration: none;
color: #ffffff;
background-color: #000000;
}

.sf-menu ul li.has-children > a{
background-image: url(img/spacer.gif);
background-repeat: no-repeat;
background-position: right center;
}

.sf-menu ul li {
width:	100%;
}
.sf-menu ul ul, .sf-menu ul ul li {
width: auto;
min-width: 320px;
max-width: 380px;
}
.sf-menu li:hover,
.sf-menu li.sfHover {
background-color: transparent;
background-image: url(img/spacer.gif);
/* only transition out, not in */
-webkit-transition: none;
transition: none;
}

.sf-menu li ul {top: top: -999em; }
.sf-menu li.current ul { top: top: -999em; }
.sf-menu li ul ul, .sf-menu li.current ul ul {
top: 0; bottom: auto; 
margin-left: 0px;
width: auto;
min-width: auto;
max-width: auto;
}



.sf-menu.sf-vertical ul {
background-image: url(img/spacer.gif);
}
.sf-menu.sf-vertical ul a {

}
.sf-vertical, .sf-vertical > li, .sf-vertical li {
width:	100%;
float: none;
}
.sf-vertical li:hover ul,
.sf-vertical li.sfHover ul {
left:	100%; /* match ul width */
top:	0;
}
.sf-vertical li.xactive ul {
display: block;
position:static!important;
box-shadow: none;
}

.nav-subarrow  {
display: block;
position: absolute;
top: 0px;
right: 0px;
bottom: auto;
height: 46px;
opacity: 1;
border: none;
width: 40px;
background-image: url(img/arrow_down_s_schwarz.png);
background-position: center 17px;
background-repeat: no-repeat;
background-color: transparent;
padding-top: 3px;
padding-bottom: 3px;
padding-left: 10px;
padding-right: 10px;
cursor: pointer;

}

.nav-subarrow:hover  {
background-color: #000000;
background-image: url(img/arrow_down_s_weiss.png);
border: none;
}

.sf-menu li:hover > .nav-subarrow {
background-image: url(img/arrow_down_s_weiss.png);

}

.xactive .nav-subarrow ,
.xactive:hover > .nav-subarrow,
.sf-menu li.xactive:hover > .nav-subarrow {
background-image: url(img/arrow_up_s_weiss.png);


}

.xactive > .nav-subarrow:hover  {
background-image: url(img/arrow_up_s_weiss.png);

}

.xactive li .nav-subarrow   {
background-image: url(img/arrow_down_s_schwarz.png);

}
.xactive li .nav-subarrow:hover   {
background-image: url(img/arrow_down_s_weiss.png);

}

.xactive li .nav-subarrow:hover  {
background-image: url(img/arrow_down_s_weiss.png);

}

.xactive li.xactive .nav-subarrow  {
background-image: url(img/arrow_up_s_weiss.png);

}

.xactive li.xactive .nav-subarrow:hover  {
background-image: url(img/arrow_up_s_weiss.png);

}


.sf-menu {width: 100%!important; display: block;}
.sf-menu li {float: none!important; display: block!important; width: 100%!important;}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {display: none;} 
.sf-menu li a {padding-top: 15px; padding-bottom:15px;}
.sf-menu li a i.icon {top: 15px;}
.sf-menu ul {position:static!important; box-shadow: none;}
.sf-menu li.xactive ul {display: block;}
.sf-menu li.xactive ul ul {display: none; background-color: #ffffff;}
.sf-menu li.xactive ul li.xactive ul {display: block;}
.sf-menu ul li.has-children > a{background-image: url(img/spacer.gif)}
.sf-menu ul li a {padding-left: 40px;}
a.navi_left_0, a.navi_left_0_akt, a.navi_left_0_first, a.navi_left_0_akt_first {font-size:24px;}
a.navi_left_1, a.navi_left_1_akt, a.navi_left_1_first, a.navi_left_1_akt_first {font-size:20px;}
a.navi_left_2, a.navi_left_2_akt, a.navi_left_2_first, a.navi_left_2_akt_first {}
a.navi_left_3, a.navi_left_3_akt, a.navi_left_3_first, a.navi_left_3_akt_first {}


/* MEDIA QUERIES ************************************************************************************** */

.cols1 {width: 100%; float: none;}
.cols2 {width: 50%; float: left;}
.cols3 {width: 33.33%; float: left;}
.cols4 {width: 25%; float: left;}
.cols5 {width: 20%; float: left;}
.cols6 {width: 16,66%; float: left;}

.content_wrap, .content_wrap_2  {
margin-left: 13px;
margin-right: 13px;
}

.content_wrap .col_50, .content_wrap_2 .col_50, .col_50{
float: left;
width: 50%;

}

.content_wrap .col_inner_50{
float: left;
width: 50%;
}

.content_wrap .col_60 {
float: left;
width: 60%;
}

.content_wrap .col_40 {
float: left;
width: 40%;
}

.content_wrap .col_inner, .content_wrap_2 .col_inner {
margin-left: 13px; 
margin-right: 13px;
margin-bottom: 13px;
padding: 13px;
background-color: #ffffff;
border: 1px solid #e4e4e4;
border-radius: 3px;
-webkit-border-radius: 3px;
}
#box_left_content .content_wrap .col_inner p {
padding-left: 13px; 
padding-right: 13px;
}
.content_wrap label {
margin-bottom: 10px;
display: block; 
position: relative; 
line-height: 15px; 
font-size: 15px; 
padding: 6px; 

}
.content_wrap > label {
margin-left: 13px; 
margin-right: 13px;
margin-bottom: 10px;
}


#nav_btn_left_mob { 
display: none;
}

.content_wrap {
margin-top: 26px;
}

.content_wrap .col_50, .content_wrap_2 .col_50, .col_50 {
float: left;
width: 50%;
}

.content_wrap label {
margin-bottom: 10px;
display: block;
position: relative;
line-height: 15px;
font-size: 15px;
padding: 6px;
}

#content_left,
#content_left_bg,
#page_editlist { 
width: 66.6667%;
}
#content_right,
#content_right_bg { 
width: 33.3332%;
}

.content_cols_100 #content_left,
.content_cols_100 #content_right { 
width: 100%;
float: none;
}

.content_cols_100 #content_left.scale75,
.content_cols_100 #content_right.scale75 { 
width: 75%;
}
.content_cols_100 #content_left.scale66,
.content_cols_100 #content_right.scale66 { 
width: 66.66%;
}
.content_cols_100 #content_left.scale60,
.content_cols_100 #content_right.scale60 { 
width: 60%;
}
.content_cols_100 #content_left.scale50,
.content_cols_100 #content_right.scale50 { 
width: 50%;
}

.content_cols_100 #content_left_bg,
.content_cols_100 #content_right_bg { 
display: none;
}

.content_cols_66-33 #content_left,
.content_cols_66-33 #content_left_bg { 
width: 66.6667%;
}
.content_cols_66-33 #content_right
.content_cols_66-33 #content_right_bg { 
width: 33.3332%;
}

.content_cols_33-66 #content_left,
.content_cols_33-66 #content_left_bg { 
width: 33.3332%;
}
.content_cols_33-66 #content_right,
.content_cols_33-66 #content_right_bg { 
width: 66.6667%;
}

.content_cols_75-25 #content_left,
.content_cols_75-25 #content_left_bg { 
width: 75%;
}
.content_cols_75-25 #content_right,
.content_cols_75-25 #content_right_bg { 
width: 25%;
}

.content_cols_25-75 #content_left,
.content_cols_25-75 #content_left_bg { 
width: 25%;
}
.content_cols_25-75 #content_right,
.content_cols_25-75 #content_right_bg { 
width: 75%;
}

.content_cols_50-50 #content_left,
.content_cols_50-50 #content_left_bg,
.content_cols_50-50 #content_right,
.content_cols_50-50 #content_right_bg { 
width: 50%;
}

.content_cols_auto-small #content_left,
.content_cols_auto-small #content_left_bg {
width: 380px;
float: none;
position: absolute;
top: 0px;
left: 0px; 
padding-left: 0px;
}
.content_cols_auto-small #content_right,
.content_cols_auto-small #content_right_bg { 
width: auto;
float: none;
margin-left: 460px;

}

.content_cols_auto-small h1 { 


}


.content_ratio #content_body:after {
padding-top: 38%;
display: block;
content: "";
}

.nav_left_open .content_ratio #content_body:after {
padding-top: 40%;
display: block;
content: "";
}

.content_ratio #content_left {
position: absolute;
left: 0px;
top: 0px;
bottom: 0px;
overflow: visible;
}

.content_ratio #content_right {
position: absolute;
right: 0px;
top: 0px;
bottom: 0px;
overflow: visible;
}
/*
.content_ratio #box_left_content {
position: absolute;
left: 0px;
right: 0px;
top: auto;
bottom: 0px;
overflow: visible;
}

.content_ratio #box_right_content {
position: absolute;
left: 0px;
right: 50%;
top: auto;
bottom: 0px;
overflow: visible;
}
*/
.content_ratio .list_wrap {
position: absolute;
left: 0px;
right: 0px;
top: auto;
bottom: 0px;
overflow: visible;
}




#title_top_mobil {
display: none;
}




 #nav_btn_head, #nav_btn_left , #preview_link, .nav_close  {
display: none;
cursor: pointer;
-webkit-backface-visibility: visible;
z-index: 100000000000000000;
}


#backtotop {
display: none;
position: fixed;
bottom: 10px;
right: 10px;
cursor: pointer;
text-indent: -9999px;
height: 37px;
width: 37px;
background-image: url(img/arrow_up_grau.png);
background-position: center center;
background-repeat: no-repeat;
line-height: 29px;
margin: 0px;
margin-top: 3px;
color: #ffffff;
letter-spacing: 0px;
text-decoration: none;
font-family: Open Sans, Arial;
font-size: 16px;
font-weight: 700;
float: left;
text-align: left;
background-color: #ffffff;
opacity: 0.6;
border: none;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
-webkit-transition: all 0.2s;
-moz-transition: all 0.2s;
-ms-transition: all 0.2s;
-o-transition: all 0.2s;
transition: all 0.2s;
z-index: 999999;
-webkit-backface-visibility: hidden;
}


a.back_to_list  {
background-position: center 6px;
}

a.mob_visible{
display: none;
}



.xxl-hidden {
display: none;
}
.xxl-visible {
display: block;
}

#mob_searchpanel {
width: 30%;
display: none;
right: 0px;
height: 52px;
padding-top: 20px;
padding-bottom: 20px;
background-color: #b8c402;
}


@media only screen and  (max-width: 1920px) {

}

@media only screen and  (max-width: 1680px) {

}

@media only screen and  (max-width: 1440px) {
.content_cols_auto-small #content_right,
.content_cols_auto-small #content_right_bg { 
margin-left: 380px;

}
}

@media only screen and  (max-width: 1280px) {

}



@media only screen and  (max-width: 1160px) {


}

/* 1280 **************************************************************************************************** */


@media only screen and  (max-width: 1280px) {


.header_logo {

}

#box_searchfield {
display: none;
}

.content_ratio.content_cols_33-66 h2.list_title {
text-align: center;
padding-left: 6px; 
padding-right: 6px;
padding-top: 10px; 
padding-bottom: 10px;
}

.content_ratio.content_cols_33-66 h2.list_title .icon {
display: block;
margin: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
font-size: 36px;
text-align: center;
}

}



/* 1024 ***************************************************************************************************************/


@media only screen and  (max-width: 1040px) {


.content_ratio.content_cols_33-66 #content_left,
.content_ratio.content_cols_33-66 #content_left_bg { 
width: 40%;
}
.content_ratio.content_cols_33-66 #content_right,
.content_ratio.content_cols_33-66 #content_right_bg { 
width: 60%;
}




.cols4 {
width: 33.3333%;
}

.cols3 {
width: 50%;
}

.content_ratio.content_cols_33-66 #content_right .cols3 { 
/*width: 100%;*/
}


.content_ratio .list_wrap {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
overflow: visible;
margin-top: 190px;
}



ul {
margin-left: 5px;
}

#content_left .content_image_box.float_left, #content_left .content_image_box.float_right {
margin: 40px;
margin-top: 0px;
}

.content_img_text_right_scale25 #box_left_content p,
.content_img_text_right_scale25 #box_left_content ul,
.content_img_text_right_scale33 #box_left_content p,
.content_img_text_right_scale33 #box_left_content ul,
.content_img_text_right_scale40 #box_left_content p,
.content_img_text_right_scale40 #box_left_content ul, 
.content_img_text_right_scale50 #box_left_content p,
.content_img_text_right_scale50 #box_left_content ul,
.content_img_text_right_scale60 #box_left_content p,
.content_img_text_right_scale60 #box_left_content ul {
margin-right: 0px;
}


.list_wrap.scale75,
.list_wrap.scale66,
.list_wrap.scale60,
.list_wrap.scale50 {
width: auto;
padding-right: 0px;
}

.content_cols_100 #content_left.scale75,
.content_cols_100 #content_right.scale75,
.content_cols_100 #content_left.scale66,
.content_cols_100 #content_right.scale66,
.content_cols_100 #content_left.scale60,
.content_cols_100 #content_right.scale60,
.content_cols_100 #content_left.scale50,
.content_cols_100 #content_right.scale50 { 
width: 100%;
}


.tt_list_arrow_s {
display: block;

}

.content_wrap .col_50 {
width: 100%;
float: none;
}

}



/* 880 ***************************************************************************************************************/

@media only screen and (max-width: 800px)  {


.content_ratio.content_cols_33-66 #content_left,
.content_ratio.content_cols_33-66 #content_left_bg,
.content_ratio.content_cols_33-66 #content_right,
.content_ratio.content_cols_33-66 #content_right_bg { 
width: 100%;
}

.content_cols_66-33 #content_left,
.content_cols_66-33 #content_right,
.content_cols_33-66 #content_left,
.content_cols_33-66 #content_right,
.content_cols_50-50 #content_left,
.content_cols_50-50 #content_right,
.content_cols_66-33 #content_left_bg,
.content_cols_66-33 #content_right_bg,
.content_cols_33-66 #content_left_bg,
.content_cols_33-66 #content_right_bg,
.content_cols_50-50 #content_left_bg,
.content_cols_50-50 #content_right_bg,
.content_cols_75-25 #content_left,
.content_cols_75-25 #content_left_bg,
.content_cols_75-25 #content_right,
.content_cols_75-25 #content_right_bg,
.content_cols_25-75 #content_left,
.content_cols_25-75 #content_left_bg,
.content_cols_25-75 #content_right,
.content_cols_25-75 #content_right_bg { 
width: 100%;
}

.content_cols_auto-small #content_left,
.content_cols_auto-small #content_left_bg { 
width: 100%;
margin-right: 0px;
float: none;
position: relative;
top: auto;
left: auto;
}
.content_cols_auto-small #content_right,
.content_cols_auto-small #content_right_bg { 
width: 100%;
float: none;
position: relative;
top: auto;
right: auto;
margin-left: 0px;
}

.content_ratio.content_cols_33-66 #content_right .cols3 { 
width: 50%;
}

#sidebar_left {
position: absolute;
top: 70px;
bottom: auto;
display: none;
width: 300px;
padding-top: 0px;
padding-left: 0px;
margin: 0px;
padding-bottom: 48px;
float: none;
z-index: 20;
overflow: visible;
background-color: #ffffff;
}

.content_ratio #content_left,
.content_ratio #content_right {
position: relative;
left: auto;
right: auto;
top: auto;
bottom: auto;
overflow: visible;
float: left;
}


.content_ratio.content_cols_33-66 #content_right .cols3 { 
width: 100%;
}

.content_ratio.content_cols_33-66 h2.list_title {
text-align: left;
padding-left: 25px; 
padding-right: 6px;
padding-top: 20px; 
padding-bottom: 20px;
}

.content_ratio.content_cols_33-66 h2.list_title .icon {
display: inline-block;
margin: auto;
margin-left: 0.2em;
margin-right: 20px;
margin-bottom: auto;
font-size: 26px;
text-align: left;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon {
padding-left: 72px;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon .icon {
margin-left: -48px;
}





.cols3 {

}

.m-hidden {
display: none;
}
.m-visible {
display: block;
}


#header, #content, #footer {
margin-left: 0px;
margin-right: 0px;
} 

#nav_btn {

}



#sidebar_left {
display: none;
}

.nav_left_open #sidebar_left_bg { 
position: relative;
display: none;
}



#content_left, #content_left_bg { 
margin-left: 0px;
}


h1.title_right{
padding-right: 20px;
}


#nav_btn, #nav_btn_head, #preview_link, .nav_close {

}
#header_home_link {
margin-left: 20px;
}








#mob_searchpanel {width: 100%;}

}

/* 768***************************************************************************************************************/
@media only screen and  (max-width: 768px) {


	
}



/* 740***************************************************************************************************************/
@media only screen and  (max-width: 740px) {



#content_right .list_wrap,
#content_right .image_list_block {
padding-left: 0px;
margin-top: 0px;
}

.content_img_text_right_scale25 #box_left_content p,
.content_img_text_right_scale25 #box_left_content ul,
.content_img_text_right_scale33 #box_left_content p,
.content_img_text_right_scale33 #box_left_content ul,
.content_img_text_right_scale40 #box_left_content p,
.content_img_text_right_scale40 #box_left_content ul, 
.content_img_text_right_scale50 #box_left_content p,
.content_img_text_right_scale50 #box_left_content ul,
.content_img_text_right_scale60 #box_left_content p,
.content_img_text_right_scale60 #box_left_content ul {
padding-right: 20px;
}


}



/* 680***************************************************************************************************************/
@media only screen and  (max-width: 680px) {




#header_nav_inner {
position: relative;

}

#header, #content, #footer {
margin-left: 0px;
margin-right: 0px;
padding-left: 0px;
padding-right: 0px;
width: auto;
} 


.cols4 {
width: 50%;
}



#content_left_bg,
#content_right_bg { 
display: none;
}


#logo_top {
display: block;
}


#breadcrumb {
display: none;
}


#backtotop{

bottom: 0px;
right: 0px;
height: 37px;
width: 37px;
margin-top: 0px;
border-radius: 0px;
}


#content_left .float_left.content_image_box, 
#content_left .float_right.content_image_box {
    margin: 10px;
    margin-right: 15px;
    margin-top: 5px;
}


}


/* 640***************************************************************************************************************/
@media only screen and  (max-width: 640px) {



h2.list_title
h2.subtitle,
h2{
font-size: 19px;
line-height: 23px;
}

h3.list_title
h3.subtitle,
h3{
font-size: 18px;
line-height: 22px;
}

#box_left_content li, #box_right_content li, .tooltip li, .box_inner li {
background-image: url(img/list_square_gruen_s.png);
background-position: 12px 5px;
background-repeat: no-repeat;
padding-left: 26px;
padding-right: 5px;
margin-bottom: 10px;
}

 .box_inner li {
background-image: url(img/list_square_gruen_s.png);
background-position: 0px 6px;
padding-left: 15px;
}

 .box_inner li ul > li {
background-image: url(img/arrow_right_14_grau.png);
background-position: 0px 2px;
padding-left: 18px;
}




#header_spacer { 
margin-top: 0px;
}

h1.title_left {
padding-top: 40px;
padding-bottom: 24px;
}



.content_ratio.content_cols_33-66 h2.list_title {
text-align: center;
padding-left: 6px; 
padding-right: 6px;
padding-top: 10px; 
padding-bottom: 10px;
}

.content_ratio.content_cols_33-66 h2.list_title .icon {
display: block;
margin: auto;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
font-size: 36px;
text-align: center;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon {
padding-left: 6px;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon .icon {
margin-left: 0px;
}

.paket_labels, .paket_ins  {
display: none;
}

.paket_mobil .paket_labels, .paket_mobil .paket_ins  {
display: block;
}

.paket_mobil  {
display: block;
}




}



/* 560***************************************************************************************************************/
@media only screen and  (max-width: 580px) {

.content_ratio_plain.content_cols_66-33 #content_right,
.content_ratio_plain.content_cols_33-66 #content_left,
.content_ratio_plain.content_cols_66-33 #content_left,
.content_ratio_plain.content_cols_33-66 #content_right,
.content_ratio_plain.content_cols_50-50 #content_left,
.content_ratio_plain.content_cols_50-50 #content_right { 
width: 100%;
}

div.tt_list_content h2,
div.tt_list_content p {
padding-left:  17px;
margin-left: 0px;
}


}







/* 480***************************************************************************************************************/
@media only screen and  (max-width: 480px) {


#sidebar_left {
top: 60px;
}

.cols3, .cols2 {
width: 100%;
float: none;
}

.content_ratio.content_cols_33-66 #content_right .cols3 { 
width: 100%;
}

.content_ratio.content_cols_33-66 h2.list_title {
text-align: left;
padding-left: 25px; 
padding-right: 6px;
padding-top: 20px; 
padding-bottom: 20px;
}

.content_ratio.content_cols_33-66 h2.list_title .icon {
display: inline-block;
margin: auto;
margin-left: 0.2em;
margin-right: 20px;
margin-bottom: auto;
font-size: 26px;
text-align: left;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon {
padding-left: 72px;
}

.content_ratio.content_cols_33-66 h2.list_title.title_icon .icon {
margin-left: -48px;
}


a.navi_foot_0,a.navi_foot_0_akt, a.navi_foot_0_first, a.navi_foot_0_akt_first   			{
padding-top: 15px;
}

.viewpanel_box, #viewpanel {
display: none;
}

.sf-menu li:hover > ul,
.sf-menu li.sfHover > ul {
top: 40px;
}


.sf-menu > li {
float: left;
width: 50%;
}

#window_dimension {
right: 15px;
}


.input_desc {
float: none;
}

input.input_text, .input_text {
display: block;
float: left;
width: 95%;
}





ul {
margin-left: -5px;
}



#nav_btn, #nav_btn_head, #preview_link, .nav_close {

}

.content_wrap {
margin-left: 15px;
margin-right: 15px;
}

.content_wrap .col_inner, .content_wrap > label  {
margin-left: 0px; 
margin-right: 0px;
padding-left: 10px;
padding-right: 10px;
}
.content_wrap .col_inner_50{
float: none;
width: 100%;
}


#header_home_link,
.contact_panel_link_icon {
margin-left: 0px;
}


}



/* 440 ***************************************************************************************************************/
@media only screen and  (max-width: 440px) {


}


/* 320 ***************************************************************************************************************/
@media only screen and  (max-width: 380px) {

.cols4 {
width: 100%;
float: none;
}

}



@media only screen and  (max-width: 350px) {


}

@media print {

#window_dimension,
#viewpanel {
display: none;
}

}