@charset "UTF-8";

/* CSS Document */

html, body, h1, h2, h3, h4, h5, h6, p, a, ol, ul, li, caption, th, td, img {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 100.1%;
	color: #000;
	margin: 0px;
	padding: 0px;
	border:none;
}

body {
	background: #ffcc00 url(../BASIC/pinger_web_flower.jpg) no-repeat center top;
	
}

#header {
	margin: 0px auto 0px auto;
	padding: 0;
	height: 30px;
	width: 760px;
	background: #413e34 url(../BASIC/mainNav/mainNav_SuePinger_background.png) repeat-x;
}

#wrapper {
	margin: 0 auto 0 auto;
	padding: 0 0 20px 0;
	width: 760px;
	background: #F5EDE5;
}

#hero {
	background: #413e34;
	margin: 0 0 30px 0;
	padding: 0px 30px 0px 30px;
	width: 700px;
}

#heroIndex {
	background: #413e34;
	margin: 0 0 30px 0;
	padding: 0px 30px 30px 30px;
	width: 700px;
}

#hero img, #heroIndex img {
	width: 694px;
	background: #413e34;
	margin: 0px;
	padding: 0px;
	border: 3px solid #FFF;
}

#hero img.headline {
	background: #413e34;
	margin: 0px;
	padding: 0px;
	border: 0px;
}

li#termine {
	font-size: 0.8em;
	color: #413e34;
	text-align:left;
	line-height: 1.2em;
	margin: 0 30px 0.7em 50px;
	padding: 0;
}

p {
	font-size: 0.8em;
	color: #413e34;
	text-align:left;
	line-height: 1.4em;
	margin: 0 30px 1em 30px;
	padding: 0;
}
p a:link ,p a:visited {
	font-weight: bold;
	text-decoration: none;
	padding-bottom: 2px;
}
p a:hover ,p a:active {
	font-weight: bold;
	text-decoration: none;
	border-bottom: dashed 1px;
	padding-bottom: 2px;
}

/* MAINNAV */
#mainNav { width: 700px; height: 30px; margin: 0 auto; position: relative; z-index: 9998; }
#mainNav #navItem { margin: 0; padding: 0; }
#mainNav #navItem li { display: inline; }
#mainNav #navItem li a { float: left; width: 140px; height: 0px; padding-top: 30px; overflow: hidden; }
#mainNav #navItem li a { background-image: url(../BASIC/mainNav/mainNav_SuePinger.png); background-repeat: no-repeat; }

/* BUTTONS */

#mainNav #navItem li#sue a { background-position: 0 0; }
#mainNav #navItem li#how a { background-position: -140px 0; }
#mainNav #navItem li#what a { background-position: -280px 0; }
#mainNav #navItem li#who a { background-position: -420px 0; }
#mainNav #navItem li#contact a { background-position: -560px 0; }


/* OVER STATES */
#mainNav #navItem li#sue a:hover { background-position: 0 -30px; }
#mainNav #navItem li#how a:hover { background-position: -140px -30px; }
#mainNav #navItem li#what a:hover { background-position: -280px -30px; }
#mainNav #navItem li#who a:hover { background-position: -420px -30px; }
#mainNav #navItem li#contact a:hover { background-position: -560px -30px; }


/* PRESSED STATES */
#mainNav #navItem li#sue a:active { background-position: 0 -60px; }
#mainNav #navItem li#how a:active { background-position: -140px -60px; }
#mainNav #navItem li#what a:active { background-position: -280px -60px; }
#mainNav #navItem li#who a:active { background-position: -420px -60px; }
#mainNav #navItem li#contact a:active { background-position: -560px -60px; }

/* ON STATES */
#mainNav.sue #navItem li#sue a { background-position:  0 -90px !important; }
#mainNav.how #navItem li#how a { background-position: -140px -90px !important; }
#mainNav.what #navItem li#what a { background-position: -280px -90px !important; }
#mainNav.who #navItem li#who a { background-position: -420px -90px !important; }
#mainNav.contact #navItem li#contact a { background-position: -560px -90px !important; }

#wrapper #jumpBehandlungen {
	padding: 10px 0 0 0;
	margin: 30px 30px 0 30px;
	border-top: solid 1px #000;
}

#wrapper #contact {
	padding: 0px;
	margin: 0px 30px 30px 30px;
}

#wrapper #contact table {
	background-color: #FFF;
	font-size: 0.8em;
}