@import url(rte.css);
@import url(jquery.fancybox-1.3.0.css);
/* Import for TYPO3 RTE above */

/* reset.css */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
html {
	height: 101%;
	font-size: 62.5%;
	font-family: Helvetica, Arial, sans-serif;
	}
body {
	font-size: 1.2em;
	line-height: 1.5em;
	color: black;
	background: white;
	background-image:url(../images/bg.png);
	background-repeat:repeat-x;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
.hidden {
	display: none; 
	visibility: hidden;
	}
.clear{clear: both;}

/*
###################
# typographie.css #
###################
*/

h1, h2, h3, h4, h5, h6 {font-weight:bold;}
h1 {font-size:1.4em;line-height:1.3em;text-transform:uppercase;margin: 10px 0px 5px 0px;}
h2 {font-size:1.2em;line-height: 1.4em; margin:10px 0 4px 0}
h3 {font-size:1.1em;line-height:1.1em;margin-bottom:1.2em; margin-top: 1em;}
h4 {font-size:1.05em;line-height:1.05em;margin-bottom:.1em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}
.content p {
	margin-bottom: 10px;
	}
/* links - LoVe Focus HaTe */
a {
	color: #002260;
	color: black;
	text-decoration: underline;
	}
a:visited {
	color: #002260;
	text-decoration: none;
	color: black;
	text-decoration: underline;
	}
a: focus {
	color: #002260;
	text-decoration: underline;
	}
a:hover {
	color: #002260;
	text-decoration: underline;
	}
a:active {
	color: #002260;
	text-decoration: underline;
	outline:none;
	}
.content ul {
	list-style-type:disc; list-style-position:outside; margin-left: 12px;
	}

/*
##############
# layout.css #
##############
*/

.container {margin: 0 auto;
		margin-top: 15px;
		width: 960px;
		border: 1px solid #ccc;position: relative;
		padding: 10px;
		background-color: white;
		}
		
.head {
	background-color: #F8BC00;
	height:120px;
	margin: 0; padding: 0;
	overflow: hidden;
	}
#logo {margin: 20px; float: left;}
.content {
	min-height: 450px;
	padding:0; margin:0;
	margin-top: 34px;
	}	
 .additional {margin-left: 160px;overflow: visible;}
 
 #startseite {	
	/*height: 450px;	
	overflow-x: hidden;
	overflow-y: auto;
*/
	}
.actionline {margin: 0; padding:0;background-color: #d4d4d4;height: 100px;clear:both;}
.anzeige {width: 370px;height: 90px; margin: 0; padding: 0; float: left;}
.anzeige img {border: 0; margin: 0; padding: 0;margin-right: 8px;float: left;}
.anzeigetext {height: 100px; padding: 5px 0;border-right: 4px solid #fff;}
.anzeige a {font-size: 1.1em;line-height: 2.5em;}

.navipermanent {
		list-style-type: none; 
		padding: 0;margin: 0;
		text-align: center;
		width: 960px; 
		line-height: 16px; padding: 2px 0;
		font-size: 0.85em;
		height: 16px;
		}
.navipermanent li {
		display: inline;
		margin: 0; padding: 0;
		}
.navipermanent li:first {
		border-left: 1px solid green;
		}		
ul.navipermanent li a {
		display: block; 
		padding: 0px 20px; 
		float: left; 
		color: #333; 
		border-right: 1px solid #ccc;
		margin: 2px 0;
		line-height: 12px;
		text-decoration: none;
		}
.footer {background-color: #F8BC00;height: 40px;margin: 0px; postion: relative;overflow:hidden;}
.footer p{float: left; font-size: 1em;line-height: 2em;font-weight: bold; text-transform:uppercase;margin: 0 0px 0px 10px; line-height: 40px;}
.price {
		bottom: -60px; 
		left: -5px; 
		width: 100px; 
		height: 100px; 
		z-index: 100;
		background-image: url(../images/price.png); 
		background-repeat:no-repeat;
		}

.copyright {
		width: 500px; 
		margin: 0 auto; 
		margin-top: 2px;
		font-size: 0.8em; 
		text-align: right!important;
		height: 10px;
		padding-left: 480px;
		overflow: visible;
		}
 .copyright li{list-style-type: none; float: left;}
/*.navitop {list-style-type:none;margin-left: 123px;}
.navitop li {}
.navitop li a{display: block; float: left; padding: 0 20px; line-height: 28px;background-color: #fff; color: black; font-size: 1.2em;font-weight: ;}
*/
ul.navitop {
		margin: 0;padding: 0px;
		margin: 10px 0;
		width: 955px;
		height: 25px;
		border-bottom: 1px solid #bbb;
		font-weight: bold;
		background-color: white;
		overflow: visible;
		list-style-type: none; 
		}
.navitop li {
		margin: 0; 
		padding: 0;
		display: inline;
	}
.navitop li a {
		display: block; 
		float: left; 
		padding: 0; 
		width: 140px;
		margin-right: 8px;
		background-color: #e6e6e6;	
		line-height: 24px;
		border:1px solid #bbb;
		border-bottom: none;
		text-align:center;
		color: black;
		font-size: 12.5px!important;;
		text-decoration: none;

		}
.navitop li a:hover,.navitop li a#current {
		background-color: white; 
		line-height: 25px; 
		border-bottom: 0;
		padding-bottom: -5px;
		}
.navitop li a#memory {
		background: #FEC703;
		color: black;
}	
/* horizontal Scroller */
ul#myController {list-style-type: none; margin: 0; padding: 0; padding-left: 20px;}
#myController li{display: inline; float: left;}
#myController a {display: block; width: 140px; border: 0px solid black; line-height: 20px; text-align: center;/*text-align:center;line-height: 18px; padding-bottom: 0px;font-size: 1em;color: #555;padding:30px 0;font-weight: bold;*/}

#mySlides { padding:0; margin: 0; background-image: url(../images/hellblau.png); border: 0px solid black;background-position:0 0px; /*IE6: background-position: 0 4px;*/ background-repeat:repeat-x;}
#slide {background-image: url(../images/ecke.png); background-position: bottom right; background-repeat:no-repeat;overflow: visible;}
.jFlowPrev {width: 42px; height: 44px;float: left;margin-top: 200px;}
.jFlowNext {width: 42px; height: 44px;float: right;margin-top: 200px;}
.yellowbox {postion: absolute; bottom: 0;left: 100px;margin: 200px 0 0 0px;padding-left: 20px;font-size: 4.5em; line-height: 2em;padding-top: 5px;font-weight: bold; background-image:url(../images/yellowbox.png); background-repeat:no-repeat;background-position: -150px -35px; width: 400px;height: 200px;}
.banner {display: none; visibility: hidden;}
hr {
	color: white;
	height: 1px;
	border: 0;
	border-bottom: 1px solid #bbb;
	padding:0; margin:0 0 8px 0;
	clear: both; width: 960px;
	}
/*
###################
# CSC Anpassungen #
###################
*/
.txpicinnerright .cscimagewrapper, .txpicafterright .cscimagewrapper  {
		float:right;
		margin: 5px 0 5px 10px;
		}
		
.txpicinnerleft .cscimagewrapper, .txpicafterleft .cscimagewrapper  {
		float:left;
		margin: 5px 10px 5px 0;
		}
		
.csctextwrapper{

		}

.txpicinnerright img {}
.txpicinnerleft img {}
.txpicafterright img {}
.txpicafterleft img {}

.txpicinnerright img, .txpicinnerleft img, .txpicafterright img, .txpicafterleft img {

		}
.subcontent {width: 650px;margin:0 auto;margin-top: 30px;}
.cscuntenmittig {border: 1px solid #777;display: block;height: 200px; width: 650px;background-color: #bbb;}
.cscuntenmittig img, img.cscuntenmittig {float: left;border:10px solid #bbb;}
/*
###############
# stoerer.css #
###############
*/
.stoererlinks,.stoererrechts {}
.stoererlinks{float:left;}
.stoererrechts {
		float:right;
	margin: 10px;
		margin-right: -100px;
		}
.stoererrechtscontent{
	background-color: #e6e6e6;
	border: 1px solid #828385;
	border-top: none;
	padding: 10px;
	text-align: right;
	}
.stoererrechtscontent h1 {text-align:center;}
.stoererrechtstop {
	width: 181px; height: 15px;
	background-image:url(../images/stoerertop.gif);
	background-repeat: no-repeat;
	background-position:  right 0;
	}
.hinweis960 {width: 920px; margin:0 auto; background-color: #E6E6E6;border: 1px solid #bbb;padding: 10px;}	
.hinweis960 .bodytext {margin: 0;padding:0;}


/* override single pane */
#ads {
	position: relative; 
	overflow:hidden;
	clear:both;
}
#ads div {
	float:left;
	display:block;
	width:670px;
	cursor:pointer!important;
	font-size:14px;
}

/* our additional wrapper element for the items */
#ads .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#ads .less, #ads .less a {
	color:#999 !important;
	font-size:11px;
}

button.next, button.prev,button.next:hover, button.prev:hover {
	position: absolute; 
	display: block;
	top: 200px;
	cursor:pointer!important;
	border:0;
	width: 42px!important; height: 42px!important;
	background-image: url(../../images/anzeigen/carousselarrow.png);
	background-repeat: no-repeat;
	background-color: transparent;
	margin:0; padding:0;
	outline:0;
	}
.next,.next:hover {
	right: 0;z-index: 2;
	background-position: 0 -42px;
	}
.prev,.prev:hover {
	leftt: 0;
	z-index: 2;
	background-position: 0 -126px;
	}
:hover {}

/* #ads div .imagebox {width: 960px;margin:0;padding:0;} */
#ads h2 {display: none; visibility:hidden;}
.ecke {position: absolute; bottom:0; right:0;z-index:2;}


/*
###############
# service.css #
###############
*/
.service {
    width: 280px;
    min-height: 220px;
    height: auto!important;
    height: 250px;
	overflow: hidden;
    background-color: #E6E6E6;
    border: 1px solid #dedede;    
    margin: 0 8px 16px 8px;
    padding: 10px;
	padding-bottom: 30px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	zoom: 1;
    *display: inline;
	position: relative;
}
.service:hover {
    background: #D4D4D4;

}
.service img {height: 80px;}
/*.service:hover {
	background-color: #efefef;
		}
.service:active {
	border: none;
	margin: 12px 10px 10px 12px;
	}	
	*/
	
.textpic26 img {float:left; margin: 0 10px 0 0;}	
.content .csc-textpic-imagerow, .content .textpic25 .csc-textpic-image, {float:right; margin: 0 0px 34px 0;}	
.content .textpic25 {float: right; ;margin: 30px 0 0 34px;}
.textpic25 .csc-textpic-imagerow, .textpic25 img {clear: right; margin: 0 0 3px 0; padding:0;}
#actionline {
border: 1px solid red;
overflow:hidden;
	}
	
.aclservice,.aclanzeige,.aclkontakt,.aclansprech,.acloeffnung {
    height: 100px;
    overflow: hidden;
    float:left;
	font-size: 0.9em;
	line-height: 1.4em;
}
.acloeffnung{
    padding: 10px 5px;
	line-height: 1.25em;
	width: 242px;
}
.acloeffnung p{
margin-bottom: 2px;
}
.acloeffnung a,.acloeffnung a:visited{
	display: block;
	padding: 0 0 4px 0px;
	margin: 0 0 4px;
	font-weight:bold;
	border-bottom: 1px solid #bbbbbb;

}
.acloeffnung a:hover {text-decration: underline;}
.acloeffnung hr {
	width: 213px;
	margin: 0px 0!important;
	padding:0 -2px!important;
	border: 0;
	border-top: 1px solid #bbbbbb;
	display:none;
}
.acloeffnung h3 {
margin:0 0 3px 0;padding:0;
}
.aclservice p,.aclanzeige p,.aclkontakt p {
	padding:0; margin: 0;
	}
.aclservice .csc-textpic-text {padding-top: 0px;}

.aclservice{
	width: 345px;
	border: 8px solid white;
	border-top: 0; border-bottom: 0;
	}
.aclservice .imagebox, .aclkontakt .imagebox{
	margin: 0 8px;
	float: left;

	}
.aclkontakt .textpic26,.aclservice .textpic26 {float:left;margin: 0 8px;}	

	
.aclanzeige, .fruehlingsmemory {
	width: 345px;	overflow:hidden;
	}
.fruehlingsmemory {
	position: absolute;
	bottom: 65px; right: 10px;
}
.aclkontakt {
	width: 254px;
	}
/* Kontakt Arthur Miller wird standardmässig ausgeblendet und nur auf Dacia-Seite (uid24) eingeblendet */
/*#dacia {display: none; visibility: hidden;}*/
/*#uid24 .aclkontakt {dispalay: none; visibility: hidden;}*/
#dacia {display: none; visibility:hidden;}
#uid24 .aclkontakt #dacia {display: inline; visibility:visible;}
#uid24 .aclkontakt {display: none;visibility: hidden;}
#uid24 .aclkontakt#dacia {display: inline;visibility: visible;}

/*
##################
# directmail.css #
##################
*/

.directmail {}
.directmail input[type="text"] {margin-bottom: 4px; width:200px;}
.directmail input[type="checkbox"] {
	display: block;
	float:left;
	margin: 3px 0 0 35px;
	width: 20px;
	}

.directmailhtml label {
	width: 200px;
	line-height: 18px;
	}

#directmailbuttons {padding: 10px 0 15px 37px;}
#directmailsubmit,#directmailcancel {
	margin:0;padding:0;
	width: 140px;
	}
#directmailsubmit {float:left;margin-right: 10px;}
#directmailcancel {display:none;visibility:hidden;}


#ads {
	width:960px;
	min-height:455px;
	position:relative;
	overflow:hidden;
	clear:both;
	margin:0 0 6px 0;
	padding:0;
}
/*
#################
# powermail.css #
#################
*/
.tx-powermail-pi1 {
    width: 600px;
    margin: 0 0px;
    padding: 0px;
	border: 0;
	
    }
.tx-powermail-pi1 fieldset {
	background-color:#e6e6e6;
    
}
.tx-powermail-pi1 fieldset div {
    min-height: 20px; 
    height: auto!important;
    height: 20px;
    line-height: 20px;
    padding: 2px; margin: 0px 0;
    border-bottom: 1px solid white;
	}
.tx-powermail-pi1 fieldset div div {
	border: none;
	}
	
.tx-powermail-pi1 legend, .jscalendar_cb, .date2cal_img_help  {
    display: none; visibility:hidden;
    }
.tx-powermail-pi1 label {
    display: block; float:left;clear:left;
    width: 100px;
	text-align: right;
	padding-right: 10px;
    font-weight: bold;
	line-height: 25px;
	}
.tx-powermail-pi1 input[type="text"],.tx-powermail-pi1 textarea, .tx-powermail-pi1 select {
    border:0;
    margin: 2px 0; padding: 2px;
    width: 400px;
	border: 1px solid #B5BABD;
    }
.tx-powermail-pi1 textarea{
	height: 100px;
	}	
.tx-powermail-pi1 select {
	width: 200px;
	}	
	
input[type="text"].jscalendar {widtH: 195px;}	
.tx-powermail-pi1 span{} 
.tx-powermail-pi1 span div{display: none;}
.tx-powermail-pi1 span div.success {display: block;	border: 0;width: 250px;float:right;margin:0;padding:0; line-height: 22px;_display:none;}

.checklabel {display: block; clear: none!important;width: 390px!important;text-align: left!important;margin: 0px 0 0 2px;line-height: 25px;}
input[type="checkbox"] {float:left;margin-left: 110px;}
.tx_powermail_pi1_fieldwrap_html_checkbox_title {disply: none;}

#powermaildiv_uid7 {margin-left: 110px;width: 440px;border: none;}
input[type="submit"] {background-color: #F8CA41;border:1px solid #F8CA41;margin: 3px;margin-left: 110px;font-weight:bold;cursor:pointer!important;}

.powermail_mandatory_js  {display: block; height: 100px;margin: 0 0 0 110px!important;color: #ff0000;}


/*
##############
# frames.css #
##############
*/
.mitarbeiter {
    width: 340px;
    min-height: 100px;
    height: auto!important;
	height: 135;
	_overflow:hidden;
    background-color: #E6E6E6;
   /* border: 1px solid #dedede;*/    
    margin: 0 17px 17px 0;
    padding: 0 17px;
    display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
    zoom: 1;
    *display: inline;
    position: relative;
}
.mitarbeiter:hover {
    background: #d4d4d4;
}
.mitarbeiter h1 {display: none; visibility:hidden;}
.mitarbeiter img {
    float: left;
    margin: 0; padding:0;
    margin-right: 17px;
	}
.mitarbeiter .csc-textpic-image{
	float:left;
	margin-right:17px;
	}	
.mitarbeiter p {
    padding-top: 17px;
	}
.mitarbeiter a, .mitarbeiter a:visited {
    text-decoration: none;
    }

.unternehmen {
    width: 280px;
    min-height: 150px;
    height: auto!important;
    height: 200px;
	overflow: hidden;
    background-color: #E6E6E6;
    border: 1px solid #dedede;    
    margin: 0 8px 16px 8px;
    padding: 10px;
	padding-bottom: 30px;
	display: -moz-inline-stack;
    display: inline-block;
    vertical-align: top;
	zoom: 1;
    *display: inline;
	position: relative;
}
.unternehmen:hover {
    background: #d4d4d4;
}
.unternehmen img {height: 80px;}
.unternehmen h1 a {text-decoration: none;}
.unternehmen p {margin-bottom: 17px;}
.unternehmen .kontaktservice {margin: 0  0 10px 0px; padding:0;}
.unternehmen .kontaktservice p {margin: 0 0 0px 0;}

.txtbildleiste {float: left; width: 440px;margin-bottom: 17px;margin-top: 0; }

/* Überschriften in unternehmen */

#uid16 .content h1, #uid23  .content h1, #uid17 .content h1, .txtbildleiste > h1:first-child {margin-top: 0;}
/* uid34 = Kontakt Service */
#uid50 .content, #uid51 .content, #uid29 .content, #uid34 .content, #uid39 .content {margin-left: 180px;padding:0;}
#uid34 .grau a{text-decoration: none; color: #888;font-size: 0.9em;margin: 3px 0;}
#uid34 .grau {margin: 0px 0;}

#anfahrtskarte, .tx-rzgooglemaps-pi1 {width: 600px; height: 400px; border: 1px solid #bbbbbb; padding: 8px; margin: 0px 0 17px 0;}
.greybox {
	width: 500px;
	background-color: #e6e6e6;
    border: 1px solid #dedede;    
	padding: 10px;
	margin: 0 0 17px 0;
	}
.greybox ul {
	margin: 0 0 0 50px;	
	}
.greybox ul li {margin: 0 0 10px 0;font-weight: bold;}
.greybox ul li ul li {margin:2px;font-weight: normal;}
.greybox ul li ul {margin: 0 0 0 20px;}
.greybox ul li { width: 200px;}