/* CSS Document for RolfundBernd.de */

* {margin: 0; padding: 0;}
body {
	font-family: "Arial", Tahoma, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	background: #292d3a url(../images/bg_stripe.png) 0 100px repeat-x;
	margin: 0;
	padding: 0;
	height: 100%;
	color: #444;
}
img {border: none;}
a:link, a:visited {color: #dc4e17;}
a:hover {color: #036;}

/* =layout
================================================  */
#wrapper {margin: 0 auto; width: 860px; text-align: justify;}
#content {
	float: left;
	width: 580px;
	background: #fff url(../images/bg_content.png) bottom repeat-x;
	padding: 0 10px;
}
#content h1 a {display: block; width: 496px; height: 65px; background: url(../images/logo.png) no-repeat; text-indent: -9999px; 
	text-decoration: none; margin: 20px 0 15px 0;}
#content h2 {font-size: 18px; color: #111;}
#content p {
	font-size: 12px;
	line-height: 18px;
	margin-top: 12px;
	margin-bottom: 12px;
	text-align: justify;
}
#content p.legend {font-size: 11px;}
#content p b {font-size: 18px; color: #111; font-weight: bold;}
#content p big {font-size: 16px; color: #111; font-weight: bold;}
.tails a img {float: left; margin-right: 280px; border: 2px solid #0254a6;}
.tails2 a img {float: left; }
img#banner {width: 570px; height: 290px; margin-bottom: 28px;}
#footer {clear: both; margin-top: 30px; border-top: 1px solid #ccc}
#footer p {font-size: 12px; color: #312316; text-align: center; padding: 10px 0px;}
#footer a {text-decoration: none;}

/* =nav
================================================  */
#nav {
	position: absolute;
	width: 230px;
	height: 270px;
	top: 100px;
	list-style: none;
	margin: 20px 0 20px 610px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 21px;
	font-style: italic;
}
#nav a {
	display: block;
	color: #233f92;
	height: 39px;
	line-height: 39px;
	letter-spacing: -1px;
	text-transform: uppercase;
	text-decoration: none;
	padding-left: 40px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #aaa;
	background-image: url(../images/arrow_off.png);
	background-repeat: no-repeat;
	background-position: 20px 50%;
	font-weight: bold;
}
#nav a#top {border-top: 0;}
#nav a#bottom {border-bottom: 0;}

#nav a:hover {
	color: #fff;
	text-decoration: line-through;
}

#nav current {
	color: #fff;
	background-color: #0033CC;
	text-decoration: none;
}
	
/* =teaser
================================================  */
.teaser {
	float: left;
	display: block;
	width: 175px;
	height: 390px;
	padding-left: 1px;
	padding-right: 10px;
	text-decoration: none;
}
.teaser img {width: 180px; height: 150px; margin-bottom: 10px;}
.teaser img2 { margin-bottom: 2px;}
.teaser a {text-decoration: none;}
.teaser h3 {font-size: 16px; line-height: 18px;}
.teaser h4 {font-size: 14px; line-height: 18px;}
.teaser p {color: #333; font-size: 10px; padding-right: 3px;}
.paypal {
	float: left;
	height: 80px;
	text-decoration: none;
	vertical-align: baseline;
}

.spaced {border-bottom: 2px solid #444;}

/* =teaser3
================================================  */
.teaser3 {
	float: left;
	display: block;
	width: 178px;
	height: 240px;
	padding-left: 1px;
	padding-right: 8px;
	text-decoration: none;
}
.teaser3 img {width: 180px; height: 150px; margin-bottom: 10px;}
.teaser3 img2 { margin-bottom: 2px;}
.teaser3 a {text-decoration: none;}
.teaser3 h3 {font-size: 16px; line-height: 18px;}
.teaser3 h4 {font-size: 14px; line-height: 18px;}
.teaser3 p {color: #333; font-size: 10px; padding-right: 3px;}

.spaced {border-bottom: 2px solid #444;}

/* =teaser2
================================================  */
.teaser2 {
	float: left;
	display: block;
	width: 176px;
	padding-left: 1px;
	padding-right: 12px;
	text-decoration: none;
}
.teaser2 img {width: 180px; height: 288px; margin-bottom: 10px;}
.teaser2 a {text-decoration: none;}
.teaser2 h3 {font-size: 16px; line-height: 18px;}
.teaser2 h4 {font-size: 14px; line-height: 18px;}
.teaser2 p {color: #333; font-size: 10px; padding-right: 3px;}

/* =side
================================================  */
.side {position: absolute; width: 230px; top: 420px; margin-left: 610px;}
.side h3 {font-size: 18px; font-weight: bold; color: #fff; border-bottom: 1px solid #444; margin-bottom: 20px; padding-bottom: 3px;}
.side h4 {font-size: 14px; color: #605346;}
#content .side p {font-size: 12px; color: #fff;}
.side a:link, .side a:visited {
	color: #e4690e;
}
.side a:hover {
	color: #fff;
	text-decoration: none;
}
.heads a img {width: 50px; height: 50px; border: 2px solid #0254a6; margin: 0 20px 23px 0;}
.heads a:hover img {border-color: #fff;}
.map img {background: url(../images/bg_map.png) 50% 50% no-repeat; padding: 4px;}

/* =pricelist
================================================  */
table {
	width: 98%;
	font: 12px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align: left;
	margin-bottom: 8px;
}
table th, table td {vertical-align: top; padding: 1px;}
table th {color: #000;}
table tr.alt {background: #fff;}
table th em {font-size: 10px; line-height: 18px; font-weight: normal; color: #c7995d; font-style: normal;}

/* =form
================================================  */
form {background: #fff; padding: 1px; margin: 8px 0;}
form label {display: block; font-size: 11px; font-weight: bold; color: #111; margin-bottom: 1px;}
form label.error {color: #c00;}
form input, form select, form textarea {display: block; font-size: 10px; width: 150px;}
form select {width: 175px;}
form input#submit {width: auto;}
#kontakt em {font-style: normal; color: #c00;}

/* =other
================================================  */
img#bottles {margin-bottom: -10px;}
br.clear {clear: both;}
.phone {background: url(../images/phone.png) 0 50% no-repeat; padding-left: 22px;}