/*
	T.u.M. Bad Kreuznach Custom Stylesheet
*/
/*--------------------------------------------------------------------------------*/

/* Typografie --------------------------------------------------------------------*/

/* Fix, 960px */

@import url("grid.css");
@import url("reset.css");
@import url("text.css");
@import url("960.css");
@import url("layout.css");
@import url("nav.css");
@import url("dgstyles.css");

/* General Sitewide*/
body { 
position: relative;
font: 12px/1.5 ;
font-family:  Verdana,Arial, Geneva,  Helvetica, sans-serif; 
padding: 0; 
border-top: 1px solid #888; 
background-color: lightgray; }
.box, .block { background: transparent none; }
.block { padding: 0; }
.sitewrap { margin: auto; margin-top: 20px; width: 960px; background-color: white; }
b, strong { text-shadow: #e5e6df 0 0 1px; } /* safari font rendering fix */

p { margin-bottom: 0; }


/* Main Styles */
h1, h2, h3, h4, h5, h6 { font-weight: normal; }
.box h2 { font-size: 1.4em; background-color: transparent; margin: 1em 0 1em; padding: 0; color: #333; text-transform: none; }

h1 { font-size: 1.6em; } h2 { font-size: 1.4em; } h3 { font-size: 1.2em; } 
h4 { font-size: 1.1em; } h5 { font-size: 1.05em; } h6 { font-size: 1em; }

#footer { position: absolute; bottom: 0; right: 0; width: 960px; }
#mainnavwrap { height: 80px; width: 960px; }

#footer { height: 40px !important; background: transparent url("") top center repeat-y; width: auto; float: right; }
#footer ul { display: block; width: auto; float: right;  margin-right: 30px; }
#footer a { text-transform: uppercase; color: #ec6821; line-height: 18px; background: transparent right center no-repeat;  vertical-align: middle; font-size: .9em; }
#footer a:hover { text-decoration: underline; }

#content { position: absolute; bottom: 60px; right: 40px; }
#secondcontent { position: absolute; top: -380px; left: 45px; width: 580px; }


#content h1, #secondcontent h1 { color: #ec6821; font-size: 1em; display: inline; }
#content .box { padding: 18px 20px 0; margin: 0; }
#secondcontent .box { padding: 0; }

#columns { height: 440px; position: relative; }
#navigationwrap { height: 100px; position: relative; }



#header { height: 540px; background: white url("../images/banner/startseite.jpg"); background-position: bottom left; background-repeat: repeat-x; position: relative; }
#punchline { position: absolute; top: 95px; left: 35px; }


#banner { height: 97px; width: 266px; position: absolute; right: 45px; top: 55px; background: url("../images/logos/logo.gif") center center no-repeat; }
#homelink { display: block; height: 97px; width: 266px !important; }


#header, #homelink { position: relative; padding: 0; margin: auto; }
#homelink { position: absolute; display: block; text-indent: -9001px; margin: 0; padding: 0; width: 960px; }

#mainnav { height: 23px; background: transparent url("../images/layout/menu_bg.gif"); }
#mainnav { height: 80px; padding-left: 25px; }
#mainnav  a { color: white; font-size: 1.2em; vertical-align: middle; padding: 1px 20px; line-height: 40px;  background: transparent; }
#mainnav .last a { background-image: none; }
#mainnav  a:hover ul { visibility: visible; }

#mainnav ul li { position: relative; height: 40px; text-transform: uppercase; }
#mainnav ul ul { position: absolute; background-color: transparent; top: 39px; left: 10px; width: 600px; line-height: 14px; margin-top: 3px; margin-bottom: 0px; font-size: .9em; }
#mainnav ul ul li { height: 20px; }
#mainnav ul ul a { width: auto; padding: 4px 10px 1px; color: #f6aa73; background: transparent; line-height: 20px; }
#mainnav ul ul a.current,
#mainnav ul ul a:hover { color: #ec6821; }
#mainnav ul ul .last a { border: none; }


.orange {
	color: #d25714;
}




DIV.csc-textpic-border IMG {
	border: 2px solid #d25714
 !important;
}



/* ------------------------------------------------------- Misc ----------------------------------------------------- */

fieldset, div.tx-powermail-pi1_html_text input, div.tx-powermail-pi1_html_text textarea { -webkit-border-radius: 2px; -moz-border-radius: 2px; }
fieldset { background-color: transparent; border: 1px solid #ddd;}
fieldset legend { background-color: transparent; border: none; font-weight: bold; }
div.tx-powermail-pi1 div { overflow: auto; }
div.tx-powermail-pi1 fieldset { width: 575px; margin: 10px 0 4px 10px; padding: 10px 0 10px 10px; }
div.tx-powermail-pi1 legend { margin-top: 4px; }
div.tx_powermail_pi1_fieldwrap_html_label { margin-bottom: 1em; margin-top: 1em; padding: 0 20px 10px 10px; }
div.tx-powermail-pi1 label { display: block; width: 180px; margin-right: 10px; text-align: right; float: left; }
.tx_powermail_pi1_fieldwrap_html_checkbox_title { width: 180px !important; text-align: right !important; }
div.powermail_check_inner { border: thin solid white !important; }
.powermail_check_inner label { font-weight: normal !important; }
.powermail_check_inner label:before { content: "."; height: 0; visibility: hidden; }
div.tx_powermail_pi1_fieldwrap_html_text input, div.tx_powermail_pi1_fieldwrap_html_textarea textarea, div.tx-powermail-pi1 .powermail_check_inner { width: 355px; max-width: 355px; line-height: 1.3em; margin-bottom: 5px; margin: 2px; border: 1px solid lightgray; background-image: none; background-color: white; margin-bottom: 10px; padding: 4px; }
div.tx-powermail-pi1 textarea { height: 48px; min-height: 48px; width: 98%; min-width: 98%; max-width: 98%; }
div.tx-powermail-pi1 div:after, { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.tx-powermail-pi1 p { float: left; width: 200px; margin-top: 0; margin-bottom: 10px; font-weight: bold; }
div.tx-powermail-pi1 input[type=submit] { float: left; width: auto; margin-left: 192px; width: 10em; }
div.tx-powermail-pi1 input[type=file] { border: none; }
.powermail_check_inner label { width: auto !important; }

.powermail_check_inner input { float: left; width: 30px !important; }
.powermail_mandatory { padding-left: 2px; }
.powermail_mandatory_js { color: #833; padding-left: 192px; margin-top: -4px; margin-bottom: .5em; }

/* debug */





fieldset { border: none; }
input, textarea { background-color: #eee; padding: 3px; }
input.submit { border: 1px solid #ccc; border-color: #f8f8f8 #888 #888 #f8f8f8; padding: 5px; }


/* aenderungswuensche 2009-12-10 */
.sitewrap { border: 1px solid gray; }
* { font-family: Verdana, Arial, Geneva,  Helvetica, sans-serif !important; }
/*.sitewrap { background-color: white; }*/
/*#columns { background-image: url("../images/banner/leistungen2.jpg") !important; }*/
#mainnav { background-image: url("../images/layout/menu_bg2.gif") !important; }

#content { /*overflow: auto; */ }
#content .box { background-color: white; opacity: .8; filter: alpha(opacity=80) !important; -ms-filter: "alpha(opacity=80)" !important; -khtml-opacity: .8; -moz-opacity: .8; }

* html #content .box { zoom: 1; }


#mainnav ul { position: relative; }
#mainnav li { position: absolute; top: 0; left: 0px; width: 0; overflow: visible; }
#mainnav li.first { left: 0px; }
#mainnav li.second { left: 152px; }
#mainnav li.third { left: 282px; }
#mainnav li.fourth { left: 385px; }

* html #mainnav li.first { left: 0px; }
* html #mainnav li.second { left: 10px; }
* html #mainnav li.third { left: 15px; }
* html #mainnav li.fourth { left: 19px; }


#mainnav ul ul li { left: 0px !important; width: auto; }

/*
* html div#content { height: expression( this.scrollHeight > 179 ? "180px" : "auto" ); }
div#content { max-height: 180px; }
*/
div#content .box { height: 180px; padding-right: 20px !important; }
div#content { overflow: hidden; }

/* Scrollbalken */
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1; }
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa; }
.jScrollPaneDrag { background-color: #555; position: absolute; cursor: pointer; overflow: hidden; }
.jScrollPaneDragTop { position: absolute; top: 0; left: 0; overflow: hidden; }
.jScrollPaneDragBottom {
	position: absolute;
	bottom: 0;
	left: 0;
	overflow: hidden;
}
a.jScrollArrowUp {
	display: block;
	position: absolute;
	z-index: 1;
	top: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowUp:hover {
	/*background-color: #f60;*/
}

a.jScrollArrowDown {
	display: block;
	position: absolute;
	z-index: 1;
	bottom: 0;
	right: 0;
	text-indent: -2000px;
	overflow: hidden;
	/*background-color: #666;*/
	height: 9px;
}
a.jScrollArrowDown:hover {
	/*background-color: #f60;*/
}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover {
	/*background-color: #f00;*/
}



a#starterlink {
	background: transparent url("../images/layout/starterpaket.png") left top no-repeat;	
	display: none;
	position: absolute; 
	text-indent: -9001em;
	top: 180px; left: 50%;
	margin-left: -495px;
	height: 157px; width: 244px;
}

/*a#starterlink { display: block !important; }*/

#c124, #c124 form, #c124 div { height: 500px !important; }

#c124 { position: relative; }
#c124 .field-firma, #c124 .field-name, #c124 .field-email, #c124 .field-strasse, #c124 .field-plz,
#c124 .field-fax, #c124 .field-telefon, #c124 .field-BemerkungGestaltungsidee {
	width: 390px;
	position: absolute;
}
#c124 p.check, #c124 p.field-formtype_mail { position: absolute; }
#c124 .check input { display: inline; width: 20px; }
#c124 .check label { display: inline; }

#c124 .field-JaichmchtedasexklusiveStarterpaket { color: #d25714; top: 60px; left: 0px; font-size: 2em; }

#c124 .field-firma { top: 60px; left: 0px; }
#c124 .field-name { top: 105px; left: 0px; }
#c124 .field-email { top: 150px; left: 0px; }
#c124 .field-strasse { top: 195px; left: 0px; }
#c124 .field-plz { top: 240px; left: 0px; }
#c124 .field-telefon { top: 285px; left: 0px; }
#c124 .field-fax { top: 330px; left: 0px; }
#c124 .field-BemerkungGestaltungsidee { top: 60px; right: 0px; }
#c124 .field-BemerkungGestaltungsidee textarea { height: 286px; }

#c124 .field-flyer { top: 390px; left: 0; }
#c124 .field-anzeigengestaltung { top: 410px; left: 0; }
#c124 .field-plakate { top: 430px; left: 0; }
#c124 .field-mailings { top: 450px; left: 0; }

#c124 .field-messePrsentationsSysteme { top: 390px; left: 200px; }
#c124 .field-fahrzeugbeschriftung { top: 410px; left: 200px; }
#c124 .field-websitegestlatung { top: 430px; left: 200px; }

#c124 p.field-formtype_mail { top: 400px; right: 10px; }
#c124 p.field-formtype_mail input { border: none; background: transparent url(../images/layout/submit.gif) center right no-repeat; display: block; text-indent: -9001em; height: 32px; width: 230px; }