/* abcard.de 
--------------------------------------------------------
Autor: Fixtreme.de
Version 1.0, 28-11-2006
*/


/*>>>> ALLGEMEIN <<<<<*/

html,body,div,p,table,td,h1,h2,h3,span,ul,ol,li,a {font-family: Verdana,Arial, Helvetica, sans-serif;color: #00114a;}
html,body{	background:#FFD124;
	height: 100%;
	margin: 0; 
	padding: 0;
}
a img{border:none;}

#red{
width:400px;
color:#00114A;
padding: 8px 8px 0px 65px;
height:64px;
background: url(images/plus.jpg) 0% 50% no-repeat #fafafa;
height:64px;
margin-left:20px;
}

/** HIDING FOCUSRING */
a:active, a { 
	outline: none; 
}
 
:focus { 
	-moz-outline-style: none; 
}
 
:-moz-any-link:focus {
	outline: none;
}

/*>>>> STRUKTUR <<<<<*/

.left{background:url(images/bg_left.jpg) top left no-repeat; width:25px; height:629px;float:left;}
.right{background:url(images/bg_right.jpg) top left no-repeat; width:25px; height:629px;float:left;}
.center{background:url(images/bg_center.jpg) top left repeat-x #fff; 
width:924px; height:629px;
float:left;
margin-left:-460px; 
margin-top:-315px; 
position: absolute; left: 50%; top: 50%;


}
.content{width:874px; height:629px; float:left;}


/*>>>> HEADER <<<<<*/
.header{
		background:url(images/header.gif) top left no-repeat; 
		width:874px; 
		height:133px; 
		float:left; 
		vertical-align:middle;
		margin: 30px 0px 28px 0px;
}
#logo{
		position:relative;
		top:16px;
		left: 35px;
		float:left;
}

.nav { width:628px; 		
		position:absolute;
		top:81px;
		left: 243px;
		margin:0px;
}
.nav a{		padding:0px;
}

.nav a span{display:none;}

/*>>>> CONTENT <<<<<*/

/*linke Navi*/
.navi{background: url(images/nav_l_bg.gif) left top no-repeat; width:188px; height:364px;float:left;	margin: 0px 0px 28px 0px;
}

.navi h2{
background:url(images/navi_hl.gif) top left no-repeat scroll #f00;
font: bold 12px  Arial,Verdana, sans-serif;color:#E62601;
letter-spacing:0.1em;
text-transform:uppercase;
padding: 10px 0px 7px 16px;
width:161px;
margin:5px 0px 0px 5px;
}

.navi h3{
font: bold 12px  Arial,Verdana, sans-serif;color:#E62601;
letter-spacing:0.1em;
text-transform:uppercase;
padding: 8px 0px 7px 10px;
width:161px;
margin:5px 0px 0px 5px;
}

.navi a{
	text-decoration: none;
	font: bold 12px  Arial,Verdana, sans-serif;color:#E62601;
}

.navi a:hover{
	text-decoration: underline;
}

.navi p{width: 159px;
padding: 5px 5px 5px 15px;
margin: 0px 0px 0px 5px;
height:280px;
background:url(images/navi_ft.gif) bottom left no-repeat scroll;
font:normal 11px/12pt Verdana, Arial, Helvetica, sans-serif;}
#navlist1 p{font:normal 11px/12pt Verdana, Arial, Helvetica, sans-serif; margin-left:15px;}
#navlist1 h3{font:bold 11px/12pt Verdana, Arial, Helvetica, sans-serif; margin-left:15px;}

#navlist1
{
width: 177px;
padding: 1px;
margin: 0px 0px 0px 5px;
height:280px;
background:url(images/navi_ft.gif) bottom left no-repeat scroll;
}

ul#navlist1 li
{
list-style: none;
margin: 0px;
padding: 0px;
}

ul#navlist1 li a
{
display: block;
width: 139px;
padding: 7px 8px 7px 28px;
border: none;
text-decoration: none;
text-align: left;
font: bold 11px verdana,helvetica,arial,sans-serif;
letter-spacing:0.05em;
background:url(images/nav_eck_white.gif) 10% 52% no-repeat scroll;
}

ul#navlist1 li a:link { color: #fff; }
ul#navlist1 li a:visited { color: #fff; }

ul#navlist1 li a:hover
{
color: #E52600;
background:url(images/nav_hover1.gif) 50% 52% no-repeat scroll;
}

ul#navlist1 li a#act
{
color: #fff;
background:url(images/nav_hover.gif) 50% 52% no-repeat scroll;
}
ul#navlist1 li a#act:hover
{color: #FFE56C!important;

}

ul#navlist1 li a#unter
{
color: #E52600;
background:url(images/nav_eck_red_s.gif) 17% 52% no-repeat scroll;
display: block;
width: 139px;
padding: 3px 0px 3px 38px;
border: none;
text-decoration: none;
text-align: left;
font: normal 10px verdana,helvetica,arial,sans-serif;
}
ul#navlist1 li a#unter:hover
{color: #fff!important;
background:url(images/nav_eck_white_s.gif) 17% 52% no-repeat scroll;
}
ul#navlist1 li a#unteract
{
color: #fff;
background:url(images/nav_eck_white_s.gif) 17% 52% no-repeat scroll;
display: block;
width: 139px;
padding: 3px 0px 3px 38px;
border: none;
text-decoration: none;
text-align: left;
font: normal 10px verdana,helvetica,arial,sans-serif;
}
ul#navlist1 li a#unteract:hover
{color: #E52600;
background:url(images/nav_eck_red_s.gif) 17% 52% no-repeat scroll;
}

/*Inhalt*/
.main{
		background:#fff;
		width:654px; 
		height:365px;
		float:left;	
		margin: 0px 0px 27px 32px; 
		overflow:auto;		
		font:normal 11px/18pt Verdana, Arial, Helvetica, sans-serif;
	}
.main p{font:normal 11px/12pt Verdana, Arial, Helvetica, sans-serif; margin:0px 80px 14px 0px;}
.main H1{ 
		font:bold 11px Verdana, Arial, Helvetica, sans-serif; 
		text-transform: uppercase; color:#fff; 
		background: url(images/headl_bg_yellow.gif) left top no-repeat;
		padding: 3px 0px 0px 8px;
		margin:0px 0px 7px 0px;
		height:20px;
		width:329px;
}

.main H3 {font-size:12px;color:#E52600;}

.main H4 {font-size:12px; /*color:#FF0099;*/ margin-bottom:0px;color:#E52600;}

.main img{float:none;}

.pic {color: #999999;
margin-top:-10px!important;
padding:0px 0px 30px 20px;}

ul li{margin-right:80px; padding:0px 0px 10px 0px;line-height:1.4em;}

/*Tabelle*/

.t_h_600 {
background: url(images/t_h_600.jpg) top left no-repeat scroll;
font: bold 12px  Arial,Verdana, sans-serif;color:#040093;
letter-spacing:0.05em;
padding: 8px 0px 10px 16px;
width:600px;
margin:30px 0px -5px 0px;

}

.tabelle {
		border:2px #ECECEC solid;
		border-top:1px #EAEAEA solid;
		background:#ececec;
		width:600px;
		border-collapse: separate;
		border-spacing:1px;
}


.tabelle TD {
		border:1px #ddd solid;
		background: #fafafa;
		padding:6px 0px 6px 4px;
		font: normal 10px verdana,arial,helvetica,sans-serif;
		color:#00114A;
}

.tabelle TH {
		border:1px #ddd solid;
		padding:6px 0px 6px 4px;
		font: bold 11px verdana,arial,helvetica,sans-serif;
		color:#00114A;
		text-align:left;
}

.tabelle TR TD IMG {
float:none;}

.unten{background: url(images/t_h_600_unten.jpg) top left no-repeat scroll;
float:left!important;
}
/*>>>> Thermodrucker <<<<<*/

.thermo {
width: 231px;
background: #ECECEC url(images/thermo_u.jpg) left bottom no-repeat;
float:left;
margin:15px;
padding-bottom:10px;
text-align:center;
}

.thermo h2 {font: bold 11px verdana,arial,helvetica,sans-serif;margin:0px 0px 10px 0px;}
.thermo img.thermod {  border:1px solid #ccc;}
.thermo a { text-decoration:underline;}
.thermo a img { vertical-align:middle;border:none;margin:6px 0px 10px 0px;}
.thermo p { font-size:11px; line-height:16px; text-align: left; margin:6px 20px 10px 20px;}
.thermo ul { font-size:9px; line-height:12px;padding:0px 0px 0px 14px; text-align: left; margin:6px 20px 10px 20px;}
.thermo li {margin:0px;padding:0px;}


.thermo2 {
width: 338px;
background: #ECECEC url(images/thermo_u2.jpg) left bottom no-repeat;
float: left;
margin: 15px 15px 15px 0px;
padding-bottom: 10px;
text-align: center;
}

.thermo2 h2 { font: bold 11px verdana,arial,helvetica,sans-serif;margin:0px 0px 10px 0px; text-transform: uppercase;}
.thermo2 img.thermod {  border:1px solid #ccc; padding: 2px;}
.thermo2 a { text-decoration:none; font-weight: bold;}
.thermo2 a img { vertical-align:middle;border:none;margin:6px 0px 10px 0px;}
.thermo2 p { font-size:11px; line-height:16px; text-align: left; margin:6px 20px 10px 20px;}
.thermo2 ul { font-size:9px; line-height:12px;padding:0px 0px 0px 14px; text-align: left; margin:6px 20px 10px 20px;}
.thermo2 li { margin:0px; padding:0px; font-size:11px; line-height:16px;}

#lg80,#lg81 { height: 570px; }
#lg82,#lg83,#lg84 { height: 540px; }



/*höhe für lesegeräte*/
#lg1,#lg2,#lg3,#lg4,#lg5,#lg6,#lg7 {height:520px;}
#lg8,#lg9,#lg10,#lg11 {height:450px;}
/*>>>> FEEDBACK <<<<<*/

.feedback {
background: #ECECEC url(images/t_h_600_unten.jpg) left bottom no-repeat;
width:600px;
padding-bottom:20px;
margin-bottom: 20px;
}
.feedback p{margin:0px 10px 0px 10px;}
.feedback h2{font: bold 13px verdana,arial,helvetica,sans-serif;
margin:0px 0px 20px 10px;
}

.email { margin:0px 0px 20px 0px!important; padding:5px;background: #CBCBCB url(images/t_h_600_2.jpg) left top no-repeat;
}



/* Bestellung */

#content_customer {
	margin: 0px 0px 0px 0px;
	padding: 0;
	background: #FFF;
}


#content_customer p {
	margin: 0;
	font-size:11px;
}

#content_customer fieldset ul {
	list-style-type:none;
	margin:10px 0;
	padding:10px;
	width:480px;
}
* html #content_customer fieldset ul {
	width: 370px;
}

#content_customer fieldset ul li {
	margin: 0;
	padding: 0;
}

fieldset {
	border:none;
	width: 430px;
	margin: 0px 0px 0px 0px;
}
* html fieldset {
	width: 330px;
}

#content_customer fieldset select {
	width: 206px;
	margin: 3px 0px 3px 0px;
	border:1px solid #DDDDDD;
}
#anrede {
	width: 60px!important;
}

#fehler {
	border: 1px red solid;
	background: #FFE1E2;
	width: 355px;
	height: 40px;
	padding: 10px;
	margin: 0px 0px 0px 15px;
}

#fehler p {
	color: #FF0000;
}

.fehlertext {
	font-size: 12px;
	font-weight: bold;
	color: red;

}

#bestellung {
	border: 1px #00114A solid;
	background: #FFF;
	width: 355px;
	height: 40px;
	padding: 10px;
	margin: 20px 0px 0px 15px;
}

input {
	margin-top: 3px;
}

label {
	float: left;
	margin-right: 20px;
	text-align:left;
	width: 150px;
	font-size:11px;
	color:#174860;
}
* html label {
	margin-right: 10px;
	width: 110px;
}

label span {
	color: red;
}

.error {
	color: red;
}

.errorbg {
	border: 1px red solid!important;
	background: #FFE1E2;
}


.field {
	-x-system-font:none;
	border:1px solid #DDDDDD;
	font-size:11px;
	font-size-adjust:none;
	font-stretch:normal;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	height:auto;
	line-height:normal;
	padding:2px;
	width:200px;
}

.short {
	width: 50px;
}

.txt2 {
	height: 50px;
}

/*
* html .fields { 
	width:400px;
}*/

.field:hover {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}

.field:active {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}

.field:focus {
background-color:#EEEEEE;
border:1px solid #CCCCCC;
}

#content_customer fieldset ul li .bestellen {
	background: url(/images/nav_hover.gif) no-repeat top left;
	color:#FFFFFF;
	border: none;
	width: 160px;
	height: 19px;
	margin: 20px 0px 0px 0px;
	line-height: 19px;
	font-size: 12px;
	font-weight:bold;
	letter-spacing:0.05em;
	padding: 0px 0px 4px 18px;
	text-align:left;
}

#content_customer fieldset ul li .bestellen:hover {
	color: #FFE56C;
}


#content_customer fieldset ul li .check {
	padding: 0;
	margin: 0;
	border:none;
	height:auto;
}
*+html #content_customer fieldset ul li .check {
	margin-left: -4px;
}

#danke {
	font-size:14px;
	text-align:center;
	margin:15% 0 0 -25%;
}

/* Ende-Bestellung */







/*>>>> FOOTER <<<<<*/

.footer{background:url(images/footer.gif) top left no-repeat; width:874px; height:20px;float:left; text-align:right; vertical-align:middle;}
.footer a{padding-right:10px; font-size:11px; text-decoration:none;color:#555;}
.footer a.footlinks{margin-right:670px;}
.footer a:hover{color:#e52600;}