/*****************************************************
CSS-File für DOD-Website
agindo interaktives marketing 2006
Stand: 25.9.2006
*******************************************************/

/*******************************************************
TAGS
******************************************************/

body, html {
	margin: 0px;
	padding: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 100%;
	background-image: url(../images/orderform2/background.jpg);
	background-attachment: fixed;
	background-color: #EEEEEE;
	background-repeat: repeat-x;
	background-position: left top;
}

input
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px
}

select
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}

textarea
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}


img {
	border: 0px solid #017059;
}


/*******************************************************
Klassen
******************************************************/

.mitte {
	min-height: 94%;
	width: 744px;
	margin-left: auto;
	margin-right: auto;
	background-color: #FFFFFF;
}

* html .mitte {
	height: 94%;
}

.top {
	padding-top: 25px;
	float: left;
	background-color: #FFFFFF;
}

.lang {
	float: right;
	margin-top: -40px;
}

* html .lang {
	margin-top: -30px;
}

.lang a {
	margin-right: 10px;
}

.ebooks {
	float: right;
	margin-top: -40px;
}

.flags {
	float: right;
	width: 58px;
	margin-top: 30px;
	margin-left: 58px;
}

.menu {
	margin-top: 25px;
	background-image: url(../images/orderform2/menu_bg.jpg);
	background-repeat: repeat-x;
	float: left;
	height: 35px;
	overflow: hidden;
	width:570px;
	padding-top: 15px;
}

.menu td
{
	vertical-align:text-bottom;
}


.menu_left
{
	margin-top: 25px;
	background:url(../images/orderform2/menu_left.jpg);
	background-repeat:no-repeat;
	height:36px;
	width:14px;
	float: left;
	overflow: hidden;

}

.menu_right
{
	margin-top: 25px;
	background:url(../images/orderform2/menu_right.jpg);
	background-repeat:no-repeat;
	height:36px;
	width:14px;
	float: left;
}


.menu a {
	margin-right: 15px;
}

.menu a:hover
{
	text-decoration:none;
}

.teaser {
	float: right;
}

* html .teaser {
	height: 235px;
	overflow: hidden;
}

.container {
	float: left;
	width: 724px;
	padding: 10px;
	border-top: 1px solid #D9D9D9;
	background-color:#ffffff;
}

.content {
	width: 485px;
	float: left;
	padding: 1px;
}

.content #detail
{
	background-image: url(../images/orderform2/pfeil_detail.jpg);
	background-position:left center;
	background-repeat:no-repeat;
}

.content #clearPadding
{
	background-image: url(../images/orderform2/pfeil_detail.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 24px;
}

.pricing_detail_second
{
	float:right;
	border-left: 1px solid #0170BD;
	padding: 10px 12px 10px 12px;
	text-align:center;
}

.pricing_detail_first
{
	float:left;
	padding: 10px 12px 10px 10px;
}


.content #header
{
	padding-top: 5px;
	padding-bottom: 10px;
}


/*******************************************************
Klassen; Infobox 
******************************************************/

.infobox {
	width: 230px;
	float: left;
}

.infobox_header
{
	padding: 10px 0px 0px 8px;
	font-weight: bold;
}

.infobox #bottom
{
	background-image: url(../images/orderform2/infobox_bottom.jpg);
	background-repeat:no-repeat;
	height: 23px;
	width: 226px;
	overflow: hidden;
}

.infobox#padleft {
	margin-left: 11px;
}

.infobox #top {
	background-image: url(../images/orderform2/infobox_top.jpg);
	background-repeat:no-repeat;
	height: 23px;
	width: 218px;
	overflow: hidden;
}

.infobox #x  {
	padding: 7px;
}

.infobox #content_main {
	padding: 7px;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	width:210px;
}

.infobox #content_sub {
	padding: 7px;
	border-top: 1px solid #DFDFDF;
	border-left: 1px solid #DFDFDF;
	border-right: 1px solid #DFDFDF;
	background-color: #FFFFFF;
	width:210px;
}

.infobox #content {
	padding: 7px;
}


.infobox_entry  {
	border-bottom: 1px solid #DFDFDF;
	background-image: url(../images/orderform2/infobox_pfeil.jpg);
	background-repeat: no-repeat;
	background-position: left;
	padding: 7px 0px 6px 20px;
}

.infobox #content_main .infobox_entry {
	background-image: url(../images/orderform2/infobox_pfeilr.jpg);
}

.infobox #content_sub .infobox_entry {
	background-image: url(../images/orderform2/infobox_pfeilgrau.jpg);
}

.infobox_entry#last {
	border-bottom: 0px solid #DFDFDF;
}



.infobox_entry a {
	font-weight: normal;
	color: #000000;
	text-decoration: none;
}

.infobox_entry a.aktiviert {
	font-weight: bold;
}

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

.infobox#sidemenu {
	width: 220px;
	margin-left: 10px;
}

* html .infobox#sidemenu {
	margin-left: 15px;
}

.infobox select {
	float: left;
}

.infobox select, .infobox option {
	background-color: #E0ECF7;
}


/*******************************************************
Klassen; Farben und Links
*******************************************************/

.grau {
	color: #505050;
	font-weight: bold;
}

.hellgrau {
	color: #A3A3A3;
}

.paymentOption {
	border: thin;
	border-bottom-style: solid;
	border-color: #E0ECF7;
	border-left-style: solid;
	border-right-style: solid;
	border-top-style: solid; 
	padding-left:5px;
	padding-right:5px;	
	padding-top:5px;
	padding-bottom:5px;
}

.orange {
	color: #F38003;
	font-weight: bold;
}

.blau {
	color: #0170DB;
	font-weight: bold;
}

.schwarz {
	color: #000000;
	font-weight: bold;
}

.rot {
	color: #7D0004;
	font-weight: bold;
}



a {
	color: #0170DB;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	text-decoration: underline;
}

a.orange:hover {
	text-decoration: none;
}



/*******************************************************
Klassen; Fu�zeile
*******************************************************/

.footer {
	width: 716px;
	margin-left: auto;
	margin-right: auto;
	padding: 14px;
	background-color:#ffffff;
}

 * html .footer {
	width: 724px;
	padding: 12px;
}

.footer #line
{
	border-bottom: 1px solid #D9D9D9; 
	float:none;
}

.footer #mid {
	float:left; 
	padding: 10px 5px 5px 190px;	
	font-size: 10px;
	color: #838383;
}

.footer #right {
	float:right; 
	padding: 5px 5px 5px 5px;
}

.footer #left{
	float:left; 
	padding: 5px 5px 5px 5px;
}

.footer a {
	text-decoration: underline;
	color: #838383;
}

.footer a:hover {
	text-decoration: none;
}

/*******************************************************
Klassen: Shop
******************************************************/

.shop_bottom {
	background-image: url(../images/orderform2/content_footer.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	width: 462px;
	overflow:hidden;
	padding: 0px 12px 3px 12px;
	height: 25px;
}

.shop_bottom a:hover {
	text-decoration: none;
}

.shop_top {
	background-image: url(../images/orderform2/content_header.jpg);
	background-repeat:no-repeat;
	background-position:top;

	overflow:hidden;
	width: 486px;
	height: 7px;
}

.shop_subtop {
	width: 460px;
	padding: 10px 12px 10px 12px;
	border-left: 1px solid #0170BD;
	border-right: 1px solid #0170BD;

}
.shop {
	width: 460px;
	padding: 10px 12px 10px 12px;
	border-right: 1px solid #0170BD;
	border-left: 1px solid #0170BD;
	border-bottom: 1px solid #0170BD;
}

.shop hr {
	margin-left: -12px;
	margin-right: -12px;
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #D9D9D9;
}

shoptable_center
{
	text-align:center;
	vertical-align:middle;
}

shoptable_top
{
	text-align:left;
	vertical-align:top;
}

* html .shop hr {
	width: 482px;
}


.shoptable {
	border: 1px solid #D9D9D9;
	padding: 1px;
	width: 482px;
}


.shoptable a.grau {
	text-decoration: underline;
}

.shoptable a.grau:hover {
	text-decoration: none;
}
.shoptable#list {
	padding: 10px;
	width: 464px;
	line-height: 18px;
}

.shoptable#list a {
	color: #515151;
	font-weight: normal;
	text-decoration: underline;
}

.shoptable#list a:hover {
	text-decoration: none;
}

.shoptable_td_pricing
{
	vertical-align:bottom;
	text-align:right;
}

.shoptable_td_details
{
	vertical-align:top;
	text-align:left;
}

.shoptable_td_details td
{
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}

.shoptable_td_details td#text
{
	font-weight:normal;
	padding-left:5px;
}


.shoplist
{
	border-bottom:	1px dotted #0170BD;
	padding: 20px,0px,20px, 0px;
}

.shoplist_last
{
	padding: 20px,0px,20px, 0px;
	border:	none;
}

/******* Buttons ********/
.button_left
{
	background:url(../images/orderform2/button_right.jpg);
	background-repeat:no-repeat;
	height:25px;
	width:20px;
	float: right;
}

.button_right
{
	background:url(../images/orderform2/button_left.jpg);
	background-repeat:no-repeat;
	height:25px;
	width:20px;
	float: right;
}

.button_inner
{
	background-image: url(../images/orderform2/button_inner.jpg);
	background-repeat:repeat-x;
	background-position:left top;
	height:25px;
	text-align:center;
	float: right;
}

.button_inner td
{
	color:#FFFFFF;
	vertical-align:middle;
	text-align:left;
	font-weight:bold;
}

.moneybox_right
{
	float:right;
	border-left: 1px solid #0170BD;
	padding: 10px 12px 10px 12px;
}

.moneybox_left
{
	float:left;
	border-left: 1px solid #0170BD;
	padding: 10px 12px 10px 12px;
}

.shop #orderlist_header
{
	border-top: none;
	font-weight:bold;
}

/********************* Order Liste ***************************/
.orderlist
{
	font-size:9px;
	font-weight:normal;
	border-top:  1px solid #D9D9D9;
	padding-bottom: 5px;
	padding-top: 5px;
	padding-left: 5px;
}

.orderlist_detailbox
{
	display:none;
	background:#F8F8F8;
	border-top: 1px dotted #D9D9D9;
	padding-top:5px;
	padding-bottom:5px;
	padding-left: 5px;
	padding-right: 5px;
	overflow:hidden;
}

.orderlist_detailbox_close
{	
	float:right;
}

.orderlist_detailbox_close:hover
{	
	cursor:pointer;
}

.orderlist_detailbox a
{
	font-weight:normal;
	color: #0170BD;
	text-decoration: underline;
}

.orderlist_detailbox a:hover 
{
	text-decoration: none;
}

.orderlist_detailbox table #firstColumn
{
	width:120px;
}

.orderlist_detailbox table #secondColumn
{
	width:200px;
}

.orderlist a
{
	color: #0170BD;
	text-decoration: underline;
}

.orderlist a:hover 
{
	text-decoration: none;
}

.orderlist table #firstColumn
{
	width:81px;
}

.orderlist table #secondColumn
{
	width:81px;
}

.orderlist table #thirdColumn
{
	width:70px;
}

.orderlist table #fourthColumn
{
	width:94px;
}

.orderlist table #fithtColumn
{
	width:50px;
}