/* telesma-verlag.de , design.css
  # (c)2008 Stephan Fischer, fischer-development.de
  #  Letzte Änderung: 05.03.2008
  # Farbdefinition
  # Hintergrund body: 		#E8E8F9  (helles lila)
  # Hintergrund content:	#DCDCF5  (dunkles lila)
  # Hintergrund a hover:	#8C9DB5
  # Schrift:				#666666
 
*/

*{ margin: 0; padding: 0;  }
html{ width: 100%; height: 100%;}
body{font-family:Arial, Helvetica, sans-serif; font-weight: normal; color: #666666; background-color: #E8E8F9; font-size: 12px;text-align: left;}

table, h3, h4, ul { margin-bottom: 10px;}
p { margin-bottom: 10px;}
blockquote p{ margin-left: 20px;}
strong, b{ font-weight: bold;}
img{ border:none;}
h1{ color: #666666; font-size: 12px; font-weight: bold; margin-bottom: 10px;}
h2, h3, h4{ color: #666666; font-size: 12px; font-weight: bold; margin-bottom: 6px;}
h2 a, h3 a, h4 a{font-weight: bold;}
a{color: #666666; text-decoration: underline; }
a:hover, a.activ{color: #666666}
a:focus, input:focus { outline: none !important; }	
ul{list-style-type: none;}
input, textarea, select {border: 1px solid #666; margin: 0 0 3px 0;}
input, textarea { padding: 2px;}
a.pdf {background: url('/buchversand/media/images/layout/pdf.gif') left top no-repeat; padding: 0 0 2px 20px; line-height: 30px;}
a.audio {background: url('/buchversand/media/images/layout/audio.png') left top no-repeat; padding: 0 0 2px 20px; line-height: 30px;}
img.align_left_20px_Abstand {margin-right: 20px; margin-bottom: 20px;}

/* needfull helpers */
.floatleft{float: left;}
.floatright{float: right;}
.center{ text-align:center;}
.textright{ text-align:right;}
.textleft{ text-align: left;}
.clear{ clear: both; height:0px;}
.dist100{display:block; float: left; width:50px;}
.hint {font-size: 10px;}
.err {font-weight: bold; color: red;}
div.content {padding: 0 20px 0 0;}

/* HauptContainer */
#wrapper{ width:955px; margin: 20px auto 0; background-color: #DCDCF5; position: relative; top: 0px; left: 0px;}
#header{ height: 200px; background: url('/proto/images/bg_header.gif') 0px 0px no-repeat; position: relative; top: 0px; left: 0px;}
#navtop {z-index: 20;}
#footer{ height: 36px;  background: url('/proto/images/bg_footer.gif') 0px 0px no-repeat; position: relative; top: 0px; left: 0px; overflow: hidden; }


/* Standardseite 2 Spalten*/
#body2_standard{ min-height:320px; background: url('/proto/images/bg_navleft.gif') 0px 0px repeat-y; position: relative; top: 0px; left: 0px; overflow: hidden; z-index: 10;} 
#body2_standard .col1{ width: 159px; margin: 0 0 0 126px; text-align: left; float:left; position: relative; top: 0px; left: 0px;}
#body2_standard .col2{ width: 502px; height: 292px; margin: 20px 20px 0 20px; text-align: left; float:left; position: relative; top: 0px; left: 0px; overflow: auto;} 
/*
#body2_standard .col2{ width: 502px; margin: 20px 20px 0 20px; text-align: left; float:left; position: relative; top: 0px; left: 0px;}
*/

/* Newsbox */

#newsbox {padding: 10px; margin: 10px 0 0 600px; width: 290px; height: 154px;  border: 1px solid rgb(102, 102, 102); background-color: rgb(232, 232, 249); position: absolute; top: 0px; left: 0px; overflow: auto;}
#newsbox h2 {font-weight: bold;}
#newsbox ul {list-style-type: square; padding-bottom: 10px;}
#newsbox ul li {padding: 0; margin: 0 0 8px 15px;}

/* Warenkorbbox */
.warenkorbbox { position: absolute; top: 20px; left: 830px; width: 115px;}
.warenkorbbox h3, .warenkorbbox p {font-size: 11px;}

/* Warenkorb */
.cart table td {vertical-align: top;}
.checkout {padding: 0 20px 0 0 ;}
.checkout h2 {font-weight: bold; margin: 10px 0 5px 0;}
.checkout ul li {margin: 0 0 10px 0;}

/* Produktliste */
.product_list {padding: 0 20px 20px 0 ;}
.product {margin: 0 0 20px 0 ; overflow: hidden;}
.product .text_price { margin: 10px 0 0 0 ;}


/* Formular */
.button { padding: 0px 2px; background: transparent; border: 1px solid #666666; font-size: 11px; font-family:Arial, Helvetica, sans-serif; cursor: pointer;}
.content_right { text-align: right; }

/* copyrights */
.remarks {padding: 10px 0; text-align: right; margin: 0 auto; width: 955px; color: #bbb;}
.remarks a {font-size: 10px; color: #bbb;}

/* NAVIGATION */
#navtop {padding: 0 0 0 105px; }
#navtop .navtop_bg {background-color: #666;}
#navtop ul.level1 {width: 740px; margin: 0; padding: 0; z-index:100; overflow: hidden;}
#navtop ul.level1 li {margin: 2px 0 2px 6px; color: #FFFFFF; float: left; overflow: visible; zoom: 1;}
#navtop ul.level1 li a {display: block; padding: 2px 5px 2px 5px; margin: 0; font-weight:bold; color: #FFFFFF; text-decoration: none;}
#navtop ul.level1 li a:hover,#navtop ul.level1 li.active a {display: block; padding: 2px 5px 2px 5px; margin: 0; font-weight: bold; color: #FFFFFF; background-color: #8C9DB5; }

#navtop ul.level2 {padding: 18px 0 0 0; width: 160px; margin: 37px 0 0 -4px; background: url('/proto/images/bg_navleft_ul.gif') 0px 0px no-repeat; overflow: hidden; position: absolute; top: 0px; left: 0px; z-index:200}
#navtop ul.level2 li { height: 23px; padding-top: 3px; margin: 0; color: #FFFFFF; background: url('/proto/images/bg_navleft_li.gif') 0px 0px no-repeat; float: none;}
#navtop ul.level2 li a {display: block; margin: 0 0 0 16px; padding: 2px 2px 2px 2px; font-weight:bold; color: #666666; text-decoration: none; }
#navtop ul.level2 li a:hover, #navtop ul.level2 li.active a {display: block; margin: 0 0 0 16px; padding: 2px 2px 2px 2px; color: #FFFFFF; background-color: #8C9DB5; }

.col1 ul {padding: 0 0 0 0; display: block; overflow: hidden; background: url('/proto/images/bg_navleft_ul.gif') 0px 0px no-repeat; position: relative;}
.col1 ul li { padding: 3px 0; color: #FFFFFF; border-bottom: 1px solid #8c9db5; background: url('/proto/images/bg_navleft_li.gif') 0px 0px repeat-y; position: relative; }
.col1 ul li a {display: block; margin: 0 0 0 12px; padding: 2px 0px 2px 4px; font-weight:bold; color: #666666; text-decoration: none; position: relative; }
.col1 ul li a:hover, .col1 ul li.active a {display: block; margin: 0 0 0 12px; padding: 2px 0px 2px 4px; color: #FFFFFF; background-color: #8C9DB5; position: relative; }

#footer ul.group1 {margin: 0 0 0 130px; overflow: hidden; float: left;}
#footer ul.group1 li a {color: #FFF;}

#footer ul.group2 {margin: 0 0 0 80px; overflow: hidden; float: left;}
#footer ul li {margin: 3px 0 0 6px; color: #FFFFFF; float: left;}
#footer ul li a {display: block; padding: 2px 5px 2px 5px; font-weight:bold; color: #666666; text-decoration: none;}
#footer ul li a:hover {display: block; padding: 2px 5px 2px 5px; color: #666666; background-color: #8C9DB5; }