/* CSS Document */

* {
        font-size:11px;
        font-family: Verdana, Arial, sans-serif;
        color:#3c3c3c;
}

body {
        margin: 0; 
        padding: 0;
        font-size:11px;
        font-family: Verdana, Arial, sans-serif;
        background:url(/images/gallery/HGT/hintergrund.png) repeat-x;
        background-attachment: fixed;
        background-position: center center;	
        background-color:#d1e2f0;
}

.bg_content {
	background-color: #ffffff;
	width:1048px;
	padding: 0px;
	margin: 0px;
        background:url(/images/gallery/HGT/schatten.png) repeat-y;
}

.wrap {
        clear: both;
}

a {
        text-decoration:underline;
        font-size:11px;
}

a:visited {
        text-decoration:underline;
}

a:hover {
        text-decoration:underline;
}

.Ueberschrift_mittel{
        font-size: 14px;
        font-weight: bold;
        color: #666666;
        margin: 0 0 5px 0;
}

.rot{
        font-size: 12px;
        font-weight: normal;
        color: #ae0000;
}




a.articlePages_activeLink{
        text-decoration:none;
        color: #0066CC;
}

.text2{
	font-weight:bold;
	font-size:10px;
}

.text3{
	font-weight:bold;
	font-size:12px;
}

.text4{
	font-weight:bold;
	font-size:14px;
}

.text4_red{
	font-weight:bold;
	font-size:14px;
	color:#ae0000;
}

/* Logo und Kopfbild */

.header {
	background-image:url(/tpl/de/layout/Design2009/images/header.png);
	background-repeat:no-repeat;
        clear: both;
	height:80px;
	width:986px;
	margin: 0px 0 5px 0;
	padding: 0px 0px 0px 0px;
	verticl-align: middle;
}

#logo {
        float: left;
	height:44px;
	width:252px;
	padding: 18px 0px 0px 0px;
}


/* H1 steht als Titel jeder Seite */
H1 {
	font-size: 18px;
	font-weight: bold;
	color: #0055aa;
	letter-spacing: 1px;
	padding: 0px 0 10px 0;
	margin: 0px;
}

H2 {
	font-size: 16px;
	font-style: normal;
	font-weight: bolder;
	color: #0055aa;
	letter-spacing: 1px;
	margin: 0 0 10px 0;
}

H3 {
	font-size: 12px !important;
	font-style: normal;
	font-weight: bold;
	color: #0055aa;
	text-indent: 8px;	
	padding-top: 4px;	
	height: 17px;	
	background-color: #F5F5F5;	
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

hr {
  border: dotted #3399FF 1px;
  height: 1px;
  margin: 20px 0px;
}

.Linie {
  background: #3399FF;
  margin: 15px 0 10px 0;
  height: 1px;
  padding: 0px
}

p {
  font-size:12px;
  font-family: Verdana,sans-serif;
  color:#3c3c3c;
  padding: 0px 0px 8px 0px;
  margin: 0px;
  text-align: left;
  line-height: 150%; 
}

b {
	font-weight: bold;
}

p strong {
  font-family: Verdana, sans-serif;
  color:#3c3c3c;
  font-weight: bold;
  font-size:12px;
}

#main_column li{
  font-size:12px;
  font-family: Verdana,sans-serif;
  color:#3c3c3c;
  text-align: left; 
  padding: 0px 0 3px 0;
}

a.prod_link{
	text-decoration:none;
	font-weight:bold;
	font-size:12px;
}

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

/* Top-Menü-Balken */
#topmenu { 
        text-align: right;
	background:url(/images/gallery/HGT/top_menu_bg.png) no-repeat;
        height:24px;
        width: 990px;
	margin:0; 
	padding:0; 
}

#topmenu_bottom { 
        text-align:left;
	background:url(/images/gallery/HGT/top_menu_bg2.png) no-repeat;
        height:19px;
        width: 990px; 
	margin:0; 
	padding:0; 
}


#breadcrumbs {
	font-size:11px;
	font-family: Verdana, Arial, sans-serif;
	color:#666666;
	padding: 2px 0 0 12px;
	margin: 0px 0 0 0px;
	text-decoration: none;
}

#breadcrumbs a {
	text-decoration: none;
}

#breadcrumbs a:hover{
	text-decoration: underline;
}

#suchen {
        float: left;
        padding: 2px 0 0 12px;
}

.erw_suche{ 
	margin-left: 10px; 
	padding:0; 
} 

.erw_suche a {
        text-decoration:none;
        font-weight:bold;
	font-size:11px;
        color:#fff;
}

.erw_suche a:visited {
        color:#FFFFFF;
        text-decoration:none;
}

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

.erw_suche a.active {
        text-transform:uppercase;
        text-decoration:none;
}



/* Top-Menü-Links */
.menu { 
        float: right;
        display: inline;
        text-align: right;
	margin:0; 
	padding:0; 
	list-style:none; 
} 

.menu li { 
        text-align:left;
	float:left; 
	margin:0; 
	padding:0;
}


.menu li { 
        text-align:left;
	float:left;  
	margin:0; 
	padding:0; 
}

.menu a {
        display:block;
        padding:5px 15px 4px 12px;
        text-decoration:none;
        font-weight:bold;
        font-size:11px;
        color:#fff;
}

.menu a:visited{
        color:#FFFFFF;
        text-decoration:none;
}

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

.menu a:focus{
	text-transform:uppercase;
	text-decoration:none;
}

.menu li.active a { 
	text-transform:uppercase;
	text-decoration:none;
}


/* Links der Kategorie-Bilderübersichten */
a.cat_link {
	  text-decoration:none;
	  font-weight:bold;
	  font-size:11px;
	  color:#0055aa;
	  text-align: center;
}

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

.cat_name {
	  text-align: center; 
	  padding: 0 3px 20px 3px !important;
}



/* Bereich unterhalb des Headers */

#left_column {
        float: left;
        text-align:left;
        width:190px !important; 
	margin-left:29px;
}

#main_column {
        float: left;
        text-align:left;
	padding: 20px 20px 15px 20px;
	width:570px;
}

#main_column_order {
        float: left;
        text-align:left;
	padding: 20px 20px 15px 20px;
	width:760px;
}

#right_column {
        float: left;
	width:190px !important;
	margin-right:29px;
}




/* Die Boxen-Darstellung */

.box {
	float: left;
        margin-top:10px;
}

.box .header {
	padding: 0px 0 0 0;
	margin: 0px 0 0px 0;
	width: 190px;
	height:22px;
	background-image:url(/images/gallery/HGT/box_header.png);
	background-repeat:no-repeat;
}

.footer_box {
	height:10px;
	background-image:url(/images/gallery/HGT/box_footer.png);
	background-repeat:no-repeat;
	width: 190px;
}

.header h2 {
	text-align:left;
	padding: 2px 0 0 10px;
	margin: 0px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
}

.header h2 a{
	text-align:left;
	padding: 2px 0 0 10px;
	margin: 0px;
	color:#FFF;
	font-size:14px;
	font-weight:bold;
        text-decoration:none;
}

.box .content {	
	text-align:left;
	font-size:11px;
	font-weight:normal;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #F5F5F5;
	margin-top:0px;
	margin-left:0px;
	padding: 10px 0px 5px 0px;
	overflow: hidden;
	width: 188px !important;
}

.box .content2 {	
	text-align:left;
	font-size:12px;
	font-weight:bold;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #F5F5F5;
	margin-top:0px;
	margin-left:0px;
	padding: 0px 0px 10px 0px;
	width: 188px !important;
}




/* Menü left */

.left_menu {
	width:188px;
	list-style: none;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif;
}

.left_menu ul {
	list-style: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

.left_menu li {
	text-align:left;
	border-top: 1px solid #ccc;
	margin: 0;
}

.left_menu li a {
	display: block;
	padding: 4px 3px 4px 15px;
	background-color: #F5F5F5;
	color: #003366;
	text-decoration: none;
	width:auto;
}

.left_menu li.level1 a:hover {
	background-color: #0066CC;
	font-weight: bold;
	color: #fff;
}

.level1active a{
	font-weight: bold;
	background-color: #0066CC !important;
	color: #ffffff !important;
}

.level1active a{
	font-weight: bold;
	background-color: #0066CC !important;
	color: #ffffff !important;
}

.level2active a{
	font-weight: bold;
}

.level3active a{
	font-weight: bold;
}
.level4active a{
	font-weight: bold;
}

.left_menu li.level2{
	border-top: 1px solid #B3D9FF;
}

.left_menu li.level2 a {
	text-align:left;
	padding: 4px 0px 4px 15px;
	background-color: #d1e2f0;
	width: auto;
}

.left_menu li.level2 a:hover {
	font-weight: bold;
	color: #003366;
}

.left_menu li.level3{
	border-top: 1px solid #CEE7FF;
}

.left_menu li.level3 a {
	text-align:left;
	padding: 3px 0px 3px 20px;
	background-color: #E8F3FF;
	width: auto;
	border-top: 1px solid #eee !important;
}

.left_menu li.level3 a:hover {
	font-weight: bold;
	color: #003366;
}

.left_menu li.level4{
	border-top: 0px solid #eee;
}

.left_menu li.level4 a {
	text-align:left;
	padding: 3px 0px 3px 25px;
	background-color: #F4FAFF;
	width: auto;
	border-top: 0px solid #eee !important;
}

.left_menu li.level4 a:hover {
	font-weight: bold;
	color: #003366;
}










/* Inhaltsbereich und Artikelbeschreibung */







.categorie_navigator{
        text-align:left;
        margin: 0 auto;
}

.categorie_navigator img{
        filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity: 0.7;
	opacity: 0.7;
}

.categorie_navigator img:hover{
        filter:alpha(opacity=100);
	-moz-opacity:1;
	-khtml-opacity: 1;
	opacity: 1;
}


.page_nav_out{
        text-align:center;
        margin: 0px auto;
        padding: 0px;
        width:570px;
 }

 
.page_nav{
        float:right;
        margin: 0;
        padding: 4px 10px;
}

.page_nav a{
        text-decoration:none;
        font-weight:bold;
        font-size:12px;
}

.page_nav a:hover{
        color:#0066cc;
}

.article_list_header{
        width:570px;
        height:25px;
        padding-top:3px;
        margin-top:5px;
        margin-bottom:15px;
        background-color:#F5F5F5;
        border:solid 1px #0066cc;
}

.articlePages_Link{
        text-decoration:none;
}

.articlePages_activeLink{
        text-decoration: none;
        color:#0066cc;
        font-weight:bold;
}

.articleorder{
        float:left;
        padding: 2px 0 0 8px;

}

.kleine_Bilder_Container{
        margin: 10px 0 0 0px;
        padding: 0px;
        border-collapse: collapse;
 }

.kleine_bilder{
        padding:5px;
        border: solid #ccc 1px ; 
}



.nur {
        font-family: arial;
        font-size: 18px;
        letter-spacing: 1px;
        color:#ae0000;
        font-weight: normal;
        padding: 0 3px 6px 0 !important;
}

.Price {
  font-family: arial;
  font-weight: bold;
  font-size:20px;
  color:#ae0000;
  letter-spacing: 1px;
  padding: 0 0 6px 0 !important;
}

.Price_alt{
  font-family: arial;
  font-weight: bold;
  font-size:18px;
  color:#000000;
  letter-spacing: 1px;
  text-decoration: line-through;
}


.Price_Rabatt{
  font-family: arial;
  font-weight: bold;
  font-size:20px;
  color:#ae0000;;
  letter-spacing: 1px;
}


.lieferbar{
  padding: 5px 0px 0 0 !important;
  margin: 0;
}

.lieferbar_icon{
  display:inline-block;
  padding: 1px 0 0 8px !important;
  vertical-align: baseline;
  margin: 0;
}


.artikel_warenkorb_zelle{
  padding: 10px 0 5px 0;
  vertical-align: middle;
}




/* Warenkorb rechte Spalte */
.warenkorb{
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  padding: 15px 0 10px 15px;
  width: 157px;
}

.warenkorb_button{
  padding: 4px 0 15px 5px;
  background: url(/images/gallery/HGT/warenkorb.png) no-repeat;
  margin: 0 0 0 15px;
  height: 21px;
  width: 160px;
  color: #fff;
}

.warenkorb_button a{
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}

.warenkorb_button a:hover{
  color: #fff;
  text-decoration: underline;
}

#warenkorb_artikel{
  float: left;
}

.login{
  font-family: Verdana, Arial;
  font-size: 12px;
  font-weight: bold;
  padding: 15px 0 10px 15px;
}

.logout{
  height: 19px;
  width: 157px;
  font-weight: bold;
  padding: 2px 0 15px 5px;
  margin: 0 0 0 15px;
  background: url(/tpl/de/layout/Design2009/images/logout.png) no-repeat;
  color: #fff;
}

.logout a{
  color: #fff; 
  text-decoration: none;
}

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

#warenkorb_summe{
  text-align: right;
}

.kasse{
  font-family: Verdana, Arial;
  font-size: 11px;
  font-weight: bold;
  text-decoration: none;
  color:#FFFFFF;
  margin: 0 0 0 0px; 
  padding: 0px;
}

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





/* Fußbereich */

.footer {
  	text-align:center;
        font-size:12px;
        font-weight:bold;
	color:#006699;
	padding-top:10px;
	margin-top:20px;
        border-top:1px dotted #006699;
        width:990px;
}

.partner_out {
	padding: 0px;
  	width: 990px;  
}

.partner {
  padding: 2px 0px;
}

.mittig{
  text-align: center;
  vertical-align: middle;
  padding: 10px;
}


a.tag_6 {
        color:#0055aa;
        display:inline;
        font-size:10px;
        text-decoration:none;
}

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

a.tag_5 {
        color:#0055aa;
        display:inline;
        font-size:12px;
        font-weight:bold;
        text-decoration:none;
}

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

a.tag_4 {
        color:#0055aa;
        display:inline;
        font-size:14px;
        font-weight:bold;
        text-decoration:none;
}

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

a.tag_3 {
        color:#0055aa;
        display:inline;
        font-size:16px;
        font-weight:bold;
        text-decoration:none;
}

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

a.tag_2 {
        color:#0055aa;
        display:inline;
        font-size:18px;
        font-weight:bold;
        text-decoration:none;
}

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

a.tag_1 {
        color:#0055aa;
        display:inline;
        font-size:20px;
        font-weight:bold;
        text-decoration:none;
}

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

/* Hinweistexte oder Ergebnisausgaben werden in diesen Boxen platziert */

.plenty_horizontal_bar {
	width:99%; 
	margin: 4px 0px 4px 0px;
	padding:0px;
	border: 2px solid #dfdfdf; 
	background-color:#f8f8ff;
	text-align:left;
	vertical-align:middle;
}

.plenty_horizontal_bar div {
	padding: 0 0 4px 8px;
}

.plenty_horizontal_bar h2 {
	color:#D2D1D7;
	font-weight:normal;
}


/* TinyMCE specific rules */
body.mceContentBody {
  background: #FFF;
}

.uvp_pr {
font-size: 20px; 
font-family: arial; 
font-weight: bold;
 letter-spacing: 1px;
}
.uvp_pr strike{
font-size: 20px; 
font-family: arial; 
font-weight: bold;
 letter-spacing: 1px;
}