/*
* Skeleton V1.2
* Copyright 2011, Dave Gamache
* www.getskeleton.com
* Free to use under the MIT license.
* http://www.opensource.org/licenses/mit-license.php
* 6/20/2012
*/

/* Table of Content
==================================================
	#Site Styles
	#Page Styles
	#Media Queries
	#Font-Face */

/* #Site Styles
================================================== */

@font-face {
    font-family: "AudiTypeExtendedBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/auditype-extendedbold.eot?iefix") format("eot"), url("fonts/auditype-extendedbold.woff") format("woff"), url("fonts/auditype-extendedbold.ttf") format("truetype"), url("fonts/auditype-extendedbold.svg#webfontRhJBTqrX") format("svg");
}

/** Generated by FG **/
@font-face {
	font-family: 'AudiTypeExtendedNormal';
	src: url('fonts/AudiTypeV03-ExtendedNormal.eot');
	src: local('?'), url('fonts/AudiTypeV03-ExtendedNormal.woff') format('woff'), url('fonts/AudiTypeV03-ExtendedNormal.ttf') format('truetype'), url('fonts/AudiTypeV03-ExtendedNormal.svg') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
    font-family: "AudiTypeNormal";
    src: url("fonts/AudiType-Normal.eot");
    src: local('☺'), 
    	url("fonts/AudiType-Normal.woff") format("woff"), 
    	url("fonts/AudiType-Normal.ttf") format("truetype"), 
    	url("fonts/AudiType-Normal.svg#webfontRhJBTqrX") format("svg");
    font-style: normal;
    font-weight: normal;
}

/*
@font-face {
    font-family: 'Waukegan LDO';
    src: url('/fileadmin/fonts/waukegan_ldo-webfont.eot');
    src: local('☺'), 
        url('/fileadmin/fonts/waukegan_ldo-webfont.woff') format('woff'), 
        url('/fileadmin/fonts/waukegan_ldo-webfont.ttf') format('truetype'), 
        url('/fileadmin/fonts/waukegan_ldo-webfont.svg#webfonts9SYo67U') format('svg');
    font-weight: normal;
    font-style: normal;
}
*/


@font-face {
    font-family: "AudiTypeNormalBold";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/AudiType-Bold.eot");
    src: src: local('☺'), 
     url("fonts/AudiType-Bold.woff") format("woff"),
     url("fonts/AudiType-Bold.ttf") format("truetype"),
     url("fonts/AudiType-Bold.svg#webfontRhJBTqrX") format("svg");
}




body {
    background: #f0f0f0;
}

/* #Page Styles
================================================== */

.hidden, .container .columns.hidden, .container .sixteen.columns.hidden {
	display:none;
}

.header {
    border: 8px solid #FFFFFF;
    border-top: none;
    margin-bottom: 24px;
    overflow: hidden;
}

.header .headerLeft {
    float: left;
    /*
    margin: 18px 0px 5px 8px;
    */
    margin-top:0px;
    margin-left: 5px;
}

.header .headerRight {
    float: right;
    margin: 18px 8px 5px 0px;
}

.header .admin {
    margin: 0px 50px 0px 0px;
}

/* content */

.logo {
    float: right;
    margin: 6px 40px 0px 0px;
}

.logoService {
    float: right !important;
    margin: 0px 5px 0px 0px;
	max-height: 60px;
	max-width: 270px;
}

.sixteen {
    position: relative;
}


.modul {
    border-right: 1px solid #6e6d6f;
    border-left: 1px solid #6e6d6f;
    background: #FFF;
    padding: 10px 30px 0px 30px;
    font-size: 10pt;
    overflow: hidden;
    clear: both;
	
	
	font-family: 'AudiTypeNormal';
	
	-moz-user-select: none;
  	-khtml-user-select: none;
  	-webkit-user-select: none;
  	user-select: none;
}

.modul h2{
	font-family: 'AudiTypeNormal', arial, sans-serif;
}	
	
.modul hr {
    border-color: #9e9d9f;
    margin: 20px 0px 0px 0px;
    float: left;
    width: 100%;
}

.modul img {
    float: left
}

.modul .hinweis p {padding-left:7px}
.modul .info p {padding-left:0px}

.first .modul {
    border-top: 1px solid #6e6d6f;
    
    padding-top: 20px;
    /*
    padding-top: 8mm;
    */
}

.modul img.floatLeft {
    float: left;
    margin: 0px 30px 0px 0px;
    border: 1px solid #9e9d9f;
}

.modul img.floatRight {
    float: right;
    /*
    margin: -25px 0px 0px 0px;
    */
}

.imageContainer img{
    border: 1px solid #6e6d6f;
    margin: 0px 15px 0px 0px;
}
.imageContainer img.last{
    margin: 0px;
}

.textContainer ul {
    margin: 10px 0px 0px 0px;
    padding: 0px;
    list-style-type: none;
}

.textContainer ul li {
    margin: 0px;
    padding: 0px 0px 0px 10px;
    background: url('../images/point.png') no-repeat 0px 6px;
}

.textContainer ul {
    width: 229px;
    float: left;
    font-size: 9pt;
}

.textContainer ul.small {
    width: 148px;
    float: left;
}

.textContainer ul.small.last {
    width: 130px;
    float: left;
}

.hinweis ul {
	width: 49%;
	float: left;
	margin-bottom: 0px;
}
.hinweis ul li {
	margin-bottom: 0px;
}

.txtPic {
    width: 364px;
    padding-right: 5px;
    float: left;
    font-size: 9pt;
    line-height: 135%;
    margin-bottom: 7px;
}

.txtPic img{
    border: 1px solid #6e6d6f;
    margin: 2px 8px 0px 0px;
    float: left;
}

.hinweis p {
    padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.fahrtipps p {
	padding: 0px 0px 0px 0px;
    overflow: hidden;
}

.info {
    background: #ececed;
    padding: 5px 10px;
    overflow: hidden;
    /*
    min-height: 103px;
	*/
	height: 108px;
	
}

.variante2 .info {
	height: 183px;
	padding: 10px 10px;
}


.info ul {
    width: 50%;
    float: left;
    margin: 0px;
    padding: 0px;
}

.info ul li {
    padding-right: 10px;
}

.info strong {
    display: inline-block;
    margin: 3px 0px;
}


.last .modul,
.last_service .modul {
    border-bottom: 1px solid #6e6d6f;
    padding-bottom: 30px;
    margin-bottom: 20px;
}

.last .two .error,
.last .two .ok,
.last_service .two .error,
.last_service .two .ok
 {
    margin-bottom: 30px;
}

.txtPicLarge {
    /*
    margin-bottom: 15px;
    */
    overflow: hidden;
}

.txtPicLarge img{
    border: 1px solid #6e6d6f;
    margin: 4px 10px 0px 0px;
    float: left;
}

.aktion h2 {
    margin-bottom: 10px;
}

.aktion strong {
    padding-left: 40px;
}

.tip strong {
    padding-left: 0px;
    margin-left: 0px !important;
}

.aktion ul {
    overflow: hidden;
    padding-left: 45px;
    margin: 0px 0px 0px 0px;
}

.aktion ul li {
    margin: 0px;
    font-size: 9pt;
    line-height: 125%;
    background: url('../images/arrow.png') no-repeat 0px 4px;
}

.price {
    font-weight: bold;
    float: right;
    margin-top: -15px;
}

.footer .modul {
    text-align: right;
    padding-top: 10px;
}

.footer .modul .replace_emptext {
	text-align: left;
	padding-right: 20px;
}

.print {
    /*
    float: right;
    
    margin: 10px 619px 20px 0px;
	*/
	float:left;
	margin-right: 10px;
	height: 40px;
	
	margin-bottom: 20px;
	border: 1px solid #AEAEAE;
}
.print img {
	height: 40px;
}

.print:hover {
	opacity:0.8;
 	filter:alpha(opacity=80);
 	border: 1px solid #6E6D6F;
}

.missing {
    border: 8px solid #FFF;
    float: right;
    width: 772px;
    padding: 10px 10px 30px 10px;
    color: #cc071e;
    margin: 0px 0px 60px 0px;
}

.missing strong {
    color: #323232;
    margin: 0px 0px 10px 0px;
    display: inline-block;
}

.variante2 strong {
	margin: 0px 0px 0px 10px;
	
}


/* formular */

form {
    margin: 5px 0px 15px 0px;
}

label {
    width: 125px;
    float: left;
    font-weight: normal;
}

input.error {
    color: #cc071e;
}

input[type=text] {
    display: inline;
    margin-right: 20px;
}

input[type=checkbox] {
    display: inline;
    margin: 0px 20px 0px 2px;
}



/* status */


.two .error, .two .ok {
    border-right: 1px solid #b80000;
    position: absolute;
    left: 0px;
    top: 0px;
    bottom: 0px;
    padding: 0px 10px 0px 0px;
    margin-bottom: 10px;
    margin-top: 10px;
}

.two .ok {
    border-right: 1px solid #0f7002;
}

.basis .error, .basis .ok {
    margin-top: 0px;
}

.opacity {
    opacity: 0.3;
    filter:alpha(opacity=30);
}

.opacity.ok {
    border: 4px solid #28780a !important;
    margin: -4px;
    overflow: hidden;
}

.opacity.error {
    border: 4px solid #cc071e !important;
    margin: -4px;
    overflow: hidden;
}

.modul img.floatLeft.opacity {
    margin-right: 22px;
}

.aktion .opacity, .einladung .opacity {
    margin: 0px;
}


/* hinweise auf linker seite */

.note .container {
    width: 1160px;
}

.note .container .sixteen.columns {
    width: 1140px;
}

.container .five.columns {
    display: none;
}


.note .container .five.columns {
    display: inline;
}

.note .two .error, .note .two .ok{
    left: 200px;
}

.tip {
    border: 8px solid #aeaeae;
    bottom: 0px;
    top: 0px;
    position: absolute;
    left: 0px;
    width: 164px;
    padding: 5px;
    color: #FFF;
    margin: 10px 0px;
    background: #aeaeae url('../images/bgHinweis.png') repeat-x left bottom;
}

.tip strong {
    color: #323232;
}

.basis .tip {
    margin-top: 0px;
}


#employeeShadowbox {
	width: 100%;
	height: 100%;
}

#sb-body,#sb-loading{
background-color:#ffffff;
}

.size_113x57 {
	width: 430px;
	height: 220px;
}

.size_60x40 {
	width: 226px;
	height: 150px;
}

.size_81x39 {
	width: 308px;
	height: 149px;
}

.variante1 {
	display: none;
}


.last hr, .basis hr,
.last_service hr {
	display:none;
}

.timespan,
.carmodel {
	position: absolute;
	bottom:-20px;
	right: 0px;
	border: 1px solid #6E6D6F;
	padding-left: 2px;
	padding-right: 2px;
}
.carmodel {
	right: inherit;
	left:0px;
}


.spc-fahrtipps .modul:nth-child(1) hr,
.no_hr hr{
	display:none;
}

.four.columns .modul {
	background:none;
	border:none;
	overflow:visible;
	padding:0px;
}

.four.columns .modul .size_113x57,
.four.columns .modul .size_81x39,
.four.columns .modul .size_60x40 {
	height: auto;
	width: auto;
	border: none !important;
}

.four.columns .feEditAdvanced-dropzone {
	display:none !important;
}

#audilink,
#vwlink
{
	display: block;
	float: left;
	width: 300px;
	height: 370px;
}


.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default {
	background:none;
	color: black;
	font-weight:normal;
}

.ui-accordion h3 {
	
	font-size: 12px;
}
.ui-state-default a:link {
	color: black;
}

.ui-state-default .ui-icon {
	background-image: none;
}
.ui-icon {
	float:left;
}

.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active,
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus 
{
	border: 1px solid #CC071E !important;
	color: #CC071E !important;
}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
	color: #CC071E;
}

.tx-jfmulticontent-pi1 b {
	font-weight: bold;
}




/* correction of long content */


	.replace_emptext {
	 	width: 575px;
		height: 110px;
		overflow: hidden;
		display: inline-block;	
	}


 	.employeePic1,
	.employeePic2 {
		height: 151px;
		max-width: 130px;
		overflow:hidden;
	}	



/*
	v2 styles
	opoliakov
*/

.header {
	position: relative;
	height: 62px;
}

.header .headerLeft {
	position: absolute;
	top: 10px;
	left: 15px;
}

.header .headerLeft img{
	margin-top: 5px;
	margin-right: 20px;
}

.header .headerLeft #logo_audi {
	position: relative;
	top: -2px;
}

.header .headerLeft #logo_businessspezialist,
.header .headerLeft #logo_unfallspezialist {
	margin-right:0;
}

/*
	Variante Schalter
*/
#varianteMenuContainer {
	width: 93px;
	height: 40px;
	position: absolute;
	top: 10px;
	left: 400px;
}

#varianteMenuContainer h3,
.headerLeft h3 {
	font-size: 9pt;
	margin-bottom: 3px;
	padding: 0;
	line-height: normal;
	text-align: center;
}

#variante {
	display: inline;
	float: left;
	width: 92px;
	height: 21px;
	background: url(../../v2/images/varianteMenuBgr.png) top left no-repeat;
	padding: 2px 0 0 1px;
	margin: 0;
}

#variante li {
	display: block;
	float: left;
	list-style: none;
	background: none;
	margin: 0;
	padding: 0;

}

#variante li a {
	display: block;
	text-align: center;	
	color: #5b5b5b;
	width: 30px;
	height: 18px;
}

#variante li a:hover {
	color: #8c3b3a;
	font-weight: bold;	
}

#variante li.active a {
	color: #8c3b3a;
	font-weight: bold;
	background: url(../../v2/images/varianteMenuActive.png) top left no-repeat;
}

/*
	Top bar item "Hinweise"
*/

#hinweiseSchalterContainer {
	position: absolute;
	top:10px;
	left: 220px;
}

#hinweiseSchalterContainer h3 {
	font-size: 9pt;
	margin-bottom: 4px;
	padding: 0;
	line-height: normal;
	text-align: center;
}

#hinweiseSchalter {
	background: url(../../v2/images/hinweiseBgr.png) top center no-repeat;
	width: 130px;
	height: 20px;
	margin-bottom: 0;
}

#hinweiseSchalter li {
	display: block;
	float: left;
	width: 65px;
	background: none;
	list-style: none;
	margin: 0;
	padding: 0;
}

#hinweiseSchalter li a {
	display: block;
	width: 60px;
	color: #363636;
}

#hinweiseSchalter li a.active {
	background: url(../../v2/images/hinweiseActive.png) no-repeat;
	color: #641815;
	font-weight: bold;
}

#hinweiseSchalter li a#notice_off.active {
	background-position: 30px 1px;
}

#hinweiseSchalter li a#notice_on.active {
	background-position: 4px 1px;
}

#notice_off {
	text-align: left;
}

#notice_on {
	text-align: right;
}

.reparaturBackend {
	border: 1px solid #7e7f80;
	float: left;
	width: 131px;
	height: 144px;
}

.four.columns .reparaturBackend {
	width: auto;
	height: auto;
}

.reperaturen .modul{
 	height: 148px;
    /* margin-bottom: 5px;
    margin-right: 27px; */
    overflow: hidden;
    width: 355px;
    font-size: 9pt;
    line-height: 12pt;
   
}

.reperaturen .modul img {
		margin-right: 5px !important;
	}

.reperaturen .modul h3 {
	background: none repeat scroll 0 0 #FFFFFF;
    font-size: 10pt;
    font-weight: bold;
    margin-bottom: 0;
}

.reperaturen .modul p {
	background: none repeat scroll 0 0 #EAECEB;
	height: 129px;
}

.reperaturen div.feEditAdvanced-allWrapper,
.reperaturen div.feEditAdvanced-contentWrapper {
	width: 417px;
	
}

.warning_overflow {
	width:185px; height:52px;
	background:url(../images/warning_overflow.png) no-repeat;
	position:absolute;
	top: 3px; left: 3px;
}



/* Page specific styles 
================================================== */

/********* VW **********/

	body.page-42 .hinweis {
		max-height: 142px;
	}

	body.page-43 .hinweis,
	body.page-44 .hinweis,
	body.page-45 .hinweis {
		max-height: 150px;
	}

	body.page-68 .modul {
		max-height: 150px;
	}
	body.page-21 .modul {
		max-height: 160px;
	}

/********* VWN **********/

	body.page-98 .hinweis {
		max-height: 142px;
	}

	body.page-97 .hinweis,
	body.page-96 .hinweis,
	body.page-95 .hinweis {
		max-height: 150px;
	}

	body.page-106 .modul {
		max-height: 150px;
	}
	body.page-99 .modul {
		max-height: 160px;
	}

/********* Skoda **********/

	body.page-122 .hinweis {
		max-height: 142px;
	}

	body.page-121 .hinweis,
	body.page-120 .hinweis,
	body.page-119 .hinweis {
		max-height: 150px;
	}

	body.page-130 .modul {
		max-height: 150px;
	}
	body.page-123 .modul {
		max-height: 160px;
	}

/********* Audi **********/

	body.page-37 .hinweis {
		max-height: 142px;
	}

	body.page-24 .hinweis,
	body.page-10 .hinweis,
	body.page-25 .hinweis {
		max-height: 150px;
	}

	body.page-52 .modul {
		max-height: 150px;
	}
	body.page-11 .modul {
		max-height: 160px;
	}

/* #Media Queries
================================================== */

	/* Smaller than standard 960 (devices and browsers) */
	@media only screen and (max-width: 959px) {}

	/* Tablet Portrait size to standard 960 (devices and browsers) */
	@media only screen and (min-width: 768px) and (max-width: 959px) {}

	/* All Mobile Sizes (devices and browser) */
	@media only screen and (max-width: 767px) {}

	/* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
	@media only screen and (min-width: 480px) and (max-width: 767px) {}

	/* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
	@media only screen and (max-width: 479px) {}


/* #Font-Face
================================================== */
/* 	This is the proper syntax for an @font-face file
		Just create a "fonts" folder at the root,
		copy your FontName into code below and remove
		comment brackets */

/*	@font-face {
	    font-family: 'FontName';
	    src: url('../fonts/FontName.eot');
	    src: url('../fonts/FontName.eot?iefix') format('eot'),
	         url('../fonts/FontName.woff') format('woff'),
	         url('../fonts/FontName.ttf') format('truetype'),
	         url('../fonts/FontName.svg#webfontZam02nTh') format('svg');
	    font-weight: normal;
	    font-style: normal; }
*/

#logo_vwn  {display:none}
#logo_skoda  {display:none}

button.btn, a.btn {
	font-family:Arial;
	font-size:16px;
	font-weight:100;
	text-transform:uppercase;
	text-shadow:none;
	line-height:36px;
	color:white;
	border:2px solid #555;
	padding: 0 10px;
	background:#aeaeae;
	display:inline-block;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
}
.btn.red {
	background:#ce0b18;	
}
.btn.orange {
	background:#ea6008;	
}
.btn.green {
	background:#0f6c02;	
}
.btn .fa {
	font-size:28px;
	position:relative;
	top:4px;
	margin-right:15px;
}
.btn:disabled {
	border:2px solid #aaa;
	background:#aaa;
}

.abs_right {
	position:absolute;
	right:0;
}

.box {
	clear:both;
	border: 5px solid white;
	-webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;
	padding:10px;
	margin:0 10px;
}