@charset UTF-8; 

/* CSS Dokument Cofain */

/* -------------------------------------------------- */

/* ----------------- BASIC SETTINGS ----------------- */

/* -------------------------------------------------- */
* { margin:0; padding:0; text-decoration:none; font-family:Helvetica, Arial, sans-serif; color:#434343; font-size:12px; line-height:1.6em; border:none; }

/* IEPNGFIX */
*html img,input { behavior:url(iepngfix.htc); }
body { position:relative; background-color:#000; overflow:auto; border:0; 
/* This removes the border around the viewport in old versions of IE */
}
html,body,div { border:0; }
.clear { clear:both; }
img { border:0; }
ul { list-style:none; }
p a,td a { cursor:pointer; color:#EB1A22; text-decoration:underline; }

/* -------------------------------------------------- */

/* ---------------------- INTRO --------------------- */

/* -------------------------------------------------- */
#introWrapper { position:relative; width:336px; height:100%; margin:65px auto; text-align:center; }
#introWrapper h1 a { display:block; margin:0 auto 30px; width:182px; height:60px; text-indent:-5000px; background:transparent url(images/cofain_intrologo.png) no-repeat 0 0; }
#tinWrapper { position:absolute; left:370px; top:185px; width:159px; height:624px; background:transparent url(images/cofainTin.jpg) no-repeat 0 0; }
#introTop { width:336px; height:199px; padding-top:20px; text-align:left; background:transparent url(images/bg_introTop_metal.jpg) no-repeat 0 0; }
#introTop h2 { font-size:18px; color:#fff; text-align:center; font-weight:normal; }
#introBottom { width:336px; height:108px; margin-bottom:4px; padding:25px 0 0; background:transparent url(images/bg_introBottom_met.png) no-repeat 0 0; }
#introBottom h2 { font-size:21px; color:#000; }
#introBottom h3 { font-size:12px; color:#000; margin-bottom:6px; }
h4 { font-size:14px; text-transform:uppercase; }
#intro { height:128px; background:transparent url(images/bg_introFooter.png) repeat-x 0 0; }

/* INFO NAVIGATION (with multilang)
----------------------------------------------------- */
#infoNavigation { width:300px; height:30px; margin:0 auto; border:1px solid #4A4A4A; }

/* #infoNavigation {
	width: 158px;
	height: 30px;
	border: 1px solid #4A4A4A;
}*/

/*jQuery Lang switch
----------------------------------------------------- */
.langswitcher { cursor:pointer; }
#infoNavigation .langswitcher a { border-left:none; padding-left:10px; }
.tt_language { position:absolute; top:32px; left:725px; width:106px; height:77px; background:transparent url(images/bg_tooltip.png) no-repeat 0 0; z-index:10; display:none; padding:16px 1px 0; z-index:1000; }
.tt_language a { display:block; width:87px; font-size:11px; color:#fff; padding:6px 0 5px 15px; margin:0 0 0 1px; }
.tt_language a:hover { background-color:#2F2F2F; }
.tt_language a.active { background-color:#666666; }

/* -----------------------------------------------------
INFO NAVIGATION (with multilang) ends */
#infoNavigationWrapper ul { 
/*	width: 180px;*/
width:100%; height:30px; border:1px solid #4A4A4A; }
#infoNavigationWrapper ul li { color:#CCCCCC; height:30px; display:block; float:left; margin-top:6px; padding:0 0 0 25px; }
#infoNavigationWrapper ul li a { color:#CCCCCC; font-size:12px; border-right:#4A4A4A solid 1px; padding:0 24px 0 0; }
#infoNavigationWrapper ul li a:hover { color:#909090; }
#infoNavigationWrapper ul li.last a { border:none; }
#infoNavigation li { color:#CCCCCC; height:30px; display:block; float:left; margin-top:6px; padding:0 10px 0 12px; }
#infoNavigation li a { color:#CCCCCC; font-size:12px; border-right:#4A4A4A solid 1px; padding:3px 12px 3px 0; }
#infoNavigation li a:hover { color:#666666; }
#infoNavigation li.last a { border:none; padding:none; margin-left:-1px; }
#infoNavigationWrapper { position:absolute; top:7px; right:6px; }
#infoNavigation li ul { margin:-6px; }

/* FORM
----------------------------------------------------- */
#selectCountry a { display:block; font-size:16px; color:#fff; margin:15px 0 0 80px; padding:5px 0 0; width:170px; height:27px; background:transparent url(images/bg_countrySelection.png) no-repeat 0 0; text-align:center; }
#selectCountry a:hover { background:transparent url(images/bg_countrySelection_hover.png) no-repeat 0 0; }

/* -------------------------------------------------- */

/* ------------- LAYOUT STYLES --------------- */

/* -------------------------------------------------- */

/* header
----------------------------------------------------- */
#topBar { position:relative; height:45px; width:960px; margin:0 auto; background:transparent url(images/bg_topBar.png) repeat-x 0 0; z-index:100; }
#header { position:relative; height:156px; width:1000px; margin:0 0 0 -20px; background:transparent url(images/bg_header.png) no-repeat 0 0; z-index:10; }
.leftbottom { position:absolute; bottom:-11px; left:0; width:20px; height:18px; background:transparent url(images/bg_headerLeftBottom.png) no-repeat 0 0; }
.rightbottom { position:absolute; bottom:-11px; right:0; width:20px; height:18px; background:transparent url(images/bg_headerRightBottom.png) no-repeat 0 0; }
#header h1 a { position:absolute; top:45px; left:30px; display:block; width:130px; height:43px; text-indent:-6000px; background:transparent url(images/bg_headerH1.png) no-repeat 0 0; behavior:url(iepngfix.htc); }
.siteWrapper { position:relative; width:960px; height:100%; margin:0 auto; background-color:white; }
#contentWrapper { position:relative; height:100%; padding:0 50px; z-index:1; background-color:#fff; }

/* teaser
----------------------------------------------------- */
.flashteaser { width:960px; margin-top:-8px; z-index:1; }
#flashWrap { width:100%; height:100%; }
#flashContent { background-color:#000; }
#teaser { width:100%; height:340px; margin-top:-7px; }
#teaserContentLeft { float:left; width:320px; }
#teaserContentRight { padding:25px 0 0; float:right; width:480px; }
p.atHeadline { font-size:20px; }
#teaser #teaserContentRight h2 { font-size:32px; color:#333333; padding:45px 0 0; line-height:1.3em; }
.textLayer { position:absolute; top:106px; left:0; width:239px; background-color:#000; padding:5px 15px; overflow:hidden; opacity:0.8; filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80,FinishOpacity=80,Style=2); }
.textLayer p { font-size:12px; color:#fff; }

/* masterNavigation
----------------------------------------------------- */
.masterNavigation { position:absolute; top:40px; left:180px; height:62px; z-index:100; }
.masterNavigation li { display:block; float:left; background:transparent url(images/navigationBorderRight.gif) no-repeat right 0; padding:0 1px; }
.masterNavigation li a { display:block; float:left; color:#ECECEC; height:31px; font-size:15px; text-transform:uppercase; padding:8px 12px 70px 14px; }
.masterNavigation li a:hover { background:transparent url(images/bg_navigationHover.png) no-repeat center 93px; }
.masterNavigation li.active a { background:transparent url(images/bg_navigationActive.png) no-repeat center 93px; }
.masterNavigation span { color:#999999; text-transform:none; }

/* subNavigation - Dropdown
----------------------------------------------------- */
li.headlink ul { position:absolute; top:109px; left:-160px; width:805px; background:transparent url(images/bg_subNavigation.png) repeat-x 0 0; color:#333333; height:50px; display:none; padding-left:155px; z-index:100; }
li.headlink ul li { background:transparent url(images/bg_subNavigationSpacer.png) no-repeat right 0; }
li.headlink ul li a { color:#333333; margin-left:-1px; padding:15px 25px 4px 24px; font-size:12px; }
li.headlink ul li a:hover { background:transparent url(images/bg_subNavigationHover.png) repeat-x 0 0; }
li.headlink ul li.active a:hover { background:transparent url(images/bg_subNavigationHover.png) repeat-x 0 0; }
.masterNavigation li.active ul li a { background-color:none; background-image:none; }
.masterNavigation li.active ul li a:hover { background:transparent url(images/bg_subNavigationHover.png) repeat-x 0 0; }
.masterNavigation li.active ul li.active a { background:transparent url(images/bg_subNavigationHover.png) repeat-x 0 0; }

/* footer
----------------------------------------------------- */
#footer { height:35px; width:960px; background:transparent url(images/bg_footer.png) repeat-x 0 0; text-align:center; padding-top:24px; }

/* Headlines with icons
----------------------------------------------------- */
h2 { font-size:16px; color:#333333; font-weight:normal; }
h3 { font-weight:normal; font-size:16px; color:#333333; }
h3.studie { height:35px; padding:0 0 0 35px; background:transparent url(images/icon_studie.png) no-repeat left 0; text-transform:uppercase; }
h3.mail { height:35px; padding:0 0 0 35px; background:transparent url(images/icon_mail.png) no-repeat left 4px; text-transform:uppercase; }
h3.information { height:35px; padding:0 0 0 35px; background:transparent url(images/icon_info.png) no-repeat left 0; text-transform:uppercase; }
h3.gallery { height:35px; padding:0 0 0 35px; background:transparent url(images/icon_camera.png) no-repeat left 0; text-transform:uppercase; }

/* headline flag
----------------------------------------------------- */
.headlineFlagWrap { position:relative; margin-left:-31px; height:55px; background:transparent url(images/bg_eventHeadline2.png) no-repeat left 0; }
.headlineFlagWrap h2,.headlineFlagWrap h2 a { position:absolute; top:0; left:0; display:block; font-size:21px; color:#fff; background:transparent url(images/bg_eventHeadline.png) repeat-x 0 0; line-height:0; margin-left:16px; padding:24px 30px 38px 19px; float:left; }
h3.eventDate { font-size:14px; padding:0 0 10px 35px; background:transparent url(images/icon_calendar.png) no-repeat 0 0; }

/* Link Styles
----------------------------------------------------- */
a.readMoreText { position:absolute; bottom:10px; left:10px; color:#C7171D; display:block; width:100px; padding:10px 0 10px 20px; text-decoration:underline; background:transparent url(images/icon_docfile.png) no-repeat left 10px; }
a.readMoreText:hover { color:#434343; }
.redInk { font-weight:bold; color:#EB1921; }
.bigText { font-size:16px; padding:15px 0; }

/* Content 3-Column-Layout
----------------------------------------------------- */
#content3col { border-top:1px solid #CCCCCC; }
#col1 { float:left; width:284px; margin:0; background:transparent url(images/colDivider.png) no-repeat right 0; padding-top:20px; }
#col2 { float:left; width:292px; background:transparent url(images/colDivider.png) no-repeat right 0; padding-top:20px; }
#col3 { width:auto; margin:0 0 0 583px; padding-top:20px; }
#col1_content { padding:0; }
#col2_content { padding:0 5px 0 9px; }
#col3_content { padding:0 0 0 1px; margin-right:-1px; float:right; }
#content3col ul li { background:transparent url(images/icon_listStyle.png) no-repeat 0 10px; padding:15px 0 15px 30px; margin:5px 0 10px; }

/* event Detailsite 2-Spaltig
----------------------------------------------------- */
.EDcolumnWrapper { background:transparent url(images/bg_2colTopline.png) no-repeat 0 0; padding-top:1px; margin:0; }
.EDcolLeft { float:left; width:274px; margin:0; padding:20px 15px 0 0; background:transparent url(images/colDivider.png) no-repeat right 0; }
.EDcolLeftContent { padding:0; }
.EDcolRight { width:auto; margin:0 0 0 289px; height:100%; background-color:blue; padding:20px 0 20px 15px; }
.EDcolRight img { float:left; padding:0 15px 0 0; }
.EDcolRightContent { padding:0 0 0 10px; margin-right:-1px; }

/* eventContainer
----------------------------------------------------- */
.contentField { position:relative; padding:0; float:left; width:274px; border-top:1px solid #CCCCCC; }
.contentFieldEvents { padding:0 0 0 12px; width:274px; float:left; border-top:none; }
.eventContainer { width:274px; padding:0 0 15px; margin:0 0 15px; }
.eventImgFrame { position:relative; width:274px; height:160px; background:transparent url(images/bg_eventImgFrame.png) no-repeat 0 0; }
.eventImgFrame img { position:absolute; top:4px; left:4px; width:266px; height:129px; background-color:#cccccc; }

/* img for 2 Column event entry */
.eventImgFrameWide { position:relative; width:555px; height:160px; background:transparent url(images/bg_eventImgFrameWide.jpg) no-repeat 0 0; }
.eventImgFrameWide img { position:absolute; top:4px; left:4px; width:547px; height:129px; background-color:#fff; }
a.flagReadMore { position:absolute; width:78px; height:35px; top:106px; right:10px; color:#fff; padding:14px 0 0 64px; behavior:url(iepngfix.htc); background:transparent url(images/bg_flagReadMore.png) no-repeat 0 -50px; }
a.flagReadMore:hover { behavior:url(iepngfix.htc); background-position:0 0; }
a.flagWatchMore { position:absolute; width:142px; height:49px; top:106px; left:125px; text-indent:-5000px; background:transparent url(images/bg_flagReadMore.png) no-repeat 0 -50px; }
a.flagWatchMore:hover { background-position:0 0; }
a.flagZoom { position:absolute; width:80px; height:78px; top:63px; left:-3px; text-indent:-5000px; behavior:url(iepngfix.htc); background:transparent url(images/bg_flagZoom.png) no-repeat 0 0; }
a.flagZoom_y { position:absolute; width:80px; height:78px; top:104px; left:-3px; text-indent:-5000px; behavior:url(iepngfix.htc); background:transparent url(images/bg_flagZoom_yellow.png) no-repeat 0 0; }
.imageFramework { position:relative; padding-bottom:20px; padding-right:10px; }
.imageFramework img { width:267px; height:137px; border:1px solid gray; }
.imageFramework_v { position:relative; padding-bottom:20px; padding-right:10px; }
.imageFramework_v img { width:267px; height:180px; }
p.imgDescription { padding:12px 10px 10px; color:#666666; font-size:11px; }

/* Breadcrumbs
----------------------------------------------------- */
.B_crumbBox { height:20px; margin-top:20px; padding:10px 0 5px 10px; background-color:#F4F4F4; }
.B_crumbBox a { color:#666666; font-size:12px; background-color:#F4F4F4; }

/* Galerie Preview Thumbs MaxiGallery
----------------------------------------------------- */
.pvThumb { position:relative; padding-top:20px; }
.pvThumb img { position:relative; width:76px; height:54px; }
.pvThumb a img { border:1px solid #CCCCCC; }
ul.thumbs li a img { border:1px solid gray; }
ul.thumbs li a:hover img { border:1px solid red; }

/* Events Site
----------------------------------------------------- */
.EBcolumnWrapper { margin:20px 0 0; padding-top:1px; border-top:1px solid #CCCCCC; }
.EBcolRight { width:auto; min-height:100%; margin:0 0 0 289px; margin-right:-1px; padding:20px 0; }
.eventBox { width:274px; float:left; height:250px; padding:0 0 15px 11px; margin-bottom:10px; }
hr { background-color:#CCCCCC; height:1px; border:none; width:100%; }

/* Neue 2-Spaltigkeit
----------------------------------------------------- */
#TwoColContainer { position:relative; display:block; border-left:290px solid #fff; border-right:0; overflow:visible; }

/* without background */
#TwoColContainerWB,#TwoColContainerWBRC { position:relative; display:block; display:inline-block; border-right:0; overflow:visible; background:none; float:none; }
#TwoColContainerWB { border-left:290px solid #fff; }
#TwoColContainerWBRC { border-left:290px solid #202020; }
#TwoColumnContentLeft { width:270px; padding:15px 10px 20px; }
#TwoColumnContentRight { width:auto; padding:15px 0 20px; }

/* with padding left */
#TwoColumnContentRightWP,#TwoColumnContentRightWPRC { width:555px; padding:15px 0 20px 15px; }
#TwoColPositionleft,#TwoColPositionleftRC { float:left; position:relative; width:290px; margin-left:-290px; display:inline; }
#TwoColPositionleft { background:transparent url(images/colDivider.png) no-repeat right 0; }
.TwoColEventContainer { position:relative; float:left; width:274px; height:350px; padding:0 0 10px 10px; margin:0 0 25px; background:transparent url(images/bg_spacer_btm.png) no-repeat 0 bottom; }
#sport_colright { position:relative; float:left; width:274px; height:286px; padding:0 0 10px 10px; margin:0; background:url(images/bg_spacer_btm.png) no-repeat scroll 0 bottom transparent; }

/* zweispaltiger Container */
.TwoColEventContainerTwo { width:557px; padding:0 0 25px 10px; }
#TwoColumnContentRightWP img { padding:5px 15px 15px 0; }
.thumbscontainer { float:none; position:relative; padding-bottom:20px; border-bottom:1px solid #CCCCCC; }

/* mail Order Formular
----------------------------------------------------- */
.hinweis { font-weight:bold; }
#formbox { padding-top:20px; }
#formbox table { background:none #FFF; width:560px; }
#formbox table caption { font-size:1.4em; text-align:left; height:30px; color:#333333; margin-bottom:30px; }
#formbox table tbody tr { background:#ffffff; }
#formbox table tbody td { font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#000000; margin-bottom:10px; text-align:left; }
#formbox table tbody td.eingabefeld { background-color:#F8F8F8; }
#formbox table tbody tr td.bezeichnung { font-size:12px; text-align:right; color:#000000; }
#formbox table tbody tr td.beschreibung { color:#666666; font-size:11px; padding-bottom:5px; }
#formbox table tbody tr td.beschreibung a { color:#0083D7; text-decoration:underline; font-weight:normal; }
table input { color:#333333; background-color:#fff; border:none; height:24px; width:320px; padding:0 0 0 5px; border:1px solid #CCCCCC; }
#formbox input[type=submit] { background-color:red; color:#fff; width:130px; }
#formbox table input.pflichtfeld,#formbox table input.pflichtfeld:focus { border-left:5px solid #C3161C; }
#formbox table input.optional,#formbox table input.optional:focus { border-left:5px solid #fff; }
#formbox input[type=checkbox]  { width:5px; height:5px; }
#formbox table input:focus { color:#000; border:1px solid #CCCCCC; background-color:#DBDBDB; }
#formbox_contact input[type=submit] { background-color:#C3161C; border:none; color:#fff; width:130px; 
/*background: transparent url(images/bg_flagReadMore.png) no-repeat 0 -50px;*/
}

/* Table Contact
----------------------------------------------------- */
#formbox_contact { padding-top:20px; }
#formbox_contact table input { color:#333333; background-color:#fff; border:none; height:24px; width:265px; padding:0 0 0 5px; border:1px solid #CCCCCC; }
#formbox_contact table input:focus,#formbox_contact table textarea:focus { color:#000; border:1px solid #CCCCCC; background-color:#DBDBDB; }
#formbox_contact table input.pflichtfeld,#formbox_contact table input.pflichtfeld:focus { border-left:5px solid red; }
#textarea { color:#333333; background-color:#fff; border:none; min-width: 265px; width:265px; padding:0 0 0 5px; border:1px solid #CCCCCC; }
.errors { background-color:red; padding:20px; color:#fff; }
.shortInput { width:50px; }

/* MaxiGallery Styles
----------------------------------------------------- */
.pictureform { width:270px; }
.shortfields input,.managepicturecontainer textarea { background-color:#eee; width:270px; border:1px solid gray; }

/* IE 6 Optimierungen / Workarounds
----------------------------------------------------- */
* html .TwoColEventContainer { float:left; width:274px; padding:0; }
* html #TwoColContainerWB { position:relative; display:inline-block; border-left:0 solid #fff; border-right:0; overflow:visible; background:none; float:none; padding-left:260px; }
* html #TwoColContainer { position:relative; display:block; border:none; border-right:0; overflow:visible; float:right; padding-left:260px; }
* html .siteWrapper { background-color:#000; }
* html .#infoNavigationWrapper ul { width:360px; }
.noborder img { padding-top:5px; }
.cmdwrap { }
.awebsite { color:#333333; height:25px; line-height:10px; padding-top:10px; padding-right:0; padding-left:900px; margin:0 auto; width:100px; }

/* -------------------------------------------------- */

/* ------------------  RACING TEAM  ----------------- */

/* -------------------------------------------------- */
#contentWrapperRacing { position:relative; height:100%; padding:0 50px; z-index:1; background-color:#202020; }
#accordion .headlineFlagWrap h2 a { width:535px; }
.tablehead { background:url(images/racing_tablehead.png) repeat-x 0 0; height:35px; width:495px; padding:6px 0 0 90px; margin-top:-9px; }
.tablehead ul li { float:left; font-size:14px; color:white; padding-left:0; width:140px; text-align:center; }
.tablecontent .driver { background:url(images/racing_content.png) repeat-x 0 0; height:87px; width:575px; padding:6px 0 0 10px; margin-top:-9px; }
.tablecontent ul li { float:left; text-align:center; }
.daten li { float:left; }
.driver ul li p { padding:25px 0 0; color:white; font-size:13px; width:140px; }
.driver ul li img { border:red solid thin; margin:0 15px 0 0; }
#TwoColPositionleftRC .thumbscontainer img { border:red thin solid; }
#TwoColPositionleftRC .gallery { color:white; background:transparent url(images/icon_camera_rc.png) no-repeat left 0; }
#TwoColPositionleftRC { border-right:black thin solid; min-height:1193px; position:absolute; }
#TwoColPositionleftRC .thumbscontainer { border-bottom:black thin solid; }
.wrapracer { background:transparent url(images/background_racing.jpg) no-repeat left 0; background-position:inherit; }
.raceteaser { margin-top:-10px; }
.racingfilm { margin-top:65px; }

/* -------------------------------------------------- */

/* ------------------  FACEBOOK  ----------------- */

/* -------------------------------------------------- */
.pos_likebutton { width:150px; position:absolute; bottom:45px; }
#facebook_footer { position:relative; font-weight:normal; text-align:right; float:right; margin:-22px 12px 0 0; }
#facebook_footer p { margin:3px 40px 0 0; }
#facebook_footer a { position:absolute; top:-2px; right:0; }
.face p { position:absolute; }
.face a { margin:0 50px 0 0; }
.driver ul .face img { border:white thin solid; }


/* -------------------------------------------------- */

/* ------------------  COFAIN  ----------------- */

/* -------------------------------------------------- */

#header .shop {

	position: absolute;
	right: 50px;
	top:20px;
	background: url(images/cofain_shop.png) no-repeat 0 0;
	display: block;
	height: 93px;
	width: 118px;
	text-indent: -9999px;

}