/* CSS Document */

@import url(stylecontent.css);
@import url(motorsport.css);

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
body{font:12px/18px arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; background:#0D0D0D url(../images/bg_body.png) top center repeat-y; color:#d0d0d0; position: relative; }
table{border-collapse:collapse;border-spacing:0;}
img, fieldset {border:0;}
em,strong,th,var{font-style:normal;font-weight:bold;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:12px;font-weight:normal;}
h3 {font-size:16px;font-weight:bold;}
a{text-decoration:none;color:#bfbfbf}
a:hover{text-decoration:none;}
a img{border:none;}
.floatleft{float:left}
.floatright{float:right}
.floatclear {
	float: none;
}

/* Clearing floats */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix { 
	display: inline-block;
}
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
select, input, textarea {font:99% arial,helvetica,clean,sans-serif;}
#content{width:902px; border-right:1px solid #000000; border-left:1px solid #000000; margin: 0 auto; padding:0; background:#000000 url(../images/header.png) 0 0 repeat-x; position: relative; }
#content #header { height: 60px; width: 872px; margin: 0 auto; position: relative; }
#content #header p{color:#646365; font-size:10px; margin: 0; text-align:right; line-height:18px; height:18px; padding-top: 12px; }
#content #header p a{color:#bfbfbf; height:18px;line-height:18px;}
#content #header p a:hover, #content #header p a.active, #content #footer p a:hover, #content #footer p a.active {text-decoration:none; color:#fff;}
#content #header .map{background:transparent url(../images/header_map.gif) center right no-repeat; padding-right:35px}
#content #header a.map:hover {background:transparent url(../images/header_map_hover.gif) center right no-repeat;}
#content #header .logo{ position: absolute; left: 0; top: 0; }

#content #menu{background:#000000 url(../images/bg_menu.gif) top left no-repeat; width:872px; height:33px; padding:0; margin:0 0 10px 16px; font-weight: bold; }
#content #menu ul{ margin:0; padding: 0; list-style:none; }
#content #menu ul li{ float:left; padding: 0; margin:0; list-style:none; }
#content #menu ul li a{ color:#9a9a9a; float: left; height: 33px; line-height: 33px; padding: 0 20px; }
#content #menu ul li a:hover {text-decoration:none; color:#ffffff;}
#content #menu ul li.active a{color:#ffffff;}
#content #menu ul li.active a:hover {text-decoration:none;}
#content #menu ul li.dist {
	float: right;
	padding: 0;
	margin: 0px 10px 0px 0px;
	list-style:none;
	}
#content #menu ul li.distactive {
	float: right;
	padding: 0;
	margin: 0px 10px 0px 0px;
	list-style:none;
	}
#content #menu ul li.distactive a {
	color: #FFFFFF;
	}
#content #menu ul li.distactive a:hover {
	text-decoration:none;
	}

#content .banner{margin:0 0 10px 16px; position:relative; background-position: top left; background-repeat: no-repeat; height:238px; width:872px;}
#content .bannerSub{margin:0 0 10px 16px; position:relative; background-position: top left; background-repeat: no-repeat; height:121px; width:872px;}
#content .banner p{position:absolute; bottom:12px; right: 170px; }
#content .banner p a{ font-size:12px; color:#ffffff;height:21px; text-align:center; width:184px; }

#content .columns{margin:0 0 10px 16px; width:872px; }
#content .columns .column-left{float:left; width:625px;}
.box{background:#1a1a1a url(../images/bg_left-box-bot.gif) bottom left no-repeat; width:625px; overflow:hidden;position:relative; margin:0 0 10px 0;}
#content .columns .column-left .box h1{text-transforn:uppercase; font-weight:bold; color:#FFFFFF; font-size:16px; background:#1a1a1a url(../images/bg_left-box.gif) top left no-repeat; padding:4px 0pt 0pt 10px; line-height:32px; height:32px; }

#content .columns .column-left .box .box-left{width:288px; float:left; padding:9px 10px 10px 10px;}
#content .columns .column-left .box .box-left h2{color:#FFFFFF;font-weight:bold; font-size:13px;margin:0 0 13px 0; }
#content .columns .column-left .box .box-left p{color:#bbbbbb; font-weight:normal; font-size:12px; margin:0 0 20px 0}

#content .columns .column-left .box .box-right{width:300px; float:right; padding:8px 10px 9px 0;}
#content .columns .column-left .box p.more{position:absolute; left:10px; bottom:25px;}
#content .columns .column-left .box .item p.more{position:absolute; left:10px; top:120px;}
#content .columns .column-left .box p.more a{
	font-size:11px;
	color:#ffffff;
	padding:0 0 0 20px;
	background: transparent url(../images/bul-grey.gif) 0px 4px no-repeat;
	font-weight:normal;
	display: block;
}

.box .items{ 
    padding:25px 0 0 13px; 
    overflow:hidden; 
    margin:0 0 12px 0; 
    }
div.tx-yokotyres-pi2 div.items { padding:25px 0 0 24px; } /* 3 highlights on products */
.distri div.box div.items { padding:25px 0 0 24px; } /* 3 highlights on distributors */
.distri div.box div.items div.item { margin-left: 12px; }

.box .items .item{width:180px; height:150px; float:left; margin:0; padding:10px; background: transparent url(../images/news-item.jpg) 10px 10px no-repeat; position:relative}
.box .items .item.red{background: transparent url(../images/news-item-red.jpg) 10px 10px no-repeat;}
.box .items .item p.more{
	position:absolute;
	left:12px!important;
	padding-top:5px;
	width: 180px;
	height: 35px;
	overflow:hidden;
	}
.box .items .item p.more a { font-size:11px; color:#ffffff; padding:0 0 0 20px; background: transparent url(../images/bul-grey.gif) 0px 4px no-repeat; display: block;}

#content .columns .column-right{float:right; width:237px;}
#content .columns .column-right .yoko-4u{
	background: #000000 url(../images/yoko-4u-small.png) top left no-repeat;
        background-image: url(../images/motorsport-yoko-4u.png) !important;
	width: 237px;
	height: 221px;
	padding: 0;
	margin: 6px 0px 6px 0px !important;
}
#content .columns .column-right .yoko-4u ul,
#content .rightColumn .tyres_yoko-4u ul { 
    list-style: none;
    margin: 0; 
    display: block; 
    overflow: hidden; 
    padding: 62px 0px 0px 13px; 
    }
#content .rightColumn .tyres_yoko-4u_bottom {
    margin-top: -20px;
    background-image: url(../images/yoko-4u_small_bottom.png);
    }
#content .columns .column-right .yoko-4u ul li { font-size:12px; margin: 12px 0px 0px 0px}
#content .columns .column-right .yoko-4u ul li a {
	color: #ffffff;
	background: url(../images/bul-white.gif) no-repeat left center;
	color: #fff;
	padding-left: 22px;
	text-decoration: none;
	}
#content .columns .column-right .yoko-4u ul li a:hover {color:#000;text-decoration:none; background: url(../images/bul-black.gif) no-repeat left center;}

.link .more a {
	background: url(../images/bul-white.gif) no-repeat left center;
	color: #fff;
	padding-left: 22px;
	text-decoration: none;
}

#content #footer{ clear:both; border-top:1px solid #4d4d4d; overflow:hidden; margin:0 0 20px 16px; width:872px;font-size:10px; color:#b3b3b3; padding:5px 0 0 0}
#content #footer p{font-size:10px; color:#b3b3b3}
#content #footer p a{font-size:10px; color:#b3b3b3}
#content #footer p a:hover, #content #footer p a.active {text-decoration:none; color:#fff;}

/* News */
.breadcrumb {color: #A3A3A3; width: 850px; margin: 0 auto; padding-bottom: 10px; font-size: 10px; font-weight: bold;}
.breadcrumb a {color: #A3A3A3; font-size: 10px; font-weight: bold;}
.breadcrumb a:hover {text-decoration:none; color:#ffffff;}
.leftColumn {width: 163px; float: left; margin-left: 16px; }
* html .leftColumn {width: 163px; float: left; margin-left: 8px;}
.rightColumn {width: 695px; float: right; margin-right: 16px; }
* html .rightColumn {width: 695px; float: right; margin-right: 7px; } 

.leftColumn.hasmenu {background: url(../images/submenu-top.gif) 0 0 no-repeat; padding-top:6px;}
.leftColumn ul.subMenu {background: url(../images/submenu-bot.gif) 0 bottom no-repeat; padding-bottom: 6px; margin-bottom: 30px; display: block; }
* html .leftColumn ul.subMenu {background: url(../images/submenu-bot.gif) 0 bottom no-repeat; padding-bottom: 0px; margin-bottom: 6px; display: block; }
.leftColumn ul.subMenu li {background: url(../images/submenu-center.gif) 0 0 repeat-y; border-bottom: 1px solid #484848;}
.leftColumn ul.subMenu li a, .leftColumn ul.subMenu li.active li a {font-size: 12px; font-weight: bold; color: #a3a3a3; padding: 7px 13px 8px 13px; display: block;}
.leftColumn ul.subMenu li a:hover, .leftColumn ul.subMenu li.active li a:hover, .leftColumn ul.subMenu li.active a { text-decoration: none; color: #ff001a;}
.leftColumn ul.subMenu ul {border-top: 1px solid #484848;}
.leftColumn ul.subMenu li li {background: url(../images/submenu-sub.gif) 0 0 repeat-y; padding-left: 7px;}

.rightColumn h1 {
	background: url(../images/heading-back.png) 0 0 no-repeat;
	color:#9C9C9C;
	font-size:12px;
	font-weight: bold;
	padding: 9px 9px 9px 12px;
	text-transform:uppercase;
}
.rightColumn h2 {
	background: #212121;
	font-size: 12px;
	color: #9C9C9C;
	font-weight: bold;
	padding: 5px 11px 5px 11px;
}
.newsTeaser {width: 695px; height: 195px;}
.newsTeaser h3 {font-weight: bold; color: #fff; font-size: 13px; padding: 26px 376px 26px 33px;}
.newsTeaser p { padding: 0px 376px 26px 33px;}

.newsOverview {
background: #1a1a1a url(../images/overview-bot.gif) 0 bottom no-repeat; 
margin-bottom: 30px; 
padding-bottom: 10px; 
overflow:hidden;
}
/* .yoko-redboxover p a { //changed this because this must work without paragraph around the links too */
.yoko-worldboxover { margin: 0 0 0 5px !important; padding: 10px 0 0 0; }
.yoko-worldboxover p a { font-size: 12px; }
.yoko-redboxover a {
	color: #ffffff;
	background: url(../images/bul-white.gif) no-repeat left center;
	color: #fff;
	padding-left: 22px;
	text-decoration: none;
	}
 .yoko-redboxover a:hover {color:#000;text-decoration:none; background: url(../images/bul-black.gif) no-repeat left center;}
  .yoko-redboxover p {
	height: 30px; 	
 }
/* .yoko-worldboxover p a { //changed this because this must work without paragraph around the links too */
.yoko-worldboxover a {
	color: #ffffff;
	background: url(../images/bul-white.gif) no-repeat 5px 3px;
	color: #fff;
	padding-left: 27px;
	text-decoration: none;
	font-weight: bold;
	}
 .yoko-worldboxover a:hover {
     color: #FFFFFF;
     text-decoration: none; 
     background: url(../images/bul-white.gif) no-repeat 5px 3px;
     }
  .yoko-worldboxover p {
	height: 25px; 	
 }
.newsOverview .box { background: none; width: auto; margin: 0; overflow:hidden;  }
.newsOverview .box .items { border-top: 1px solid #343434; padding: 16px 0 19px 48px; margin: 0; }
.newsContent {
/*	float: left;
	width: 366px;*/
	margin: 23px;
}
.newsContent p {
	padding: 0px 0px 25px 0px;
	line-height: 16px;
}
.newsContent .related p {padding-bottom: 0px; line-height: 16px;}
.newsContent .related strong {padding-left: 5px;}
.news-single-related a {padding-left: 5px;}
.newsBild { 
    float: right; 
    margin: 23px 23px 13px 23px; 
    }
.newsPrint {padding: 13px 20px 0 20px; border-top: 1px solid #343434; clear: both;}
.newsPrint ul { 
    background: url(../images/doc-print-small.gif) 0pt 0pt no-repeat;
    padding: 1px 0 5px 0;
    }
.newsPrint ul li {display: inline;}
.newsPrint ul li a { 
    color: #fff; 
    background: url(../images/bul-white.gif) 0px 3px no-repeat; 
    font-size: 12px; 
    font-weight: 12px; 
    padding-left: 16px; 
    font-weight: bold; 
    margin-left: 10px;
    }
.newsPrint ul li a:hover {
    color: #000; 
    background-image: url(../images/bul-black.gif);
    text-decoration: none;
    }

.item.red ul {padding: 65px 0 0 13px;}
.item.red ul li {padding-bottom: 15px;}
.item.red ul li a {color: #fff; font-weight: bold; font-size: 12px; background: url(../images/bul-white.gif) 0 3px no-repeat; padding-left: 16px;}
.item.red ul li a:hover, .item.red ul li.active a {background: url(../images/bul-black.gif) 0 3px no-repeat; text-decoration: none; color: #000;}

.fullContent { margin:0pt 0pt 10px 16px; padding:0pt; width:872px; }
.fullContent .specialTitle {
    background: transparent url(../images/headingred-back.gif) no-repeat scroll 0pt;
    color: #FFFFFF;
    font-size: 18px;
    font-weight: bold;
    padding: 11px 11px 11px 12px;
    text-transform: uppercase;
    }
.fullBox {background:#1a1a1a url(../images/big_content-bot.gif) no-repeat left bottom; padding-bottom: 15px;margin-bottom:15px;}
.fullBox h1 {font-size:16px; font-weight:bold; }
.fullBox .boxContent {margin:0 10px 0 10px; padding-top:10px;}
ul#linksList li {float:left; width:425px; border-bottom:1px solid #484848; padding:13px 0pt;}
ul#linksList li .linksText {float:left; width:250px; margin-left:12px; }
ul#linksList li .image {float:right; width:151px; margin-right:12px;}
ul#linksList li .linksText .more a {background:transparent url(../images/bul-grey.gif) no-repeat scroll left 33px; color:#FFFFFF; font-size:12px; padding:30px 0pt 0pt 20px; display:block; }

/*********** CONTACT ****************/
.csc-mailform {  padding:10px 0 10px 0; border:0px; }
.csc-mailform-field { clear: both; margin-bottom: 5px; } 
.csc-mailform input { border: 1px solid #a00817; width: 250px; padding: 1px 4px; } 
.csc-mailform textarea { border: 1px solid #a00817; width:250px; overflow: auto; padding: 1px 4px; } 
.csc-mailform label { float: left; 	width: 200px; text-align: left; padding-left: 30px; }
input.csc-mailform-submit { margin-left: 230px; background-color: #a00817; padding:3px;	width:auto!important;border:none; color: #fff; }

/*********** SITEMAP ****************/
.csc-sitemap { margin: 10px; }
.csc-sitemap ul li {
	list-style:none;
	padding:3px;
	line-height:20px;
	border-top:1px solid #fff;
	width:30%;
	float: left;
	margin: 0px 20px 0px 0px;
}
ul.csc-menu csc-menu-1 ul li {
	list-style:none;
	padding:3px;
	line-height:20px;
	border-top:1px solid #fff;
	width:30%;
	float: left;
	margin: 0px 20px 0px 0px;
}
.csc-sitemap ul li a {color: #fff;font-size:12px;font-weight:bold;text-decoration:none; }
.csc-sitemap ul li a:hover {text-decoration:underline;}
.csc-sitemap ul li ul {	margin-left:20px;}
.csc-sitemap ul li ul li {
	border: none;
	padding: 0;
	width: 225px;
        margin: 0px 0px 4px 0px;
}
.csc-sitemap ul li ul li a {color: #fff;font-size:11px;font-weight:normal;text-decoration:none; border:none;background:transparent url(../images/bul-grey.gif) no-repeat scroll left center; margin-top:10px; padding-left:30px;}
.csc-sitemap ul li ul li a:hover {text-decoration:underline;}
.tx-newloginbox-pi1 { padding: 10px 40px 40px; }
.tx-newloginbox-pi1 .status { font-weight: bold; margin-bottom: 20px; }
.tx-newloginbox-pi1 div.fieldline { position: relative; margin: 5px 0; }
.tx-newloginbox-pi1 .fieldline input { position: absolute; left: 70px; top: 2px; border: none; width: 150px; padding: 1px 4px; }

.loginButtons div, 
.srfeuserButtons div { 
    float: left; 
    padding-right: 4px; 
    background: url(../images/submit.png) no-repeat right 0;
    }
    
.loginButtons input,
.loginButtons a,
html div#content .srfeuserButtons input,
html div#content .srfeuserButtons a { 
    font-family: arial,helvetica,clean,sans-serif;
    border: none; 
    background: url(../images/submit.png) no-repeat 0 0; 
    text-align: left;
    height: 21px; 
    line-height: 21px; 
    font-size: 12px;
    padding: 0 10px 0 30px; 
    color: #fff; 
    font-weight: normal;
    }
    
.loginButtons input:hover,
.loginButtons a:hover,
html div#content .srfeuserButtons input:hover,
html div#content .srfeuserButtons a:hover { 
    background: url(../images/submit-hover.png) no-repeat 0 0; height: 21px; 
    color: #000000; 
    }
    
 .loginButtons div.loginBtn { margin-left: 30px; }

.loginButtons,
.srfeuserButtons { padding-top: 20px; }

.loginButtons input, 
.loginButtons a, 
.srfeuserButtons input,
.srfeuserButtons a { float:left; display:inline; }  


.csc-textpic-image { margin:0!important;}
.newsOverview .corporateText { margin: 14px 23px; }
.corporateText h1 {background:none; font-size:16px; font-weight:bold; padding-left:0;}
.corporateText h2 {font-size:14px; font-weight:bold; background:none; padding:0; margin-top:10px;}
.corporateText ul { list-style-type:disc; margin: 5px 0 5px 30px; }
.corporateText p { margin-top: 5px; }
.itemImage {overflow:hidden; width:180px; height:109px; display:block;}

.contenttable { border: 1px solid #3b3b3b; width: 650px; } /* events & dates */
.contenttable thead { background-color:#394345; font-weight:bold; }
.contenttable thead th {font-weight:bold; color:#898f91;}
.contenttable thead th, .contenttable td {
	padding: 8px 8px 8px 12px;
	border-top:1px solid #3b3b3b;
	border-right:1px solid #3b3b3b;
        vertical-align: top;
}
.grey-line { background-color:#575757; height:1px;}
.tx-srfeuserregister-pi1 p.registerLink {margin-top:30px!important;}

.box .news-single-video{
	margin: 10px 5px 18px 0px;
	float: right;
}
.topmovie {width:695px; background:#1A1A1A ;}
.topmovie .box-left-movie {
    float: left;
    padding: 0px 69px 10px 23px;
    width: 260px;
}
.topmovie .box-left-movie h2 {
color:#FFFFFF;
font-size:13px;
font-weight:bold;
margin:0pt 0pt 13px 0;
padding-left:0px;
background:none;
}
.topmovie .box-left-movie p.more {
bottom:10px;
left:10px;
position:absolute;
}
.topmovie .news-single-video {
	margin-top:0px;
	padding-bottom:10px;
	padding-top:10px;
	padding-right:5px;
	text-align: right;	
}

.boxContent .tx-srfeuserregister-pi1 form { margin: 10px 40px 40px; }
.boxContent .tx-srfeuserregister-pi1 legend { padding: 0; }
.boxContent .tx-newloginbox-pi1 p,
.boxContent .tx-srfeuserregister-pi1 p {
color:#9A9A9A;
font-family:Verdana,sans-serif;
font-size:12px;
margin-bottom:0px;
margin-top:8px;
padding: 0;
}
/*
.boxContent .tx-srfeuserregister-pi1 input, 
.boxContent .tx-srfeuserregister-pi1 textarea, 
.boxContent .tx-srfeuserregister-pi1 select  {
background-color:#fff;
color:#000;
font-family:Verdana;
font-size:10px;
font-weight:bold;
border: none;
height:17px;
}
*/

.tx-srfeuserregister-pi1 legend { margin-bottom: 20px; }
.tx-srfeuserregister-pi1 dd { padding-left: 17px; margin-bottom: 15px; } 
.tx-srfeuserregister-pi1 dd.indicatormark { background: url(../images/bul_contact.gif) 2px 4px no-repeat; }
.tx-srfeuserregister-pi1 dt { margin-bottom: 3px; height: auto !important; } 
.tx-srfeuserregister-pi1 label { color: #747b7c; display: inline; width:200px; }
.tx-srfeuserregister-pi1 dd input,
.tx-srfeuserregister-pi1 dd select { border: 1px solid #a5acb2; padding: 1px; font-size: 11px; width: 204px; }
.tx-srfeuserregister-pi1 dd input.tx-srfeuserregister-pi1-checkbox { width: 13px; } /* width of an checkbox to have a square box */
.tx-srfeuserregister-pi1 select { width: 207px; }
.tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-notice { 
    background: url(../images/bul_contact.gif) 2px 4px no-repeat; 
    padding-left: 17px; 
    font-weight: bold; 
    font-family: arial, helvetica, clean, sans-serif; 
    margin-bottom: 25px;
    }
.tx-srfeuserregister-pi1 p.tx-srfeuserregister-pi1-error { 
    color: #747b7c; 
    font-family: arial, helvetica, clean, sans-serif; 
    margin: 0 0 3px 0;
    width: 400px;
    }

.tx-srfeuserregister-pi1 div.contentBox { margin: 10px 40px 40px; }

.tx-srfeuserregister-pi1 div.job_typ_checkboxes,
.tx-srfeuserregister-pi1 div.outlet_cat_checkboxes { margin: -5px 0 20px 20px; }
.tx-srfeuserregister-pi1 div.checkbox dt { padding-left: 20px; }
.tx-srfeuserregister-pi1 div.checkbox dd { float: left; padding: 0; margin: 0; margin-top: -23px; }
.tx-srfeuserregister-pi1 div.checkbox input { width: auto; }

.tx-srfeuserregister-pi1 fieldset.overview dt { width: 150px; }
.tx-srfeuserregister-pi1 fieldset.overview dd { margin-top: -23px; margin-left: 150px; }

/* f�rs reg formular*/
.feuser_check_1{
border:1px #ccc solid;
width:10px;
background:#ff0000;
}


/* .boxContent .tx-srfeuserregister-pi1 a {
color:#A00817;
}*/

/***
 * Select News Archive
 **/
#select-news { padding: 14px 39px; }
.search-message { padding: 0 39px 14px 39px; }

/***
 * Pager
 **/
.pager { text-align: center; color: #a0a0a0; border-top: 1px solid #343434; padding: 21px 41px 11px 41px; }
.pager p { display: inline; }
.pager a { color: #a0a0a0; padding: 0 3px; }
.pager .tx-ttnews-active a { color: #fff; }
.pager .prev , .pager .next { width: 70px; }
.pager .prev a, .pager .next a { color: #fff; }
.pager .prev { float: left; background: url(../images/bul-grey-inactive-rev.gif) no-repeat left center; padding-left: 22px; }
.pager .prev a { float: left; background: url(../images/bul-grey-rev.gif) no-repeat left center; padding-left: 22px; margin-left: -22px; }
.pager .next { float: right; background: url(../images/bul-grey-inactive.gif) no-repeat right center; padding-right: 22px; }
.pager .next a { float: right; background: url(../images/bul-grey.gif) no-repeat right center; padding-right: 22px; margin-right: -22px; }

/***
 * Press
 **/
#press h1 { background: url(../images/heading-back-long.png) no-repeat 0 0; }

/***
 * Search
 **/
#search { padding: 0 8px; }
#search h2 { height: 33px; line-height: 33px; border: solid #5f5f5f; border-width: 1px 0; padding: 0 13px; color: #e7e7e7; text-transform: uppercase; font-weight: bold; font-size: 15px; margin-bottom: 34px; }
#search fieldset label { display: block; clear: both; background: url(../images/bul-white.gif) no-repeat left center; padding-left: 22px; margin-bottom: 15px; margin-top: 10px; }
#search fieldset label.no-bg { background: none; margin: 0; position: relative; top: -10px; }
#search fieldset .form-item { float: left; display: inline; margin-left: 20px; width: 325px; margin-bottom: 20px; }
#search fieldset .form-item input, #search fieldset .form-item select { width: 294px; padding: 2px 6px; margin: 0; border: 3px double #1A1A1A; }
#search fieldset .form-item select { width: 313px; padding: 2px 0; }
#search fieldset div.multiple select { width: 70px; padding: 2px 0; }

#search fieldset .submit { margin-left: 365px; padding-top: 2px; }
#search fieldset .submit div { float: left; padding-right: 4px; background: url(../images/submit.png) no-repeat right 0;}
#search fieldset .submit input { border: none; background: url(../images/submit.png) no-repeat 0 0; height: 21px; line-height: 21px; padding: 0 10px 0 30px; color: #fff; }
#search fieldset .submit input:hover { border: none; background: url(../images/submit-hover.png) no-repeat 0 0; height: 21px; line-height: 21px; padding: 0 10px 0 30px; color: #000000; }

.searchItem { color: #e9e9e9; line-height: 16px; font-size: 12px; background: url(../images/bul-white.gif) no-repeat 0 3px; padding-left: 21px; margin: 0 0 20px 20px; }
.searchItem h3 { font-size: inherit; }
.searchItem a { color: #e9e9e9; }

.tx-indexedsearch-browsebox {display:none;}
.tx-indexedsearch-whatis {display:none;}

/***
 * Links
 **/
#links .boxContent { margin: 0; padding: 17px 0 0 0; }
 
.link { border-bottom: 1px solid #484848; float: left; height: 140px; width: 416px; padding: 0 10px; margin-bottom: 11px; overflow: hidden; line-height: 15px; color: #fff; }
.link .image { float: right; width: 150px; height: 125px; position: relative; overflow: hidden; }
.link .image .bg { width: 150px; height: 125px; position: absolute; top: 0; left: 0; background: url(../images/link.png) no-repeat 0 0; _background: none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../images/link.png', sizingMethod='crop'); }
.link .text { padding-top: 10px; width: 240px; }
.link .more { margin-top: 30px; }
.link .more a {
background:transparent url(../images/bul-white.gif) no-repeat scroll left center;
bottom:1px;
color:#FFFFFF;
display:block;
left: 10px;
padding-left:22px;
position:relative;
text-decoration:none;
}
/* headline-version */
/*
.link .text { padding-top: 0;  }
.link .more { margin-top: 0px; margin-bottom: 25px; }
.link .more a {
left: 0px;
font-weight: bold;
font-size: 14px;
}
*/
/* bottomline-aligned version */
.link { position: relative; }
.link .more { position: absolute; bottom: 12px; }


.link .more a:hover, .link .more a:focus {
	text-decoration: none;
}
#content #header .active a {color:#fff!important;}
#content #header a.mapactive {color:#fff; background:transparent url(../images/header_map_hover.gif) no-repeat scroll right center;padding-right:35px;}
 /*------------------------------------------------------------------------------------------------------*/

 /**
  * @section subtemplates
  * @see     http://www.yaml.de/en/documentation/practice/subtemplates.html
  */

  .subcolumns, .subcolumns_oldgecko {
    width: 100%;
    overflow:hidden;
  }

  /* (en) alternative class for optional support of old  Mozilla/Netscape browers */
  /* (de) Alternative Klasse zur optionalen Unterst�tzung alter Mozilla/Netscape-Brower */
  .subcolumns_oldgecko { float:left }

  .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l {float: left; }
  .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r {float: right; margin-left: -5px; }

  .c25l, .c25r { width: 25% }
  .c33l, .c33r { width: 33.333% }
  .c50l, .c50r { width: 50% }
  .c66l, .c66r { width: 66.666% }
  .c75l, .c75r { width: 75% }
  .c38l, .c38r { width: 38.2% }
  .c62l, .c62r { width: 61.8% }

  .subc  { padding: 0 0.5em }
  .subcl { padding: 0 1em 0 0 }
  .subcr { padding: 0 0 0 1em }

 /*------------------------------------------------------------------------------------------------------*/
 
 /* FCE 3 Boxes with rounded edges End */
/* ################################
** ### FCE adjustable columns     #
** ################################
*/
div.flexi {
	overflow:hidden;
	display:block;
	clear:both;
	width:100%;
/*	height:1%;*/
}
/*div.flexi div {display:block; overflow:hidden; float:left;}*/
div.flexi div.left {margin-right:5px;display:block; overflow:hidden; float:left;}
div.flexi div.center {margin-right:5px; margin-left:5px;display:block; overflow:hidden; float:left;}
div.flexi div.right {margin-left:5px;display:block; overflow:hidden; float:left;}
/* FCE adjustable columns End */
 
 /*-------------------------------------------------------------------------------------------------------*/
 /*-- news_item style --- */
 
 .news_item{
background:transparent url(../images/news-item.jpg) no-repeat scroll 10px;
float:left;
height:150px;
margin:0pt;
padding:10px;
position:relative;
width:180px;
}
 
 .news_itemImage{
display:block;
height:109px;
overflow:hidden;
width:180px;
margin-top:-1px;
}

.news_item p.more{
left:20px !important;
padding-top:5px;
position:absolute;
}

.news_item p.more a {
background:transparent url(../images/bul-grey.gif) no-repeat scroll left center;
color:#FFFFFF;
font-size:12px;
padding:0pt 0pt 0pt 20px;
}



.worldwide{
background:transparent url(../images/worldwide.jpg) no-repeat scroll left center;
width:872px;
height:434px;
margin: -10px 0px -16px -10px;  
} 


.worldwide_space{
padding:28px;
}
 
.worldwide_space a.external-link{
background:transparent url(../images/bul-grey.gif) no-repeat scroll left center;
color:#FFFFFF;
font-size:12px;
padding:0px 0px 0px 20px;
} 

.worldwide_space p{
	margin-top: 5px;	
} 

.worldwide_space strong{
background:transparent url(../images/world_head_back.gif) no-repeat scroll 0px 50%;
color:#FFFFFF;
display:block;
font-size:12px;
height:23px;
line-height:190%;
overflow:visible;
padding:2px;
}
 
.tipForm {margin:10px 10px 10px 20px; color: #9A9A9A;} 


.tipForm  input { border: 1px solid #a00817; width: 250px; padding: 1px 4px; } 
.tipForm  textarea { border: 1px solid #a00817; width:250px; overflow: auto; padding: 1px 4px; } 
.tipForm input.tipCheck{border:none; padding:0; width:auto!important;}
input.tipSubmit { background-color: #a00817; padding:3px;	width:auto!important;border:none; color: #fff; }

/*
.contact_back {
background:#1A1A1A;
width:872px;
height:570px;
margin:0px;  
margin-top:-19px;
margin-bottom:-16px;
}

.contact_back_space{
padding:28px;
}

.contact_back .left{
background:#1A1A1A;
}

.contact_back .left h1{
font-size:12px;
color:#cccccc;
}



.contact_back .left p {
padding:5px;
padding-left:18px;
padding-top:3px;
padding-bottom:3px;
}



.contact_back .right {
background:transparent url(../images/contact_back.jpg) no-repeat scroll left center;
height:510px;
margin:0px;  
}
*/


/* Contact */
.leftContact {
	float: left;
	width: 490px;
	margin: 20px 0 0 23px;
}

.leftContact h2 {
	font-size: 12px;
	font-weight: bold;
}

.leftContact strong {
	font-weight: bold;
}

.contactBox {
	background: url(../images/bul_contact.gif) 2px 25px no-repeat;
	margin-top: 17px;
	float: left;
	width: 238px;
	padding-bottom: 10px;
}

.contactLine {
	background: url(../images/bul_contact.gif) 2px 25px no-repeat;
	margin-top: 17px;
	padding-bottom: 10px;
	clear: both;
}

.contactBox label, .contactLine label {
	color: #747b7c;
	display: block;
	padding-bottom: 3px;
}


.contactBox .inp {
	border: 1px solid #a5acb2;
	padding: 1px;
	font-size: 11px;
	width: 204px;
	margin-left: 17px;
}

.contactLine textarea {
	border: 1px solid #a5acb2;
	margin-left: 17px;
	width: 444px;
}

div.newsletter {
	color: #fff;
	padding-top: 10px;
}

p.indicator_txt { margin-left: 10px; }

div.newsletter input {
    margin-right: 5px;
}
div.newsletter label {
    position: relative;
    top: 1px;
}

p.newsletterDetails {
    font-size: 10px;
    margin-left: 22px;
}

p.newsletterDetails b {
	font-size: 10px;
	font-weight: bold;
}

div.leftContact .submit { margin-top: 20px; }
div.leftContact .submit div { 
    float: left; 
    padding-right: 4px; 
    background: url(../images/submit.png) no-repeat right 0;
    }
    
div.leftContact .submit input { 
    border: none; 
    background: url(../images/submit.png) no-repeat 0 0; 
    height: 21px; 
    line-height: 21px; 
    padding: 0 10px 0 30px; 
    color: #fff; 
    }
    
div.leftContact .submit input:hover { 
    border: none; 
    background: url(../images/submit-hover.png) no-repeat 0 0; height: 21px; 
    line-height: 21px; 
    padding: 0 10px 0 30px; 
    color: #000000; 
    }

.contactRight {
	background: url(../images/contactRight.gif) 0 0 no-repeat;
	width: 310px;
	height: 705px;
	float: right;
	margin: 16px 23px 0 0;
	padding: 20px 0px 20px 20px;
}


.press_down_head {
background:transparent url(../images/press_down_head.gif) no-repeat scroll 0%;
display:block;
height:35px;
margin:0px 0px 0px 20px;
width:673px;
}

.tx-srfeuserregister-pi1 dt 
{
height:17px;
width:200px;;
float:left;;
padding-left:20px;;
}
.makeNewSearch {
color:#FFFFFF;
font-weight:bold;
left:570px;
margin-bottom:10px;
position:absolute;
text-align:right;
top:115px;
}
.makeNewSearch a {color:#fff; background: transparent url(../images/bul-white.gif) no-repeat scroll left center; padding-left: 22px;}
/*.tx-srfeuserregister-pi1 a {background:none!important; color:#fff!important; font-weight:bold;}*/
/* .boxContent .tx-srfeuserregister-pi1 a.registerButton { width:149px; background:transparent url(../images/loginbtn.gif) no-repeat scroll left center; border:none; color:#fff; height:21px; padding-left:30px; line-height:21px;} */
.tx-srfeuserregister-pi1 .tx-srfeuserregister-pi1_auth {
	padding: 10px 40px 40px;	
}

/*********** CORPORATE ****************/
.corporateText table.historyTable { margin-bottom: 20px; }
.corporateText table.historyTable tr th { vertical-align: top; padding-top: 5px; padding-right: 30px; padding-top: 20px; }
.corporateText table.historyTable tr td { padding-top: 15px; }

.corporateText dl { margin: 20px 0 30px 0; } 
.corporateText dl dt { width: 150px; float: left; } 
.corporateText dl dd { margin: 0 0 10px 150px; } 

.corporateText div.csc-textpic { margin: 30px 0; }
.corporateText div.csc-textpic div.csc-textpic-imagewrap { width: auto !important; } /* don't use the inline-style from plugin */
.corporateText div.csc-textpic div.csc-textpic-imagewrap dl { float: none; display: block; }
.corporateText div.csc-textpic div.csc-textpic-imagewrap dt { float: none; }


/** newsletter **/
.tx-thmailformplus-pi1 p a { text-decoration: underline; }
.tx-thmailformplus-pi1 .captcha { background-position: 2px 48px; width: 400px; margin-top: 35px; }
.tx-thmailformplus-pi1 .captcha p { color: #747b7c; font-size: 11px; margin: 0; padding-bottom: 3px; }
.tx-thmailformplus-pi1 .captcha input { margin-top: 5px; float: left;  }
.tx-thmailformplus-pi1 .captcha img { margin-left: 15px; border: 1px solid red; }
.tx-thmailformplus-pi1 .submit { padding-top: 2px; margin-top: 60px; }
.tx-thmailformplus-pi1 .submit div { float: left; padding-right: 4px; background: url(../images/submit.png) no-repeat right 0;}
.tx-thmailformplus-pi1 .submit input { border: none; background: url(../images/submit.png) no-repeat 0 0; height: 21px; line-height: 21px; padding: 0 10px 0 30px; color: #fff; }
.tx-thmailformplus-pi1 .submit input:hover { border: none; background: url(../images/submit-hover.png) no-repeat 0 0; height: 21px; line-height: 21px; padding: 0 10px 0 30px; color: #000000; }
#newsletter div.newsletter-button { width: 345px; } /* fix because the padding will be added in some brothers and the this is too wide */

.leftContact .tx-thmailformplus-pi1 div.specialoffers,
.leftContact .tx-thmailformplus-pi1 div.captcha { float: none; }
.leftContact .tx-thmailformplus-pi1 div.specialoffers { width: auto;  }
.leftContact .tx-thmailformplus-pi1 div.specialoffers input { margin-left: 17px; }

.corporateText p.newsletterintro {
        width: 320px;
        color: #9C9C9C;
}

.newsletterRight {
	background: url(../images/newsletter.jpg) 0 0 no-repeat;
	width: 280px;
	height: 521px;
	float: right;
	/* margin: 15px 17px 0px 0px; */
        margin: 10px 0;
	padding: 0px 0px 0px 0px;
}

#newsletter .contactBox {
	background: url(../images/bul_contact.gif) 2px 25px no-repeat;
	margin-top: 17px;
	float: none;
	width: 360px;
	padding-bottom: 10px;
}

#newsletter .specialoffers { background: none; }
#newsletter .specialoffers a,
#contact .specialoffers a { text-decoration: underline; }
#contact div.contactBox.specialoffers { background: none; }
#newsletter .specialoffers label,
#contact .specialoffers label { color: #d0d0d0; padding-left: 20px; }
#newsletter .specialoffers input { float: left; position: relative; top: -55px; }
#contact .specialoffers input { float: left; position: relative; top: -20px; margin: 0; }

#newsletter .captcha { background-position: 2px 47px; width: 350px; }
#newsletter .captcha label { font-size: 11px; } 

#newsletter h1 {
        width: 360px;
        float: left;
}


/** bottom spacing to footer **/
.leftColumn ul.subMenu,
.fullBox,
.newsOverview,
.rightColumn .box { margin-bottom: 20px; } /* make that there is an spacing of 20px to footer ever */
.rightColumn .newsOverview .box { margin-bottom: 0; } /* reset this because class newsOverview have the margin */

.cat_overview_bottom,
.cat_overview_bottom2 { margin-bottom: 15px !important; } /* this must be 5px less than other defintions */

/** correct paddings for the 3 sites "legal notice", "privacy policy" and "terms & conditions" **/
#fulltext .fullBox .boxContent { padding: 20px 0; margin: 0 23px; }

.newsarchback {
	margin: -30px 15px 0px 0px;
	float: right;
}

.newsarchback div { 
    float: left; 
    padding-right: 4px; 
    background: url(../images/submit_news.png) no-repeat right 0;
    }
    
html div#content .newsarchback a { 
    font-family: arial,helvetica,clean,sans-serif;
    border: none; 
    background: url(../images/submit_news.png) no-repeat 0 0; 
    text-align: left;
    height: 21px; 
    line-height: 22px; 
    font-size: 12px;
    padding: 0 10px 0 30px; 
    color: #fff; 
    font-weight: normal;
    }
    
html div#content .newsarchback a:hover { 
    background: url(../images/submit_news-hover.png) no-repeat 0 0; height: 21px; 
    color: #000000; 
    }
    
.newsarchback a { float:left; display:inline; }  










/** startpage speed racer trailer box **/
#content div.column-left div.box div.box div.box-left { padding-top: 20px; padding-bottom: 0; }
#content div.column-left div.box div.box div.news-single-video { margin-top: 20px; margin-bottom: 8px; }

/** news - movies topmovie box **/
#content div.rightColumn div.topmovie div.box-left-movie,
#content div.rightColumn div.topmovie div.news-single-video { padding-top: 20px; } 



.related a {
    font-weight:bold;
    margin-left:5px;
    }    
    
div.yoko-redboxover { /* margin for the links in the yoko for you box */
    margin: 60px 5px 0px 13px ! important;
    }

 /* overwriting value from html style definition */
div.tx-yokotyres-pi2 .cat_overview_subcat a { margin-bottom: 10px; width: 200px; }
#content .rightColumn .tyres_yoko-4u { background-image: url(../images/yoko-4u_small.png); }
#content .rightColumn .tyres_yoko-4u_bottom {}
.fullBox h1.distri { 
    font-size: 16px; 
    padding: 9px 9px 9px 12px; 
    width: 866px; 
    } 

.motors_home_fix { display: none; } /* delete this from content */

#content .tx-yokotyres-pi3 .tyre_searchbox h6 { margin-left: -18px; margin-right: -18px;  } /* special styles for global search */

/* formating the contact - thank you - page */
.contact_result { margin: 0px 14px 14px 14px; }
.contact_result h2 { font-size: 14px; font-weight: bold; margin-bottom: 20px; }

#content .column-right table.macina_banner { margin-top: 4px; } /* positioning the banner (VWTCC) on YEU homepage */

.yeu_europe img.spacer-gif { display: none; }

/* definitions from mb:on */
@import url(am_styles130808.css);