/* iPad */
@media only screen 
and (device-width : 768px)
and (min-device-width : 768px) 
and (max-device-width : 1024px) 

 {
 
	#top_with_flash { width:755px; overflow:hidden;}
* {font-family: Arial,sans-serif,Lucida Sans !important;}
	/*
	#page_margins 
	{
    min-width: 990px !important;
    max-width: 990px !important;
    width:990px !important;
    margin: auto !important;
    overflow:hidden !important;
    width:50px !important;
	}
	 
	#header { width:1000px;  overflow:hidden;}
	#languagechanger { left:845px;}
	*/

.c250r,
.c260r {
position:relative;
left:-5px;

}
}



/*****************************************************************/
@media screen and (max-width: 980px) 
{
.notIpad {display:none !important;}
    #header #breadcrump { display:none; }
.mobileOnly{display:block;}
    
 #nav_marginalspalte{ height:auto;} 

#main #col3 #col3_content.clearfix .topnews h1, #main #col3 #col3_content.clearfix .topnews h2
{
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; 
}
  
.grey_formblock .searchBlock2 {
    position: absolute;
    top: 310px;
    width: 360px;
	}
	
.dropDownLists #cmdSubmitBUBR {
    margin-left: 243px;
    margin-top: 7px;
    position: absolute;
    right: 17px !important;
    top: 150px !important;
    width: 90px;
}

#footer {
	margin-left:210px !important;
}
.grey_formblock .secondarySearch {
    margin-top: 300px;
}
	
	#page_margins {
		max-width: 768px !important;
	}
	#header {
		/*background: url("/css/img/header/phx-tbs_head.jpg") no-repeat scroll right 0 #f5f5f5;*/
		width: 768px;
	}

	#main {
		max-width: 768px;
	}
	#col3 
	{
    	margin-left: 191px;
    }
    #col3_content {
		width:96%;
	}
    #col1 #nav 
    {
       margin: 0 0 0 3px !important;
	}
	
	#quicksearch 
	{
    	width: 190px;
	}
	
	#languagechanger {
		left: 626px;
	}
	
	#top_with_flash object {
		width: 480px ;
		height: 131px;
	}
	
	#foreground
	{
	    display: none;
	}
	
	#top_with_flash, #flashtop,
	#main #col3_content .subcolumns .c500l,
	#main #col3_content .subcolumns .c500l .shortnews,
	#main #col3_content .subcolumns .c490l,
	#main #col3_content .subcolumns .c470l,
	#main #col3_content .subcolumns .c250r,
	#main #col3_content .subcolumns .c260r, 
    #main #col3_content .blackbox_marginalspalte ul.toplinkliste,
	#main #col3_content table,
	div.ads, div.ads_content, 
	#main #col3_content .subcolumns .c33r,
	#main #col3_content .subcolumns .c66l
	{
		width: 100% !important;
	}
	
	.c260r, .c350r, .c440l, .c470l, .c490l{
		width: 100% !important;
	}
	#main #col3_content div.c250r {
		margin-left: 0px;
	}
	#main #col3_content .blackbox_marginalspalte{
		width: 100%;
        border: 0;
	}
	div.ads, div.ads_content {
		display: inline;
		float: left;
		border: 5px solid #111111;
		background: #E5E5E5;
		text-align: center !important;
		border: none;
	}
	div.ads_content {
		background:none;
	}
	div.ads_content .bildunterschrift {
		width: auto;
		text-align: center !important;
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.messe dd img {
	width:inherit;
	}
	
	div.ads ul li {
	    text-align: left;
	}
	
	div.ads div.ads_content {
		margin-right: 10px;
		border: none;
		padding: 0;
	}
	
	#main #col3_content .blackbox_marginalspalte h4 {
	    padding-left: 20px;
	    padding-right: 0;
	}
	
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste li {
	    line-height: 2.5em;
	}
	
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste a {
	    background: url("../img/links/arrow.gif") no-repeat 10px 13px #545454;
	}
	
	#main #top_with_flash .img, #flashtop img, #top_with_flash{
		width: 100%;
		height: auto;
	}
	
	#main .grey_contentblock p,
	#main .grey_contentblock .produkttext,
	#main .grey_contentblock  h5 {
		margin-right: 0;
		padding: 0;
		float: none;
		width: 100%;
	}
	
	#main .grey_contentblock .img_container {
		margin-left: 5px;
	}
	
	#main #reifen_img, #main .right_img {
		margin-top: 0;
		width: 100%;
	}
	
	.blackbox_marginalspalte dl.homelinkliste {
    text-align:left;
	}
	
	#nav_marginalspalte {
    height: auto !important;
	}
	
	html body div#page_margins div#page div#main div#col3 div#col3_content.clearfix div.subcolumns div.c250r div.ads div#add1 a{
		display:block;
	}
	
	div.grey_background_color div.subcolumns div.grey_contentblock div#accordion2.ui-accordion div.ui-accordion-content div.clearfix div.textContainerFloatLeft {
		width:auto;
	}
	
	
	/* NEW CHANGES FROM 31.10.13 BY SR*/
	
	/* CUSTOM: /pages/tools/tools-edi/edi-umbauarbeiten_de.html */
	.grey_contentblock .subcolumns .c33r img.edi_img{ 
		margin: 20px 0;
		float:none;
	}
	
	/* DISABLE FLASH LANGUAGE SELECTION */
	.ads_content object#languageselection {
		display:none;
	}
	
	.contentblock.height_1_fach img {
		width:100%;
	}
	
	/* INDEXSUCHE */
	div.grey_contentblock div.result_header a.search_nav_button:first-child {
		margin-left:0px;
	}
	.grey_contentblock table {width:100%; font-size:88%;}
	.grey_contentblock table td, .grey_contentblock table th {padding:5px; min-width:8px;}
    .grpelem iframe {width: 100% !important;}
}



/***************************************************************
***First Mobile View with Mobile Menu***************************
***************************************************************/
/* #### Mobile Phones Portrait or Landscape #### */

@media only screen and (max-width: 767px) {
		
		body { padding-top: 60px; }
			
		.notMobile {display:none !important;}
		#formularframe .column .fieldblock .label{
	    display: block;
		margin-left: 5px;
		margin-right: 5px;
		padding-top: 4px;
		width: 135px;
	}
	#footer {
	margin-left:10px !important;
}
	/*.shortnews a {color: yellow;}*/
	a
	body {padding:0 !important; margin-top:50px;}
	
	#nav-button {}
	
	body #page_margins {
		min-width: 0;
	}
	
	h1 {font-size: 150%;}
	
	#header {
		background:transparent;
		position:absolute;
		height:63px;
		top:0px;		
		width:100%;
	}
	
	.grey_contentblock { 
   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   -hyphens: auto; 
}


#productfinder {display: none !important;}
#Menue_Productfinder {display: none !important;}
#Search_Presse_News {display: none !important;}
#ExtendedSearch {display: none !important;}
#footer_sitemap {display: none !important;}


.notMobile {display: none !important;}



/*
.grey_contentblock img { max-width:100%; }
.grey_contentblock .ads  
{
    display: inline !important;
	background:none !important;
	max-width:100%;
}
.grey_background_color .ads  
{
    display: inline !important;
	background:none !important;
	max-width:100%;
}
*/
#add1 {display: none !important;}



	
	#header #ct-logo { width:auto; position:static; margin:0; top:13px; left:20px; position:absolute; }
	#header #identifier {  left:50%; width:200px; display:block; border:none; margin:0; margin-left:-100px; text-align:center !important; font-size:90.01%; text-transform:none; font-weight:bold; top:15px; position:absolute;  padding:0;}
	#header #global_site_link, #header #identifier {display: none;}
    
	#header #global_site_link,
	#header #sitechanger,
	#header #internationallocator,
	#header #land,
	#header #languagechanger,

	#main {
		border-left: none;
	}
	
	#main #col1 {
		
	}
	
	#col1 #nav { margin:10px !important; -moz-box-sizing:border-box !important; box-sizing:border-box !important; overflow:hidden; }
	
	#main #quicksearch {
		margin:0; padding:0;
	}
	 #nav ol li {border:none;}
	#main #quicksearch {width:auto; border:none; margin:10px; box-sizing:border-box; -moz-box-sizing:border-box;  overflow:hidden; display:none; }
	#main #quicksearch p { display:none; float:none; }
	#main #quicksearch .bl { float:none; border-top:1px solid #000; }
	#main #quicksearch .bl,
	#main #quicksearch .br,
	#main #quicksearch .tl,
	#main #quicksearch .tr {width:100%; margin:0; padding:0; float:none; background-image:none}
	/* #main #quicksearch form { width:100%;} //KICKED BY SR */
	#main #quicksearch input.lupe { width:15%; }
	#main #quicksearch input { margin:0; padding:0; width:80%; font-size: 150%;}
	#main #quicksearch.open { display:block;}
	
	#quicksearch .suchfeld {
		margin-left:0;
		padding:5px;
	}
	
	  
	#main #col3 {
		margin: 0;
	}
	
	#main .content_image {
		float: none;
		margin-right: auto;
		margin-left: auto;
		text-align: center;
	}
	
	#main .content_image_rechts {
		float: none;
		margin: 0 !important;
		text-align: center;
	}
	
	#main #col3_content {
		text-align: justify;
	}
	
	#col1,
	body #page_margins,
	#top_with_flash,
	#main #col3_content .subcolumns .c500l,
	#main #col3_content .subcolumns .c500l .shortnews,
	#main #col3_content .subcolumns .c490l,
	#main #col3_content .subcolumns .c250r,
	#main #col3_content .subcolumns .c260r,
	#main #col3_content .subcolumns .c66l,
	#main #col3_content .subcolumns .c66r,
	#main #col3_content .subcolumns .c33l,
	#main #col3_content .subcolumns .c33r,
	#main #col3_content table,
	#main #col1 #nav ol.primary-nav,
	#nav .primary-nav li a,
	div.ads, div.ads_content,
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste {
		width: 100% !important;
	}
	.c260r, .c350r, .c440l, .c470l, .c490l{
		width: 100% !important;
	}
	#main #col3_content,
	#main #col3_content .c250r {
		margin-left: 0;
		width:100%;
	}
	
	div.ads, div.ads_content {
		display: inline;
		float: left;
		border: none;
		background: url("../img/hintergruende/blackbox.gif") repeat;
		text-align: center;
	}
	div.ads_content {
		background:none;
	}
	
	div.ads ul li {
	    text-align: left;
	}
	
	div.ads div.ads {
		margin-right: 10px;
		border: none;
		padding: 0;
	}
	
	#main #col3_content .blackbox_marginalspalte h4 {
	    padding-left: 0;
	    padding-right: 0;
	}
	
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste {
	    margin: 0 5px;
	}
	
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste li {
	    line-height: 2.5em;
	}
	
	#main #col3_content .blackbox_marginalspalte ul.toplinkliste a {
	    background: url("../img/links/arrow.gif") no-repeat 10px 13px #545454;
	}

	#main #top_with_flash {
		display: block;
		width:100%;
		height:auto;
		min-height:auto !important;
		position:relative; background:#FFFFFF;
		padding-left:0 !important; box-sizing:border-box; -moz-box-sizing:border-box; 
	}
	#main #top_with_flash .toptextheader { background:#FFFFFF !important; margin:0; min-height:0;}
	#main #top_with_flash .toptextheader h1 { padding:20px 20px 0 20px; }
	#main #top_with_flash .toptextheader h2 { padding:0 20px 10px 20px; }
	#main #topstory { height:auto;}
	#main #top_with_flash #animatedContent { display:block; width:100%; padding:0;  -moz-box-sizing:border-box !important;box-sizing:border-box !important;}
	#main #top_with_flash object { display:none;}
	#main #top_with_flash #topstory { width:100%; overflow:hidden; }
	#main #top_with_flash #foreground { width:100%;  display:none; }
	#main #top_with_flash #flashtop { width:100%; background:none !important;}
	#main #top_with_flash canvas {  width:100%;position:static; padding:20px;-moz-box-sizing:border-box !important;box-sizing:border-box !important; }
	#main #top_with_flash canvas img { width:100%;-moz-box-sizing:border-box !important; }
	#main #textContent { position:static; background:#FFFFFF; margin-top:0px;}
	#main #textContent .pfeil_link { position:static; margin-top:20px; }
	#main #textContent p { width:100%; position:static; height:auto;  box-sizing:border-box !important; -moz-box-sizing:border-box !important; padding-right:20px; padding-left:20px;}
	
	#main .grey_contentblock p,
	#main .grey_contentblock .produkttext,
	#main .grey_contentblock  h5 {
		margin-right: 0;
		padding: 0;
		float: none;
		width: 100%;
	}
	.grey_contentblock table {width:100%; font-size:85%;}
	.grey_contentblock table td, .grey_contentblock table th {padding:3px;}
	#main .grey_contentblock .img_container {
		float: none;
		width: 100%;
		text-align: center;
	}
	
	/*#formularframe
	{
	    height: 1100px;
	}*/
	
	#footer {
	    margin-left: 0;
	}
	
	#main #reifen_img, #main .right_img {
		margin-top: 0;
		width: 100%;
	}
	
	* {text-align:left !important;}
	#top90 {padding-top:20px; margin-top:10px;}
	#top90 h1 { line-height:130%; text-align:left }
	#top90 h2 { line-height:150%; }

	#nav_marginalspalte h4 { margin-left:20px; }
	
	.contentblock { display: block !important; overflow: hidden !important; float: none !important;  width:auto; height:100%; box-sizing:border-box; -moz-box-sizing:border-box;  }
	.shortnews, .topnews, .shortnews_ohnebild { padding:20px !important; overflow:hidden !important; width:auto !important; float:none;   box-sizing:border-box; -moz-box-sizing:border-box;  }
	.topnews {margin-top:10px;}
	.shortnews a,
	.shortnews p,
	.shortnews ul,
	.shortnews h4,
	.shortnews a { margin:0 !important;  }
	.shortnews a { display:inline;}
	.shortnews p img, .topnews img { display:block; width:100% !important; height:auto !important; float:none; margin:0; margin-bottom:10px !important;}
	.topic { min-width:100%; max-width:100%;}
	.topic a, .topic p { margin-right:20px; margin-bottom:0; }

.grey_contentblock .content_image,
.grey_contentblock .content_image_rechts, 
.grey_contentblock .product_topic .img_container,
.product_boxes .product_box,
.bild_rechts  { width:100%; margin:0; padding:0; float:none; }
.grey_contentblock .product_topic .img_container { margin-bottom:20px; }
	.grey_contentblock .content_image img,
	.grey_contentblock .content_image_rechts img,
	.ads a img,
	.ads_content a img,
	.ads img,
	.grey_contentblock .product_topic .img_container img,
	.product_boxes .product_box img,
	.bild_rechts img { display:block; padding:20px; overflow:hidden; width:100%; height:auto;  overflow:hidden; box-sizing:border-box; margin:0; -moz-box-sizing:border-box;  }
	.ads_content img,.ads img, .product_boxes .product_box img { padding-bottom:0;}
	.ads_content img,.ads img, .product_boxes .product_box a,
	.ads_content img,.ads img, .product_boxes .product_box p { margin-left:20px; }
	.ads p { padding:0 20px 20px 20px; margin:10px 0 0 0; width:100%; overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;  }
	.grey_contentblock .content_image img,
	.grey_contentblock .content_image_rechts img,
	.grey_contentblock .product_topic .img_container img,
	.ads_content img, .ads img, .product_boxes .product_box p { padding:0 20px 0 0; }
	.ads_content img,.ads img { overflow:hidden; box-sizing:border-box !important;-moz-box-sizing:border-box;  }
	.ads, .ads_content { overflow:hidden; box-sizing:border-box !important; -moz-box-sizing:border-box;  }
	.ads h4, .ads_content h4 { margin-left:20px;}
	.download_area { box-sizing:border-box; overflow:hidden; -moz-box-sizing:border-box;  }
	.download_area ul { overflow:hidden;  }
	.download_area ul li { display:block; border-bottom:1px solid #999;}
	.download_area ul li a { display:inline;border:none;}
	
	#formularframe {
		padding:0 6px 0 11px !important;
		width:92%;
		height:1500px;
	}
	
	.ads { display:none !important; }
	
	/*Formular*/
	.grey_formblock .textblock { margin:0; padding: 0 0 0 20px; }
	.grey_formblock .textblock.lined { border:0!important; margin-bottom:35px; }
	.grey_formblock .c480l { width:100%; box-sizing:border-box; -moz-box-sizing:border-box; }
	/* form   {  display:block; overflow:hidden;padding:20px;  }  //KICKED BY SR */
	form .column { overflow:hidden; box-sizing:border-box; -moz-box-sizing:border-box;  }

	form .error { padding:20px;}
	form .textblock,
	form .buttonblock {margin:0 !important; padding:0 !important;}
	form .buttonblock { padding-top:10px !important; margin-top:10px !important;}
	form .column input#cbJustice { display:inline; width:auto !important;}
	
	/*topbild_with_Nav*/
	#top_hintergrund_500 { background-size: cover !important; }
	#topnewslist { width:100% !important;}
	#topnewslist li { width:100% !important; }
	#topnewslist li a { padding:10px 10px 10px 20px; background-position: 10px center; }
	
	.height_3_fach, .height_2_fach, .height_1_fach { min-height:100% !important; }
	.contentblock ul.content_linkliste {
		margin:0; padding:0;
	}
	
	.product_topic .content_liste, .product_topic .content_linkliste {
    	float: left;
    	padding-left: 0px;
    	width: 100%;
	}
	
	.green_content .grey_contentblock .img_produkt + .content_liste {
		margin-left: 0px;
		margin-top: 5px;
	}
	
	.green_content .grey_contentblock .product_topic.clearfix .img_produkt {
		float: right;
	}
	
	.green_content .grey_contentblock .product_topic.clearfix h5 + .img_produkt {
		float: left;
		margin-bottom: 5px;
	}
	
	.green_content .grey_contentblock .product_topic.clearfix h5 + .img_produkt + .produkttext {
		clear: left;
	}
	
	.green_content .grey_contentblock .product_topic.clearfix p.produkttext.gb + .img_produkt {
		float:left;
	}
	
	.contentblock ul.content_linkliste li {
		margin:0 0 10px 0; padding:0;
	}
	
	.contentblock ul.content_linkliste li a {
		
		display:block;
		width:auto;
		background-color:#333;
		/* border:1px solid #f90; */
		color:#f90;
		padding:10px 10px 10px 25px;
		font-weight:bold;
		background-position:10px;
	}	
	
	.notIpad, .notMobile {display:none !important;}
	.text_links {
		float: none;
    }
	
	/* KOMPETENZEN-TEXT */
	
	.textoverlaybox {
		height: auto !important;
		position: relative !important;
		width: 100% !important;
	}
	.textoverlaybox > h3 {
		background: #232323 !important;
		padding-left:25px !important;
	}
	.textoverlaybox .textoverlay {
		display: block !important;
	}
	.textoverlay > p {
		margin: 5px 0 !important;
		min-height: 0 !important;
		padding-left: 25px !important; 
		padding-right: 20px !important; 
	}
	
	/* NEW CHANGES FROM 31.10.13 BY SR*/
	.grey_contentblock  img { 
		width:100%;
	}
	.accordion img {
		max-width:175px;
		float:left !important;
		}
	
	.shortnews a {
		font-weight: bold;
	}
	
	div.ads_content {
		padding: 0 20px;
	}
	div.ads_content img{
		width:100%;
		margin-left:0;
		padding:0;
	}
	
	.formtab { 
		width:40%;
	}
	/* SUCHSEITE */
	#query {
		width:50%;
		margin-right:20px;
		padding: 5px 0 5px 5px;
	}
	#cmdSearch { 
		margin-left:0;
		margin-bottom: 15px;
	}
#justice_cbJustice {  width:10% !important; vertical-align:text-bottom; box-sizing: border-box; -moz-box-sizing:border-box;  }
}
@media only screen and (min-width: 480px) and (max-width: 579px) {
 
	form .column label { width:100% !important; float:none !important; padding:0 !important; margin:0 !important; box-sizing:border-box; -moz-box-sizing:border-box;  }
	form .column input,
	form .column textarea,
	form .column select {  width:100%; box-sizing: border-box; -moz-box-sizing:border-box;  }
	
	
	div.captchaimage img#captchaControl_Image1
				{
				margin-left: 0px;
				}
	
	#query {
		width:99%;
		padding-left:5px;
	}
	
	
}
/***************************************************************
***Smallest View for Mobile Devices*****************************
***************************************************************/

@media only screen and (min-width: 0px) and (max-width: 479px) {
 
	form .column label { width:100% !important; float:none !important; padding:0 !important; margin:0 !important; box-sizing:border-box; -moz-box-sizing:border-box;  }
	form .column input,
	form .column textarea,
	form .column select {  width:100%; box-sizing: border-box; -moz-box-sizing:border-box;  }
	
	div.captchaimage img#captchaControl_Image1
				{
				margin-left: 0px;
				}
	
	#query {
		width:99%;
		padding-left:5px;
	}
	/*#formularframe
	{
	    height: 1340px;
	}*/
	#identifier {
		display:none !important;
	}
	#footer .c66l, #footer .c66r, #footer .c500l {
        width: 100% !important;
    }
    .grey_contentblock table td, .grey_contentblock table th {max-width:95px;}
    .ContactTable tr td, .ContactTable tr td font, .ContactTable tr td b, .ContactTable tr td a {font-size: 12px;}
    .ContactTable tr td a span {display: block;}

}

@media only screen and (min-width: 0px) and (max-width: 240px) {
#header #identifier {display:none;}

.c500l {
    width:240px;
}

}