/* CSS für Hemme-Onlineshop */
/* ########## Gemeinsame Schriftart: ########## */
h1,h2,h3,h4,h5,p,div,td,th,b,i,ul,input,select,textarea,.logintext,a  {
font-family: Arial,Verdana, "sans-serif";
}

body {
background-color: #F0F0F0;
margin-height: 0px;
margin-width: 0px;
margin-top: 0px;
margin-left:0px;
margin-right: 0px;
margin-bottom: 0px;
	
 }

/* ########## TEXT-SEITEN: ########## */
/*#content_container, #index_container h1 { font-size:18px; font-weight:bold; color:#000000; } */
h1 { font-size:18px; font-weight:bold; color:#000000; }
h2 { font-size:16px; font-weight:bold; color:#000000; }
h3 { font-size:14px; font-weight:bold; color:#000000; }
h4 { font-size:12px; font-weight:bold; color:#000000; }
h5 { font-size:20px; font-weight:bold; color:#000000; }
h4_blau { font-size:13px; font-weight:bold; color:#0033AA; }
p.h1_rot { font-size:18px; font-weight:bold; color:#c1272d; }


p { font-size:13px;  color:#000000;}
td.blau_b { font-size:13px; font-weight:bold; color:#0033AA; }


/* ########## FORMULARE: ########## */

text,input.submit,select,textarea {
color: #000000;
background-color: #FFFFFF;
border-color: #99ccff;
border-style: solid;
border-width: 1px;
font-size: 11px;
padding: 0 0 0 2;
}

.feld {
color: #000000;
background-color: #FFFFFF;
border-color: #99ccff;
border-style: solid;
border-width: 1px;
font-size: 13px;
padding: 3 3 3 3;
}


input.button {
color: #A00020;
background-color: #FFFFFF;
border-color: #989898;
border-style: outset;
border-width: 1px;
font-size: 11px; }

input.image {
border-width: 0px;
}

/* Listenelemente: */
ul { list-style-type: disc; 
font-size: 13px; 
font-style: normal; 
font-weight: normal;
color:#000000;
}

li {
padding-bottom: 2px;
}

/* ########## NAVIGATION: ########## */
/* gemeinsame LINK-Eigenschaften: */
a { font-weight: normal; text-decoration: none; font-size: 13px; }
a:link {
	color: #0033AA;
 }
a:active {
	color: #0033AA;
 }
a:visited {
	color: #0033AA;
 }
a:hover {
color: #0033AA;
text-decoration: underline; 
 }
 

a.klein { font-weight: normal; text-decoration: none; font-size: 11px; }
a.klein:link {
	color: #0033AA;
 }
a.klein:active {
	color: #0033AA;
 }
a.klein:visited {
	color: #0033AA;
 }
a.klein:hover {
color: #0033AA;
text-decoration: underline; 
 }

a.klein_a { font-weight: normal; text-decoration: none; font-size: 11px; }
a.klein_a:link {
	color: #c1272d;
 }
a.klein_a:active {
	color: #c1272d;
 }
a.klein_a:visited {
	color: #c1272d;
 }
a.klein_a:hover {
color: #c1272d;
text-decoration: underline; 
 }
 
a.nav_shop, a.nav_shop_a {
font-weight: bold;
text-decoration: none;
font-size: 11px;
margin-left: 20px;
} 
a.nav_shop:link {
color: #FFFFFF;

}
a.nav_shop:active {
color: #FFFFFF;
}
a.nav_shop:visited {
color: #FFFFFF;
 }

a.nav_shop:hover {
color: #0033AA;
text-decoration: none; 
 }
 
a.nav_shop_a:hover, a.nav_shop_a:link {
color: #0033AA;
text-decoration: none; 
 } 
 
a.nav { font-weight: bold; text-decoration: none; font-size: 14px; } 
a.nav:link {
color: #0033AA;

}
a.nav:active {
color: #0033AA;
}
a.nav:visited {
color: #0033AA;
 }

a.nav:hover {
color: #99ccff;
text-decoration: none; 
 }


a.nav_a { font-weight: bold; text-decoration: none; font-size: 14px; } 
a.nav_a:link {
color: #c1272d;
}
a.nav_a:active {
color: #c1272d;
}
a.nav_a:visited {
color: #c1272d;
 }
a.nav_a:hover {
color: #c1272d;
text-decoration: none;
 }
 
a.nav_titel { font-weight: bold; text-decoration: none; font-size: 16px; }
a.nav_titel:link {
	color: #0033AA;
 }
a.nav_titel:active {
	color: #0033AA;
 }
a.nav_titel:visited {
	color: #0033AA;
 }
a.nav_titel:hover {
color: #0033AA;
text-decoration: underline; 
 }
       
/* ########## TABELLE: ########## */
td {
font-weight: normal;
font-size: 13px;
color: #000000; }

td.logintext {
font-weight: normal;
font-size: 11px;
color: #000000; }

th {
text-align: left;
font-weight: bold;
font-size: 13px;
color: #000000; }

table.bgcolor1 {
background-color: #F0F0F0; }
tr.bgcolor1 {
background-color: #F0F0F0; }
td.bgcolor1 {
background-color: #F0F0F0; }

table.bgcolor2 {
background-color: #FFFFFF; }
tr.bgcolor2 {
background-color: #FFFFFF; }
td.bgcolor2 {
background-color: #FFFFFF; }

table.bgcolor3 {
background-color: #B6C8E6; }
tr.bgcolor3 {
background-color: #B6C8E6; }
td.bgcolor3 {
background-color: #B6C8E6; }

table.bgcolor4 {
background-color: #333399; }
tr.bgcolor4 {
background-color: #333399; }
td.bgcolor4 {
background-color: #333399; }

table.bgcolor5 {
background-color: #99ccff; }
tr.bgcolor5 {
background-color: #99ccff; }
td.bgcolor5 {
background-color: #99ccff; }

table.blau {
background-color: #0033AA; }
tr.blau {
background-color: #0033AA; }
td.blau {
background-color: #0033AA; }

table.grau {
background-color: #F0F0F0; }
tr.grau {
background-color: #F0F0F0; }
td.grau {
background-color: #F0F0F0; }


td.preis {
font-size: 8px;
}

table.suchen1 {
background-color: #F9F9F9;
}
tr.suchen1 {
background-color: #F9F9F9;
}
td.suchen1 {
background-color: #F9F9F9;
}

table.suchen2 {
background-color: #F0F0F0;
}
tr.suchen2 {
background-color: #F0F0F0;
}
td.suchen2 {
background-color: #F0F0F0;
}

#vorteilbox {
	display: block;
	position: relative;
	top: 0px;
	border-color:#333399;
	border: 1px;
	border-style: solid;
	top: 0px;
	left: 0px;
	z-index: 2; 
	width: 300px;
	height: 100px;
	overflow: auto;
	scrollbar-track-color: #EAF9E6;
	scrollbar-highlight-color: #333399;
	scrollbar-shadow-color: #333399;
	scrollbar-3dlight-color: #EAF9E6;
	scrollbar-darkshadow-color: #EAF9E6;
	scrollbar-face-color: #EAF9E6;
	scrollbar-arrow-color: #333399;
	
}

img {border: 0px};

/*-- table_main ------------------------------------------------------*/

table.main {
	margin-top: 30px;
	margin-left:40px;
	margin-right: 20px;
	margin-bottom: 20px;
}


/* ########## BLAUTÖNE: ########## */
td.bgcolor_blau_1 {
background-color: #c4e4f3;
}
td.bgcolor_blau_2 {
background-color: #99ccff;
}
td.bgcolor_blau_3 {
background-color: #B6C8E6;
}

.klein {font-size: 11px;
}

table.formular {
	background-color: #F0F0F0;
	border-style: dotted;
	border-width: 1px;
	border-spacing: 4;
}

.gallerie {
	float: left;
	margin: 0px;
	margin-left: -5px;
	padding: 0px;
	padding-bottom: 30px;
	width: 100%;
}

.gallerie img:hover {
	border: 2px solid #c1272d;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 8px;
}

.gallerie img, .gallerie img_active, .gallerie .spacer_img {
	border: 1px solid #EFEFEF;
	float: left;
	height: 60px;
	margin-left: 5px;
	margin-right: 5px;
	margin-top: 10px;
	width: 80px;
}

.gallerie .hochformat {
	height: 80px;
	width: 60px;
}

.header_left {
	float: left;
	margin: 0px;
	padding: 0px;
	width: 166px;
}

.header_right {
	display: inline;
	margin: 0px;
	padding: 0px;
}

.header_right img {
	border: 0;
	height: 106px;
	margin-right: 4px;
	margin-top: 10px;
	width: 141px;
}

.pdf_link {
background-image: url(../images/pdf_icon.gif);
background-repeat: no-repeat;
padding-left: 20px;
padding-bottom: 2px;
line-height: 26px;
height: 26px;
}