@charset "utf-8";

/************************************************
	CSS StyleSheet
	www.yachtlite.com

	Media: Screen

	Copyright (C) 2008
	Helen Heinel-Szesch
	www.truesite.de
************************************************/

/*--------------------------------------------------*/
/* BREADCRUMB --------------------------------------*/
/*--------------------------------------------------*/
div.breadcrumb {
	width:100%;
	float: left;
    background: url("images/dg/breadcrumb/bc_background.png") no-repeat 0 0;

}
div.breadcrumb ul {
    /*width: 830px;*/
    list-style: none;
    display:inline;

}
div.breadcrumb ul li {
    width: 136px;
    float: left;
    padding-top: 26px;
    margin-right: 0px;
    font-size: .85em;
    font-weight: bold;
    border: 0;
}
div.breadcrumb ul li.subm {
    width: 136px;
    /*float: left;*/
    padding-top: 0px;
    border: 0;
    /*margin-right: 0px;*/
    /*font-size: .85em;*/
    /*font-weight: bold;*/
}
div.breadcrumb ul li a, div.breadcrumb ul li span{
    /*width: 136px;*/
    padding: 29px 15px 2px 10px;
     color:#A7AEDF;
     border: 0;
}
div.breadcrumb ul li.subm input {
    width: 136px;
    background: transparent;
	border: 0;
	height: 26px;
    /*padding: 8px 15px 2px 10px;*/
}
div.breadcrumb ul li a.step1, div.breadcrumb ul li span.step1 {
    background: url("images/dg/breadcrumb/bc1.png") no-repeat left top;
}
div.breadcrumb ul li a.step2, div.breadcrumb ul li span.step2 {
    background: url("images/dg/breadcrumb/bc2.png") no-repeat left top;
}
div.breadcrumb ul li a.step3, div.breadcrumb ul li span.step3 {
    background: url("images/dg/breadcrumb/bc3.png") no-repeat left top;
}
div.breadcrumb ul li a.step4, div.breadcrumb ul li span.step4 {
    background: url("images/dg/breadcrumb/bc4.png") no-repeat left top;
}
div.breadcrumb ul li a.step5, div.breadcrumb ul li span.step5 {
    background: url("images/dg/breadcrumb/bc5.png") no-repeat left top;
}
div.breadcrumb ul li a.step6, div.breadcrumb ul li span.step6 , div.breadcrumb ul li span.inp {
    background: url("images/dg/breadcrumb/bc6.png") no-repeat left top;
}
div.breadcrumb ul li a.disabled, div.breadcrumb ul li span.disabled {
    background-position: left -96px ;
}
div.breadcrumb ul li a:hover, div.breadcrumb ul li span:hover, div.breadcrumb ul li span.inp:hover {
    background-position: left -48px ;
}
 div.breadcrumb ul li.subm  {
 color: #96ffff
 }

div.breadcrumb ul li span.inp {
 padding: 9px 15px 8px 9px;
 color:#A7AEDF;
}
 /*--------------------------------------------------*/
/* ENDE BREADCRUMB ----------------------------------*/
/*--------------------------------------------------*/
div.dgtextcolumn {
	width: 250px;
	float: left;
	padding: 15px 30px 15px 0;
}
div.dgtextcolumn p {padding-bottom: 6px;}
div.dgrightframe {
	width: 550px;
	float: left;
	padding: 15px 0px;
}
div.dgrightframe input.dg {
border: 1px solid red;
}

div.widtharrow {
	float: left;
	width: 412px;
	height: 30px;
	text-align: center;
	border-left: 1px solid #2e3471;
	border-right: 1px solid #2e3471;
	vertical-align: middle;
	padding-top: 10px;
	background: url(images/dg/widtharrow.gif) no-repeat 0 10px;
}
div.filler {
	float: left;
	width: 135px;
	height: 20px;
	text-align: center;
}

div.demopic {
	float: left;
	margin-top: 10px;
	border: 1px solid #2e3471;
}

div.halfcontent, div.halfleft {
	width: 400px;
	float: left;
	padding: 15px 0px;
}
div.halfleft {margin-right: 30px;}

fieldset.fotoload {
width: 538px;
	border: 1px solid silver;
	text-align: left;
	float: left;
	margin-bottom: 20px;
	padding: 5px;
}
fieldset.fotoload legend {
    font-size: 122%;
    font-weight: bold;
    color: #fff;
    padding: 0px 4px 0px 4px;
    /*margin: 0 4px 0 4px;*/
}
fieldset.fotoload img {
float: left;
margin-right: 20px;
}
div.simpleleft {float: left;}
div.simpleright {float: right;}
div.simpleleftbottom {
float: left;
margin-top: 50%;
/*display: block
position: relative;
left: 0%;
top: 50%;*/
}

div.dgvoltright {
	width: 430px;
	float: right;
	padding-top: 15px;
}

select.voltage {
	width: 180px;
}
select.unit {
	width: 100px;
	float: right;
}
table.voltage {
    margin-bottom: 1.5em;
	width: 400px;
    caption-side: top;
    font-size: 1em;
}
.voltage td {padding-left: 3px; font-size: 0.8em; font-weight: bold;}
input.nofont {background: transparent; border: 0; vertical-align: bottom;}
table.request {
width: 367px;
font-size: 1em;
}
table.request td {font-size: 1em; padding: 0;}
table.request td.color, p.color {background: #123456; font-size: 1.1em; font-weight: bold; padding: 3px;}
p.color {margin-top: 25px; margin-bottom: 15px; padding-top: 4px; padding-bottom: 5px;}
p.metals {padding-bottom: 5px;}
table.request caption {
	font-size: 115%;
    color: #fff;
    padding-bottom: 10px;
    font-weight: bold;
    border: 0;
}
p.buttons a.dgbuttonright:hover, p.buttons input.dgbuttonright:hover, p.buttons a.dgbutton:hover {
	color: #96ffff;
}
a.dgbutton, input.dgbutton{
	/*height: 28px;*/
	padding: 8px 0px 8px 32px;
    cursor: pointer;
    /*display: block; !important*/
    float: left;
    color: #a7aedf;
    font-size: 100%;
    font-weight: normal;
    margin-right: 1em;
}
a.dgbuttonright, input.dgbuttonright, span.dgnext_disabled {
	/*height: 28px;*/
	padding: 8px 32px 8px 0px;
    cursor: pointer;
    /*display: block;*/
    color: #a7aedf;
    font-size: 100%;
    font-weight: normal;
    /*margin-right: 1em;*/
}
p.buttons {
	padding: 12px 0px 12px 0px;
}

input.dgbutton, input.dgbuttonright {border: 0;}
a.dgdel, input.dgdel { background: url(images/dg/dgdelete.png) no-repeat 0 50%;}
a.dgedit, input.dgedit { background: url(images/dg/dgedit.png) no-repeat 0 50%; }
a.dgcalc, input.dgcalc { background: url(images/dg/dgcalc.png) no-repeat 100% 50%; }
a.dgupload, input.dgupload { background: url(images/dg/dgupload.png) no-repeat 100% 50%; }
a.dgnext, input.dgnext { background: url(images/dg/dgnextblue.png) no-repeat 100% 50%;}
a.dgnext_disabled, input.dgnext_disabled, span.dgnext_disabled { background: url(images/dg/dgnext_disabled.png) no-repeat 100% 50%;}

/******************************************************/
/**Button input für Neuberechnung  ********************/
/******************************************************/

input.recalc {
	background:transparent url(images/buttons/button_check.jpg) no-repeat scroll 0 40%;
	border:0 none;
	color:#FFFFFF;
	cursor:pointer;
	margin-top:2px;
	padding:1px 0 1px 20px;
}

textarea.dgtext {
    font-family: "Lucida Grande", Verdana, Arial,sans-serif;
	margin-bottom: 10px;
    font-size: 1em;
	height: 80px;
	width: 190px;
}
/*Anschrift Eingabe: */

.right {float: right;}
label.adr { display: block; width: 110px; float: left;}
input.ansch {width: 249px; padding-left: 5px; margin-bottom: 4px;}
input.error {background-color: #ff9999;}
input.mail {
	float: left;
	margin-right: 5px;
	margin-top: 8px;
	padding-left: 5px;
	width: 220px;
}
input.test {background: #99ff99;}
input.anz {background: #ff9999;}

select.ansch {width: 258px; margin-bottom: 4px;}

select.anot { width: 258px; background-color: #ff9999; margin-bottom: 4px;}
textarea.mailtext {font-family: "Lucida Grande", Verdana,Arial,sans-serif; font-size: 110%; width: 420px; height: 260px; margin-bottom: 57px;}

div.cover {
	background-color: #000641;
	height: 248px;
	opacity: 0.85;
	-moz-opacity: 0.85;
    filter: alpha(opacity=85);
    -khtml-opacity: 0.85;
	padding: 180px 35px 10px 5px;
	position: absolute;
	top: 380px;
	/*left: 155px; Nur für IE */
	width: 205px;
	z-index: 1000;
	text-align: center;
	vertical-align: middle;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	float: left;
}
div.cover p{padding-bottom: 5px;}

/************************************************************/
/****************DESIGN GENERATOR**********************/
/****Preview Window***/
div.dg_preview{
	width: 600px;
	height: 100px;
	float: left;
	background: url("images/dg/dayback.jpg") no-repeat 0 0;
}
div.prvtop {
	height: 21px;
	width: 830px;
	float: left;
	padding-top: 3px;
}
div.prvleft {
	height: 100px;
	width: 115px;
	float: left;
}
div.prvbott {
	height: 19px;
	width: 830px;
	float: left;
}

/***********************/
/***Input Tabs***/

div.dginputtab {
	height: 36px;
	background: url("images/dg/inputtab.jpg") no-repeat 4px 0;
	float: left;
}

input.shipname {
	width: 260px;
	height: 18px;
	margin: 3px 4px 0px 10px;
	float: left;
    background-color: #d7e0e1;
    border-top: 1px solid #aeb9bb;
    border-left: 1px solid #aeb9bb;
    border-bottom: 1px solid #8c9a9d;
    border-right: 1px solid #8c9a9d;
    padding: 1px 2px 1px 2px;
}

input.sname {
	background: url("images/dg/arrowup.jpg") no-repeat 0 50%;
	width: 128px;
	color: #000641;
	padding: 5px 0px 5px 12px;
	cursor: pointer;
	font-size: 100%;
	font-weight: normal;
	Border: 0px;
}

/****Nav Tabs***/

div.dg_navtabs {
      float: left;
      height: 36px;
      line-height:normal;
      /*width: 100%;*/
}

    div.dg_navtabs ul {
	  margin: 0px;
	  list-style:none;
}

    div.dg_navtabs li {
      display:inline;
      margin: 0px;
      padding: 0px;
}

    div.dg_navtabs a {
      float: left;
      width: 100px;
      background: url("images/dg/l_tab.jpg") no-repeat left -6px;
      margin:0;
      padding: 0px 00px 0px 3px;
      text-decoration:none;
}

    div.dg_navtabs a span {
      float: left;
      display: block;
      background: url("images/dg/r_tab.jpg") no-repeat right -6px;
      padding: 5px 2px 7px 2px;
      color: #555;
      text-align: center;
}

     div.dg_navtabs a.main_active {
      background-position:0% -34px;
}

      div.dg_navtabs span.main_active {
      background-position:100% -34px;
       padding: 9px 2px 12px 2px;
      color:#000641;
}

    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    div.dg_navtabs a span {float:none;}
    /* End IE5-Mac hack */


    div.dg_navtabs a:hover span {
      /*color:#FFF;*/
}

    div.dg_navtabs a:hover {
      background-position:0% -34px;
}

    div.dg_navtabs a:hover span {
      background-position:100% -34px;
      padding: 9px 2px 12px 2px;
}


div.dg_surface {
	width: 230px;
	float: left;
	border: 0px solid blue;
	padding: 15px 40px 0px 0px;
}

div.dg_surfacebuttons {
	padding-top: 25px;
	float: left;
}

div.dgcols {
	width: 240px;
	float: left;
	margin-bottom: 10px;
}


div.dg_led {
	width: 140px;
	float: left;
	border: 0px solid silver;
	padding-left: 10px;
	padding-top: 15px;
}

div.dg_ledbuttons {
	padding-top: 12px;
}

.ledtext {
    vertical-align: 5px;
}

div.dg_fonts {
	width: 400px;
	float: left;
	border: 0px solid silver;
	padding-top: 15px;
}

div.pagecount {
	width: 410px;
	height: 40px;
	float: left;
	border: 0px solid silver;
	padding-top: 18px;
	overflow: visible;
}



p.led {
margin-top: 15px;
}

div.colcel {
	width: 24px;
	height: 24px;
	float: left;
	margin: 0 12px 9px 0px;
}

.colcel a {
	display: block;
	height: 100%;
}

div.dg_mat {
width: 102px;
float: left;
margin: 0 12px 12px 0
}

div.quotereq {
	width: 350px;
	border: 1px solid #fff;
	float: right;
	padding: 0px 7px 12px 7px;
}

/*h3.dg {margin-bottom: 0px;}*/

/***** DESIGN GENERATOR FOOTER ***/

div.dg_idea {
	width: 255px;
	height: 105px;
	margin-top: 15px;
	background: url("images/dg/dg_lightbulb.jpg") no-repeat;
	padding-left: 90px;
	padding-top: 8px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: left;
}

div.dg_gotomeasure {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_ruler.jpg") no-repeat;
	padding-top: 8px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotovoltage {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_volt.jpg") no-repeat left 10px;
	padding-top: 8px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotophoto {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_photo.jpg") no-repeat left 15px;
	padding-top: 8px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotodata {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_data.jpg") no-repeat left 10px;
	padding-top: 8px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotosummary {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_summary.jpg") no-repeat left 10px;
	padding-top: 15px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotofinish {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_send.jpg") no-repeat left 10px;
	padding-top: 15px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

div.dg_gotothank {
	width: 283px;
	height: 105px;
	margin-top: 15px;
	padding-left: 125px;
	background: url("images/dg/dg_thank.jpg") no-repeat left 10px;
	padding-top: 15px;
	padding-right: 20px;
	border: 1px solid #fff;
	float: right;
}

table.fonts {
    border-collapse: collapse;
    width: 100%;
    table-layout: fixed;
    margin-bottom: 1.5em;
    caption-side: top;
    font-size: 1em;
    line-height: 110%;
    float: left;
    background: none;

}
table.fonts td {
	padding: 3px 2px 3px 2px;
}
table.fonts td.hilite {
	font-weight: bold;
	color: red;
}


/*** END DG FOOTER**/