/*** Grundformatierung ***/

@import url(typostyle.css);


/*** Allgemein ***/

body {
	background: #ffffff url('../images/bg.png') no-repeat;
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
}

html, body {
	height: 100%;
}

form {
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	margin:0;
	padding:0;
}

td, p, div {
	font-family:Arial,Helvetica,Tahoma,Verdana;
	color:#000000;
}


/*** Shortys ***/

.clear { clear:both; }
.halfSpace {height:10px; font-size:0px;overflow:hidden;}
.fullSpace {height:20px; font-size:0px;overflow:hidden;}
.floatL { float:left; }
.floatR { float:right; }
.rtl { text-align:right; }
.hand { cursor:pointer; }
.errtext { color:red; padding:0px 0px 0px 16px; background:url(../images/t3_warn.gif) 0px 1px no-repeat; }

a:link, a:active, a:visited {
	color:#2810bd;
	text-decoration:none;
	outline: none;
}

a:hover {
	color:#ffbd00;
	text-decoration:underline;
	outline: none;
}


/*********** Durckansicht ***********/

@media screen
{
	#printView {
	    width:710px;
		margin:0px auto;
		padding:30px 0px 30px;
	}
	.menuSubExtra {
	}
}

@media print
{
	#printView {
	    width:710px;
	    margin:0px;
	    padding:0px;
	}
	.menuSubExtra {
	    display:none;
	}
}


/*********** Main & Header ***********/

#maincontainer {
	background:url(../images/bg_layout.gif) repeat-y;
	margin:0px auto;
	padding:0px 0px 50px 0px;
	width:940px;
	position:relative;
}

#header {
	background:#ffffff;
	margin:0px;
	padding:0px;
	width:940px;
	height:128px;
	border:0px red solid;
}

#header #layoutHeadLeft {
	border-top:10px #e5e9ff solid;
	height:115px;
	width:200px;
	float:left;
	border-bottom:3px #2810bd solid;
}

#header #layoutHeadRight {
	border-top:10px #2810bd solid;
	height:115px;
	width:740px;
	font-size:0px;
	float:left;
	border-bottom:3px #2810bd solid;
	background:#fff url(../images/header.jpg) no-repeat;
}


/*********** Navigation (1.Ebene) ***********/

#layoutMenuBefore {
	float:left;
	width:180px;
	margin:0px 0px 30px;
	padding:3px 10px;
	background-color:#ced9ef;
	height:17px;
}

#layoutMenu {
	float:left;
	width:735px;
	background-color:#2810bd;
	margin:0px 0px 30px;
	padding-left:5px;
}

#layoutMenu .mainnavi {
	float:left;
	width:600px;
	margin:0px;
	padding:0px;
}

#layoutMenu .mainnavi ul {
	list-style:none;
	padding:0;
	margin:0;
}

#layoutMenu .mainnavi li {
	float:left;
}

#layoutMenu .mainnavi li a {
	display:block;
	color:#ffffff;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

#layoutMenu .mainnavi li a:hover, #layoutMenu .mainnavi li a.on {
	display:block;
	color:#ffbd00;
	font-weight:bold;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

#layoutMenu .iconnavi {
	float:right;
	width:120px;
	margin:0px;
	padding:4px 5px 3px 5px;
	text-align:right;
}

#layoutMenu .iconnavi a:link, 
#layoutMenu .iconnavi a:active, 
#layoutMenu .iconnavi a:visited, 
#layoutMenu .iconnavi a:hover{
	margin:0px 5px 0px 5px;
	padding:0px;
	text-align:right;
}


/*********** Navigation (Unterebenen) ***********/

#layoutMenuLeft {
	float:left;
	width:200px;
	margin:0px 30px 0px 0px;
}

#layoutMenuLeft ul {
	list-style:none;
	padding:0;
	margin:0;
	border-top:1px #c8d2fa solid;
}

#layoutMenuLeft ul li a {
	display:block;
	padding:5px 7px;
	color:#000000;
	text-decoration:none;
	border-bottom:1px #c8d2fa solid;
	border-left:4px #c8d2fa solid;
}

#layoutMenuLeft ul li a:hover, #layoutMenuLeft ul li a.on {
	display:block;
	padding:5px 7px;
	color:#2810bd;
	text-decoration:none;
	border-bottom:1px #c8d2fa solid;
	border-left:4px #2810bd solid;
}

#layoutMenuLeft ul li ul {
	padding:0px 0px 10px;
	border-bottom:1px #c8d2fa solid;
	border-top:0px;
}

#layoutMenuLeft ul li ul li a {
	display:block;
	padding:5px 10px;
	margin:0px 0px 0px 20px;
	color:#000000;
	border:0px;
	background:url(../images/submenu_icon.gif) 0px 10px no-repeat;
}

#layoutMenuLeft ul li ul li a:hover, #layoutMenuLeft ul li ul li a.on {
	display:block;
	padding:5px 10px;
	margin:0px 0px 0px 20px;
	color:#2810bd;
    border:0px;
    background:url(../images/submenu_icon_on.gif) 0px 10px no-repeat;
}

#layoutMenuLeft .leftcontent {
	margin:0px;
	padding:0px 10px 0px 10px;
}


/*********** Content ***********/

#layoutContent {
    float:left;
	width:710px;
	margin:0px;
}

#layoutContentLeft {
    float:left;
	width:500px;
	margin:0px;
}

#layoutContent .ordershortinfo .bodyText, 
#layoutContentLeft .ordershortinfo .bodyText, 
#layoutContent .ordershortinfo .bodyText p, 
#layoutContentLeft .ordershortinfo .bodyText p
{
	margin:0px;
	padding:0px;
	font-size:11px;
	color:#aaaaaa;
}

#layoutContentRight {
    float:right;
	width:180px;
}


/*********** Warenkorb und Zahlung ***********/

.basket {
    border:1px #ced9ef solid;
	margin:0px;
	padding:10px 10px;
	background-color:#f6f7fd;
}

.payment {
    background:white;
    border:1px solid #c8d2fa;
    padding:1px;
}

.payment label {
    display:block;
    cursor:pointer;
	padding:4px 4px;
	border:1px solid #ffffff;
}

.payment label * {
    vertical-align:middle;
}

.payment label.on, .payment label:hover {
    background-color:#ced9ef;
}


/*********** Preisliste ************/

.liste {
  border: 5px #f6f7fd solid;
}


table.liste2 {
	width:100%;
	border-collapse:collapse;
	border-top:1px solid #c8d2fa;
	border-bottom:0px solid #c8d2fa;
}

table.liste2 th {
	padding:3px 6px;
}

table.liste2 td {
	border-bottom:0px solid #f6f7fd;
	padding:3px 6px;
}



.product_list {
	margin:0px;
	padding:0px 0px 30px 0px;
}

.product_des_info {
	background:#C8D2FA;
	margin:0px;
	padding:3px 10px 3px 10px;
	font-weight:bold;
}

.product_des_content {
	margin:0px;
	padding:10px;
}

.product_text { width:265px; }
.product_image { padding:0px 0px 0px 10px; width:200px; }
.product_skizze { width:200px; }
.product_image img, .product_skizze img { padding:0px 0px 10px 0px; width:200px; }


table.vartable thead, table.liste2 thead {
	background:#C8D2FA;
}

table.vartable thead th, table.liste2 thead th {
	margin:0px;
	padding:2px 5px 2px 5px;
	font-size:11px;
	font-weight:bold;
	text-align:left;
	vertical-align:top;
}

table.vartable thead tr.masseinheit th { color:#ffffff; font-weight:normal; }

table.vartable tbody td {
	margin:0px;
	padding:2px 5px 2px 5px;
	border-top:1px solid #C8D2FA;
	border-left:1px solid #C8D2FA;
	font-size:11px;
	font-weight:normal;
	text-align:left;
	vertical-align:top;
}

table.vartable tbody tr.productline_2 {
	background:#fafafa;
}

table.vartable tbody tr:hover, table.vartable tbody tr.productline_2:hover {
	background:#eeeeee;
}

table.vartable tbody td:first-child {
	border-left:none;
}




/*********** Kontaktfeld ***********/

.tfield {
	border:1px solid #c8d2fa;
	font-family:Arial,Helvetica,Tahoma,Verdana;
	font-size:12px;
	color:#000000;
	width:200px;
}
.err {
	border:1px solid #FF7070;
}
.button {
	border:1px solid #2810bd;
	background-color:#2810bd;
	font-size:11px;
	color:#fff;
}


/*********** Footer ***********/

#footer {
    border-top:1px #ced9ef solid;
}

#footer .footerbox {
	margin:0px auto;
	padding:0px;
	width:940px;
}

#footer .footerbox .adress {
    border-left:1px #ced9ef solid;
    border-right:1px #ced9ef solid;
    border-bottom:1px #ced9ef solid;
	margin:0px;
	padding:5px 10px 6px 10px;
	width:178px;
	float:left;
}

#footer .footerbox .footernavi {
	background: #f6f7fd;
    border-right:1px #ced9ef solid;
    border-bottom:1px #ced9ef solid;
	margin:0px;
	padding:5px 10px 0px 10px;
	width:719px;
	float:left;
	color:#000000;
}


/*********** Footer Navi ***********/

.footernavi ul {
	list-style:none;
	padding:0;
	margin:0;
}

.footernavi li {
	float:left;
}

.footernavi li a {
	display:block;
	color:#000000;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}

.footernavi li a:hover, .footernavi li a.on {
	display:block;
	color:#2810bd;
	font-weight:normal;
	font-size:11px;
	text-decoration:none;
	margin:0px 0px 0px 25px;
	padding:3px 0px 5px 0px;
}







#layoutMenuLeft .leftcontent ul.thumb_fraeser {
	list-style: none;
	margin: 0px auto;
	padding:0px;
	width:120px;
	border:none;
}

#layoutMenuLeft .leftcontent ul.thumb_fraeser li {
	list-style: none;
	margin: 0;
	padding: 5px 0px 5px 0px;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 23px;
}

#layoutMenuLeft .leftcontent ul.thumb_fraeser li img {
	width: 120px;
	height: 23px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	padding: 0px 0px 0px 0px;
	position: absolute;
	left: 0px;
	top: 0px;
	cursor: pointer;
}