/* CSS Document */
@charset "utf-8";
/*@import url("content.css") screen;*/
/*
	Benutzte Farben
	#002E7A		Border Header, Navi;
	#F3F3F3		Background Sprachauswahl;
	#E3E3E3		Background Hauptnavi;
	#CDCDCD		Border-Right Hauptnavi;
	#EFEFEF		Background Subnavi;
	#82021B		Teaser Headline, Border-Left;
	#878787		Headline Schriftfarbe;
	#999999		Fu�zeile;
	#012F7C		Schriftfarbe Content, Teaser;
	#002563		Rahmenfarbe Eingabefelder;
	#7E9DB9		Rahmenfarbe Selectfelder
*/


body {
	font: normal 100,01%/1.4em;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
    text-align: center;
    padding: 0;
    margin: 0;
	background-color:#fff;
}

p {
	padding:0;
	margin:5px 0px;
}

hr {
	border:0;
	height:1px;
	border-top:1px solid #C4C4C4;
}

h1{
	background:url(../_img/layout/h1_bg.gif) no-repeat;
	padding: 33px 0px 0px 40px;
	margin: 0;
    font-size: 16px;
	color:#878787;
	height: 16px;
	letter-spacing:0.2em;
}

/* F�r den Teaser */
h2{
	height:19px;
	background-color:#82021B;
	color:#fff;
	font-size: 12px;
	padding:2px 0px 0px 10px;
	margin:0;
}

h3{
    font-size: 11px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	font-weight:bold;
} 

h4 {
	font-size: 11px;
	color:#A02511;	
	padding:0px 0px 0px 0px;
	margin:15px 0px 3px 0px;
}  

a {
	color: #012F7C;
	text-decoration: none;
}

a:hover {
	color: #000;
	text-decoration: none;
}

a.active {
	color: #000;
	text-decoration: none;
}

a img{
	border: none;
}

strong {
	font-size:12px;
}	

ul {
	padding: 0px 0px 0px 20px;
	margin: 0;
}

li {
	padding: 0;
	margin: 0;
}

.floatleft {
	float: left;
	margin-right: 10px;
	display: inline;
}

.floatright {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	display: inline;
}

.clearleft{
	clear: left;
}

.antifloat {
	float:none;
	clear:both;
}

.underline{
	text-decoration:underline;
}

.bilderrahmen {
	border: 2px solid #A02511;
}

#fehlermeldung{
	color:#FF0000;
	padding:20px 10px 10px 0px;
}

.pflichtfeld{
	color:#FF0000;
}

/* 
########################################################################
Formular Styles
########################################################################
*/
form { 
	/*display:inline;*/
}

label{
    position: relative;
	width: 150px;
	display: block;
	float: left;
	margin:5px 0;
	padding: 0 5px;
}

label.preise {
    position: relative;
	width: 200px;
	display: block;
	float: left;
	margin:5px 0;
	padding: 0 5px;
}

.submitbutton {
	color:#FFFFFF;
	background-color:#002E7B;
	/*background-image:url(../_img/navi/navi_hover.jpg);
	background-repeat:repeat-x;	
	*/
	padding:2px 2px;
	font-weight:bold;
}

.submitbutton:hover {
	background-color:#000000;
}

.submitbutton_rot_hoch {
	color:#FFFFFF;
	background-color:#FF0000;
	background-image:url(../_img/navigation/buttonSTOP.gif);
    /*background-repeat:repeat-x; 
    */
	height:40px;
	padding:2px 2px;
	text-align: left;
    padding-left: 30px;
	font-weight:bold;
	cursor: pointer;
}

.submitbutton_rot_hoch:hover {
	background-color:#000000;
	background-image:url(../_img/navigation/buttonSTOP2.gif);
	height:40px;	
}

.submitbutton_rot_hoch2 {
    color:#FFFFFF;
    background-color:#c6cedb;
    background-image:url(../_img/navigation/buttonOK.gif);
    /*background-repeat:repeat-x;   
    */
    height:40px;
    padding:2px 2px;
    text-align: left;
    padding-left: 30px;
    font-weight:bold;
    cursor: pointer;
}

.submitbutton_rot_hoch2:hover {
    background-color:#8da3c6;
    background-image:url(../_img/navigation/buttonOK2.gif);
    height:40px;    
}

select {
	background: #fff;
	color: #000000;
	padding: 2px;
	font-size:11px;
	border:1px inset #7E9DB9;
}

input, textarea {
	color: #000000;
	padding: 2px;
	font-size:11px;
	border:1px inset #B8A982;	
}

#submit_button {
	background: none;
	color: none;
	padding: none;
	border:none;
}

textarea {
	font: normal 100,01%/1.4em;
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:11px;
	width:263px;	
}
.radio {
	background:none;
	border:none;
}

/* 
########################################################################
Farben
########################################################################
*/
.beige {
	background-color: #fffff4;
}

.kurs_headline {
	color:#93751B;
	font-weight:bold;
}

.weiss {
	color:#fff;
}

.h1_inaktiv{
	color:#CDCDCD;
}

/*standart*/
td .lieferstati_1{
	background-color:#00CC00;
}

/*express*/
td .lieferstati_2{
	background-color:#003366;
}

/*overnight*/
td .lieferstati_3{
	background-color:#FF0000;
}

/* 
########################################################################
Grundaufbau
########################################################################
*/
#container{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background: url(../_img/layout/content_kachel.jpg) repeat-y;
	font-size:11px;
    margin: 0 auto;
    text-align: left;
    width:960px;
	color:#012F7C;
}
/* 
########################################################################
Headernavi
########################################################################
*/

#headernavi {
	background-color:#002E7A;
	height:14px;
	width:940px;
	color:#fff;
	padding: 0;
	margin-left: 9px;
	text-align:right;
	font-size:10px;
}
#headernavi a {
	color:#fff;
}
#headernavi a:hover {
	color:#fff;
	text-decoration:underline;
}
#headernavi a.active {
	color:#fff;
	text-decoration:underline;
}


/* 
########################################################################
Leftrow
########################################################################
*/

#leftrow {
	width:225px;
	padding-left: 9px;
	margin:0;
	float:left;
}
* html #leftrow {
	width:216px;
}

#login, #adminlogin {
	width:160px;
	height:146px;
	padding:45px 0px 0px 65px;
	margin:20px 0;
}

#login{
	background: url(../_img/layout/login.jpg) no-repeat;
}

#adminlogin{
	background: url(../_img/layout/adminlogin.jpg) no-repeat;
}

.input_login {
	font-size:11px;
	width:147px;
	height:16px;
	border:1px solid #002563;
	background-color:#fff;
	padding-top:2px;
	margin:0;
}

.input_login:hover {
	width:147px;
	height:16px;
	border:1px solid #002563;
	background-color:#EFEFEF;
	padding-top:2px;
	margin:0;
}

.input_go_button {
	border:0;
	background-color:#EFEFEF;
	padding:0;
	margin:5px 0px 0px 100px;
}

.input_go_button:hover {
	border:0;
	background-color:#EFEFEF;
	padding:0;
	margin:5px 0px 0px 100px;
}

.guarantee {
	color:#000;
	font-size:9px;
	padding-left:20px;	
}

/* 
########################################################################
Rightrow
########################################################################
*/

#rightrow {
	width:715px;
	padding:0;
	margin:0;
	float:left;
}

#header {
	width:475px;
	margin:0;
	padding:0;
	float:left;
}
#flashcontent {
	width:240px;
	height:284px;
	margin:0;
	padding:0;
	float:left;
}

/* 
########################################################################
Content
########################################################################
*/

#content {
	font-size:12px;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;	
	float:left;
	line-height:1.3em;
}

#inhalt {
	width:445px;
	padding:0;
	margin:10px 15px 0px 0px;
	overflow:hidden;
	float:left;
}

#inhalt a.link, #inhalt a.link:link, #inhalt a.link:hover, #inhalt a.link:active{
	text-decoration:underline;
	color:#000000;
}



/* 
########################################################################
Teaser
########################################################################
*/

#teaser {
	width:239px;	
	padding: 0px 0px 10px 0px;
	margin: 0px 0px 0px 0px;
	border-left:1px solid #82021B;
	float:left;
}

.news {
	padding:0px 15px 0px 10px;
	margin:0px 0px 0px 0px;	
}
.datum {
	background:url(../_img/rightrow/datum_button.gif) no-repeat;
	background-position:left;
	padding: 0px 0px 0px 13px;
	margin:0px 0px 14px 0px;
	font-size:10px;
	color:#F15924;
}


/* 
########################################################################
Footer
########################################################################
*/

#footer {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background:url(../_img/layout/footer_bg.jpg) no-repeat;
	padding: 12px 0px 0px 228px;
	margin: 0 auto;
	font-size:10px;
	width:732px;
	height:28px;
	color:#999;
}
#footer a {
	color:#999;
}
#footer a:hover {
	color:#000;
}
#footer a.active {
	color:#000;
}

/* 
########################################################################
Navigation
########################################################################
*/

#navigation, #benutzernavi {
background:url(../_img/navigation/haupt_kachel.gif) repeat-y;
padding: 11px 0px 0px 0px;
margin: -2px 0px 0px 0px;
font-size:12px;
display:block;
width:225px;
min-height:144px;
}
* html #navigation {
	height:144px;
}

#benutzernavi {
	margin:20px 0;
}

#navigation ul, #benutzernavi ul {
padding:0;
margin: 0;
display:block;
}

#navigation ul li, #benutzernavi ul li {
padding: 0;
margin: 0;
display:inline;
}

#navigation ul li a, #navigation ul li a:active, #benutzernavi ul li a, #benutzernavi ul li a:active {
height:25px;
width:201px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 24px;
display:block;
}

#navigation ul li a:hover, #benutzernavi ul li a:hover{
height:25px;
width:181px;
background:url(../_img/navigation/haupt_active.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 24px;
font-weight:normal;
display:block;
}

/*Aktivierter Punkt*/
#navigation ul li a.active, #navigation ul li a.active:active, #benutzernavi ul li a.active, #benutzernavi ul li a.active:active {
height:25px;
width:181px;
background:url(../_img/navigation/haupt_active.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 24px;
font-weight:bold;
display:block;
}

#navigation ul li.active ul, #benutzernavi ul li.active ul {
display: block;
}

/* 
########################################################################
Unter Navigation
########################################################################
*/
#navigation ul li ul, #benutzernavi ul li ul {
padding: 0;
margin: -7px 0px 8px 0px;
font-size:11px;
display:block;
width:211px;
}
* html #navigation ul li ul, * html #benutzernavi ul li ul {
padding: 0;
margin: -7px 0px 8px 0px;
font-size:11px;
display:block;
width:209px;
}

#navigation ul li ul li, #benutzernavi ul li ul li   {
padding: 0;
margin: 0;
list-style:none;
background-image:none;
display:block;
}

#navigation ul li ul li a, #navigation ul li ul li a:active, #benutzernavi ul li ul li a, #benutzernavi ul li ul li a:active {
height:100%;
width:166px;
background-image:none;
margin: 0;
padding: 2px 0px 2px 45px;
font-weight:normal;
display:block;
}


#navigation ul li ul li a:hover, #benutzernavi ul li ul li a:hover{
background-color:#fff;
background-image:none;
height:100%;
width:166px;
margin: 0;
padding: 2px 0px 2px 45px;
font-weight:normal;
display:block;
}

/*Aktivierter Punkt*/
#navigation ul li ul li a.active, #navigation ul li ul li a.active:active, #benutzernavi ul li ul li a.active, #benutzernavi ul li ul li a.active:active {
background-color:#fff;
background-image:none;
height:100%;
width:166px;
margin: 0;
padding: 2px 0px 2px 45px;
font-weight:normal;
display:block;
}

/* 
########################################################################
Sub - Navigation
########################################################################
*/

#subnavi{
background:url(../_img/navigation/sub_kachel.gif) repeat-y;
padding: 11px 0px 11px 0px;
margin: 0px 0px 0px 0px;
font-size:12px;
width:225px;
display:block;
}

#subnavi ul{
padding:0;
margin: 0;
display:block;
}

#subnavi ul li{
padding: 0;
margin: 0;
display:inline;
}

#subnavi ul li a, #subnavi ul li a:active{
height:25px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 24px;
display:block;
}

#subnavi ul li a:hover{
height:25px;
background:url(../_img/navigation/haupt_active.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 24px;
font-weight:normal;
display:block;
}

/*Aktivierter Punkt*/
#subnavi ul li a.active, #subnavi ul li a.active:active{
height:25px;
background:url(../_img/navigation/haupt_active.gif) no-repeat;
padding: 0px 0px 0px 20px;
margin: 0px 0px 0px 24px;
font-weight:bold;
display:block;
}

#subnavi ul li.active ul{
display: block;
}


#admin_navigation{
height:31px;
width:715px;
background:url(../_img/navigation/admin_nav_hg.gif) repeat-x;
padding: 10px 0px 0px 0px;
margin: 59px 0px 0px 0px;
display:block;
}

pre{
	text-align:left;
	margin:0;
	padding:0;
}



/* 
########################################################################
Content - Styles --> waren vorher in der content.css
########################################################################
*/

/* 
########################################################################
Label - Styles
########################################################################
*/
.labelspannen {
	overflow:auto;
}
*html .labelspannen {
	overflow:auto;	
	float:left;
	display:inline;
	
}

.bestellvorgang_1 label {
	width:130px;
	padding:0;
	margin:0px 20px 0px 0px;
}

.bestellvorgang_1_teaser_box label {
	width:160px;
	padding:0;
	margin:0;
}

.login_content {
	width:140px;
}

.reg label {
	width:120px;
	padding:0;
	margin:0px 20px 0px 0px;
}


/* 
########################################################################
Table - Styles
########################################################################
*/
table {
	color:#000;	
	padding:0;
	margin:0;
}
thead {
	text-align:center;
	padding:0;
	margin:0;
}
th {
	padding-top:10px;	
}
tbody {

}
td {
	text-align:right;
	border-right:1px solid #fff;
	padding-right:20px;
	height:27px;
}

.register td {
	margin:0;
	padding:0;
	text-align:left;
	color:#012F7C;
	font-size:11px;
	border:none;
}
.register tr {
 height: 35px;
}
.register select {
	width:207px;
	border:1px solid #8D99A7;
}

.bestelldaten_3_thead td {
	background-color:#C6CEDB;
	color:#012F7C;
	text-align:left;
	border:none;
	width:333px;
	height:19px;
	font-weight:bold;
	font-size:11px;
	padding:5px 5px 5px 12px;
	border-bottom:3px solid #fff;
}
.bestelldaten_3_tbody td {
	background-color:#DCE5F4;
	color:#012F7C;
	text-align:left;
	border:none;
	font-weight:normal;
	font-size:11px;
	padding:5px 5px 5px 12px;
}
.bestaetigung_thead td {
	background-color:#C6CEDB;
	color:#012F7C;
	text-align:left;
	height:30px;
	font-size:11px;
	border:none;
	padding:5px 5px 5px 12px;
}
.bestaetigung_tbody td {
	background-color:#fff;
	color:#012F7C;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	padding:5px 5px 5px 12px;
}
.bestaetigung_tbody_tr {
	height:14px;
}
.bestellung_tbody td {
	background-color:#fff;
	color:#000;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	padding:0px 3px 5px 3px;
}
.bestellung_tbody_tr {
	height:14px;
}

.bestellung_tbody_tr_spacer {
	height:5px;
}
.stammdaten_tbody td {
	background-color:#DCE5F4;
	color:#012F7C;
	text-align:left;
	font-weight:normal;
	font-size:11px;
	padding:5px 5px 5px 12px;
}
.vorhandene_lieferadressen td {
	background-color:#DCE5F4;
	color:#012F7C;
	text-align:left;
	border:none;
	border-bottom:3px solid #fff;
	font-weight:normal;
	font-size:11px;
	padding:0px 5px 0px 12px;
	height:19px;
}
.kundenauftrag_thead td {
	background-color:#C6CEDB;
	color:#012F7C;
	font-size:10px;
	text-align:left;
	padding:2px;
	margin:0px 0px 0px 0px;
	height:16px;
	border-bottom: 3px solid #fff;
}
.kundenauftrag_thead th {
	background-color:#C6CEDB;
	color:#012F7C;
	font-size:10px;
	text-align:left;
	padding:2px;
	margin:0px 0px 0px 0px;
	height:16px;
	border-bottom: 3px solid #fff;
}
.kundenauftrag_tbody_dk td {
	background-color:#DCE5F4;
	color:#012F7C;
	font-size:10px;
	text-align:left;
	padding:5px;
	margin:0px 0px 0px 0px;
	border-bottom:2px solid #fff;
}
.kundenauftrag_tbody_hell td {
	background-color:#EAEEF7;
	color:#012F7C;
	font-size:10px;
	text-align:left;
	padding:5px;
	margin:0px 0px 0px 0px;
	border-bottom:2px solid #fff;
}

/* 
########################################################################
MainLink - Styles
########################################################################
*/
.main_back_link {
	background-color:#002E7A;
	color:#fff;
	width:229px;
	height:19px;
	padding:2px 0px 0px 11px;
	margin:0;
	font-weight:bold;
	float:right;
	font-size:11px;
}
* html .main_back_link {
	height:21px;
}
.main_back_link:hover {
	background-color:#000;
	color:#fff;
	width:229px;
	padding:2px 0px 0px 11px;
	margin:0;
	font-weight:bold;
}

.main_back_link a, .main_back_link a:link{
	background-color:#002E7A;
	color:#fff;
	width:229px;
	height:19px;
	margin:0;
	font-weight:bold;
	float:right;
	font-size:11px;
}

.main_back_link a:hover{
	background-color:#000;
	color:#fff;
	width:229px;
	height:19px;
	margin:0;
	font-weight:bold;
}
/* 
########################################################################
008 - Styles
########################################################################
*/
.bestellvorgang_1 {
	background-color:#EAF0FC;
	border-bottom:1px solid #fff;
	padding:5px;
	margin-right:0;
	font-size:11px;
}
.teaser_headline_008 {
	background-color:#C6CEDB;
	border-bottom:1px solid #fff;
	height:22px;
	width:229px;
	padding:7px 0px 0px 11px;
	margin-top:20px;
	font-weight:bold;
}
.bestellvorgang_1_teaser_box {
	background-color:#C6CEDB;
	border-bottom:1px solid #fff;
	width:229px;
	padding:1px 0px 0px 11px;
	margin:0;
	font-size:11px;
	font-weight:normal;
}
.bestellvorgang_1_teaser_box strong {
	font-size:11px;
}
.bestellvorgang_1_teaser_box_ausgabe_preise {
	text-align:right;
	padding-right:10px;
}
.gutschein_input {
	width:169px;
	height:14px;
	border:1px solid #8D99A7;
	background-color:#fff;
}
.gutschein_input:hover {
	width:169px;
	height:14px;
	border:1px solid #8D99A7;
	background-color:#EFEFEF;
}
.gutschein_go {
	border:0;
	padding:0;
	margin:0px 0px 0px 5px;
}
.gutschein_go:hover {
	border:0;
	padding:0;
	margin:0px 0px 0px 5px;
}
/* 
########################################################################
010 - Styles // Registrieren
########################################################################
*/

.headline_reg {
	background-color:#C6CEDB;
	border-bottom:3px solid #fff;
	height:22px;
	font-size:14px;
	font-weight:bold;
	padding:7px 0px 0px 12px;
	margin:0;
	width:688px;
}

.reg {
	background-color:#EAF0FC;
	border-bottom:10px solid #fff;
	padding:5px 5px 5px 12px;
	margin:0;
}
.login_input {
	width:200px;
	height:14px;
	border:1px solid #8D99A7;
	background-color:#fff;
}
.login_input:hover {
	width:200px;
	height:14px;
	border:1px solid #8D99A7;
	background-color:#fff;
}

.login_input_short {
    width:50px;
    height:14px;
    border:1px solid #8D99A7;
    background-color:#fff;
}
.login_input_short:hover {
    width:50px;
    height:14px;
    border:1px solid #8D99A7;
    background-color:#fff;
}

.login_input_middle {
    width:137px;
    height:14px;
    border:1px solid #8D99A7;
    background-color:#fff;
}
.login_input_middle:hover {
    width:137px;
    height:14px;
    border:1px solid #8D99A7;
    background-color:#fff;
}

.login_input_big {
    width:205px;
    height:22px;
    border:1px solid #8D99A7;
    background-color:#fff;
}
.login_input_big:hover {
    width:205px;
    height:22px;
    border:1px solid #8D99A7;
    background-color:#fff;
}

/* 
########################################################################
012 - Styles // u.a. Upload
########################################################################
*/

.upload {
	width:97px;
	height:16px;
	background-color:#002E7B;
	border:1px solid #7E9DBA;
	color:#fff;
	text-align:right;
}

/*
####################################
farben f�r die lieferfrist der auftr�ge
####################################
*/

/*standart*/
.lieferstati_1{
	background-color:#00CC00;
}

/*express*/
.lieferstati_2{
	background-color:#003366;
}

/*overnight*/
.lieferstati_3{
	background-color:#FF0000;
}

/*
#############################################################################
Added styles  
#############################################################################
*/

/*
#########################
Link hover pricelist
#########################
*/
.art_price:hover{
	color: #fff;
	background: #9ba9bf;	
}

.art_price a:hover{
	color: #fff;
}

/*
#############################################################
Sparcer for new line priceinformation on bestellung_daten.php
#############################################################
*/
.pricespacer{
	padding-left: 25px;
}

.redInfo{
    color:#f00;
}

.innerForm{
    font-size: 11px;
}

.forminfo{
    margin: 0 0 0 160px;
    padding: 0;
    font-size: 9px;
}

.forminfoSpacer{
    margin-right: 23px;
}
*+html .forminfoSpacer{
    margin-right: 27px;
}

.simpleFloatLeft{
    float: left;
    margin-right: 10px;
}

.simpleFloatRight{
    float: right;
    margin-left: 10px;
}

h1.aktionshead{
	padding: 0;
	margin: 0;
    font-size: 16px;
	color:#878787;
	height: 16px;
	letter-spacing:0.2em;
}