html, body/*, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td */{
	margin: 0; padding: 0; border: 0; outline: 0;
}


body {
	color: #666666;
	font: 15px/18px 'PontiacLight';
	background: #d687a9;
	background-image: url(../images/background_rosa.gif);
	text-align: center;
}

textarea,
input.text,
input[type="text"],
input[type="button"],
input[type="submit"],
.input-checkbox {
-webkit-appearance: none;
border-radius: 6px;
}


#pageWrapper { text-align:left; margin:0 auto; width: 1000px; height: 100%; }

#content{
	position: relative; float: left;
	background-color: white; width: 1000px; 
}


#header {
	float:left;
	width:755px;
	margin-right: auto;
	margin-left: auto;
	border-bottom: 1px solid #8f2a2a;
	/*padding-bottom: 20px;*/
	padding-top: 4px;
	padding-left: 245px;
}

#menu { 
	position: absolute;
	top: 140px; left: 15px;
	width: 195px;
	/*background-color: orange;*/
}

#main { 
	position: absolute;
	top: 156px; left: 250px;
	width: 745px;
}
#main2 { 
	position: absolute;
	top: 148px; left: 250px;
	width: 745px;
}
#mainLeft {
	position:absolute;
	top: 64px;
}

#mainRight{
	position: absolute;
	top: 64px;
	left: 380px;
}

#contentLeft {
	position:absolute;
	top: 64px; width: 480px;
	/*background-color: orange;*/
}

#contentLeftKlein {
	position:absolute;
	top: 64px; width: 350px;
	/*background-color: orange;*/
}

#contentAll {
	position:absolute;
	top: 64px; width: 740px;
	/*background-color: orange;*/
}
#contentRRight{
	position: absolute;
	top: 64px;
	left: 515px;
	/*border: 1px solid maroon;*/
}

#contentGrauRight{
	position: absolute;
	top: 73px;
	left: 370px;
	/*border: 1px solid maroon;*/
}

#contentGrauRightUeber{
	position: absolute;
	top: 84px;
	left: 470px;
	/*border: 1px solid maroon;*/
}

#contentGRight{
	position: absolute;
	top: 73px;
	left: 550px;
	/*border: 1px solid maroon;*/
} 

#facebook {
	position: absolute;
	top: 480px;
	left: 1px;
}

#instagram {
	position: absolute;
	top: 520px;
	left: 70px;
}

#scroller {
	position: absolute;
	/*top: 123px; left: 341px; */
	width: 700px; height: 570px;
	overflow: auto;
	padding-right: 10px;
}


#footerLi {
	float: left;
	width: 240px; height: 20px;
	border-top: 1px solid #8f2a2a;
	background-color: white;
	padding-left: 18px;
	padding-bottom: 3px;
	padding-top: 7px;
	/*border: 1px solid maroon;*/
}

#footerRe {
	float: right;
	width: 724px; height: 20px;
	border-top: 1px solid #8f2a2a;
	background-color: white;
	padding-top: 7px;
	padding-right: 18px;
	padding-bottom: 3px;
	text-align: right;
}

/*   TYPO   */
h1  { font: 28px 'PontiacLight'; text-align: left; color: #999999; }
.menuRosa { font: 18px/38px 'PontiacLight'; text-align: left; color: #84322e; }
.menuGruen { font: 18px/38px 'PontiacLight'; text-align: left; color: #78ad86; }
.menuGrau { font: 18px/38px 'PontiacLight'; text-align: left; color: #999999; }

.headlineGrau { font: 18px 'PontiacLight'; text-align: left; color: #999999; }


.flTxt { font: 15px 'PontiacLight'; text-align: left; color: #999999; letter-spacing: 0.025em; }
.flTxt a{ font: 15px 'PontiacLight'; text-align: left; color: #999999; letter-spacing: 0.025em; text-decoration: underline;
}


.headRosa { font: 20px 'PontiacLight'; text-align: left; color: #84322e; letter-spacing: 0;}
.headGruen { font: 20px 'PontiacLight'; text-align: left; color: #78ad86; letter-spacing: 0;}

.flTxtVino, .flTxtVino a { font: 15px 'PontiacLight'; text-align: left; color: #8b423f; text-decoration: none; }

.rosa { color: #84322e; }
.gruen { color: #78ad86; }
.grau { color: #999999; }



/*   BUTTONS   */
.btnRosa {
    cursor: pointer;
    font: 15px 'PontiacLight'; text-align: left;letter-spacing: 0.025em;
    color: #ffffff; 
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px; border: 1px solid #d687a9;
	background: #d687a9;
	width: 195px; height: 25px;
	padding: 4px 2px 2px 8px;
	margin-bottom: 3px;
}
.btnRosa:hover {
   background: #bd6a8e;
   text-decoration: none;
}

.btnGruen {
	cursor: pointer;
	font: 15px 'PontiacLight'; text-align: left;letter-spacing: 0.025em;
	color: #ffffff; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; border: 1px solid #9dc8a9; 
	background-color: #9dc8a9; 
	width: 195px; height: 25px;
	padding: 4px 2px 2px 8px; 
	margin-bottom: 3px;
}
.btnGruen:hover {
   background: #78ad86;
   text-decoration: none;
}

.btnRot {
	cursor: pointer;
	font: 15px 'PontiacLight'; text-align: left;letter-spacing: 0.025em;
	color: #ffffff; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; border: 1px solid #9b074a; 
	background-color: #890641; 
	width: 195px; height: 25px;
	padding: 4px 2px 2px 8px; 
	margin-bottom: 3px;
}
.btnRot:hover {
   background: #6b0332;
   text-decoration: none;
}

.btnGrau {
	cursor: pointer;
	font: 15px 'PontiacLight'; text-align: left;letter-spacing: 0.025em;
	color: #ffffff; 
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px; border: 1px solid #999999; 
	background-color: #999999; 
	width: 195px; height: 25px;
	padding: 4px 2px 2px 8px; 
	margin-bottom: 3px;
}
.btnGrau:hover {
   background: #7d7d7d;
   text-decoration: none;
}