body { margin: 0px; padding: 0px; background-color: #006699; }

h1 { font-size: 11pt; margin: 0px 0px 5px 0px; width: 100%; border-bottom: 1px solid black; }
h2 { font-size: 10pt; margin: 0px 0px 5px 0px; }
h3 { font-size: 10pt; margin: 0px 0px 5px 0px; }

.big { font-size: 13pt; }

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


a.menues { color: black; text-decoration: none; }
a.menues:hover { color: red; }

a.imglink { color: #006699; text-decoration: none; }
a.imglink:hover { color: #ff0000; text-decoration: none; }

a.dklink { color: #202020; text-decoration: none; cursor: text; }
a.dklink:hover { color: #202020; text-decoration: none;  cursor: text; }

.clear { clear: left; width: 0px; height: 0px; font-size: 0px; border: 0px; margin: 0px; padding: 0px; }
.friends { font-size: 9px; }

.tab {
   background-color: #e0e0e0;
   background-image: url(bitmaps/2bg.gif);
    font-family: Arial,Helvetica,sans-serif; 
	height: 21px;
	font-size : 13px;
	font-weight: bold;
	text-align: left;
}

.tabr {
   background-color: #e0e0e0;
   background-image: url(bitmaps/2bg.gif);
    font-family: Arial,Helvetica,sans-serif;
	height: 21px;
	font-size : 13px;
	font-weight: bold;
	text-align: right;
}

.content { 
	font-family: Arial,Helvetica,sans-serif; 
	font-size : 10pt; 
	text-align : justify;
	padding: 20px 20px 0px 0px;
	background-color: white;
	border: 1px solid black;
}

.picbar {
	text-align: center;
    font-family: Arial,Helvetica,sans-serif; 
	font-size : 11px;
	font-weight: bold;
	color: white;
}

.ladengeschaeft { 
	text-align: center;
	width: 300px;
	float: left;
	margin-right: 10px;
	margin-top: 4px;
}

.mbottom { margin-bottom: 10px; }
.mright { margin-right: 10px; }

.text { padding-left: 20px; }

.picbox {
	background-color: #ffffff;
	text-align: center;
	font-size: 10px; 
	padding: 15px;
	vertical-align: top;
}

.grohe { font-weight: bold;
	background-image: url(grohe-armaturen/grohe_border.gif);
	background-repeat: repeat-y;
	padding-left: 35px;
}

.kludi {
	background-image: url(kludi-armaturen/kludi_border.gif);
	background-repeat: repeat-y;
	padding-left: 30px;
}

.hansgrohe { 
	background-image: url(hansgrohe-armaturen/hansgrohe_border.gif);
	background-repeat: repeat-y;
	padding-left: 45px;
}

#hg-block { text-align: justify; margin-bottom: 20px; }
#kludi-block { text-align: justify; margin-bottom: 20px; }
#grohe-block { text-align: justify; margin-bottom: 20px; }


.surftipp { width: 200px; float: right; margin-left: 10px; font-size: 9px; color: #666666; }
.surftipple { width: 200px; float: left; margin-right: 10px;  font-size: 9px; color: #666666;}
.surftext { border: 1px solid #888888; padding: 2px; font-size: 9px; text-align: justify; color: #666666; }
div.surftext a { font-size: 9px; color: #770000; font-weight: normal; text-decoration: none; }
div.surftext a:hover { color: #ff0000; }
div.surftext h3 { font-size: 9px; font-weight: bold; color: white; background-color: #888888; position: relative; top: -2px; left: -2px; width: 50px; overflow: hidden; }