/* @override http://www.thomas-schultze.de/ndxz-studio/site/sample/style.css */

/* @override http://www.thomas-schultze.de/ndxz-studio/site/sample/style.css */

/* http://www.thomas-schultze.de/hibit/ndxz-studio/site/sample/style.css */

/* body */
* {
	margin: 0;
	padding: 0;
}
body {
	background: #fff;
	color: gray;
	font: 11px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
body.section-1 { }
body.section-2 { }
body.section-3 { }

a:link { text-decoration: none; color: gray; }
a:visited { text-decoration: none; color: gray; }
a:hover, input.submitBtt:hover { text-decoration: none; color: black;}



a img { border: none; }

#menu {
    width: 180px;
    position: fixed;
    height: 100%;
	background-color: #fff;
	text-align: right;
	padding-right: 12px;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	font-weight: normal;
	font-style: normal;
}
	
#menu ul {
	list-style: none;
	margin-bottom: 18px;
	margin-left: 0px;
	line-height: 16px;
	font-size: 13px;
	letter-spacing: 0.09em;
	font-weight: normal;
	font-style: normal;
}

#menu ul li.section-title {
	color: #fff;
	font-size: 11px;
	letter-spacing: 2px;
	text-align: left;
	background-color: white;
	display: none;
	position: fixed;
}



/* Active Color Menu */

#menu ul li.active a, #galleryItems a.activeSlide {
	color: #070000;
}


#content {
	height: 100%;
	margin: 0 0 0 225px; 
}
 
.container {
	padding-top: 50px;
}
 
#img-container { padding: 0px 0px 0px 20px;
}
 
p {
	padding-bottom: 0px;
}

h1 {
	color: silver;
	letter-spacing: 0ex;
	font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;

}
h2 {
	color: gray;
	font: normal normal 12px/16px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	letter-spacing: 0.2ex;
}
h3 {
	color: gray;
	letter-spacing: 0ex;
	font: normal 14px "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
}
h4 { font-size: 12px; }

#img-container	{ margin: 0; padding: 0;
}
#img-container p	{ width: 400px; margin: 0; padding: 0 0 12px 0;
}

#once { clear: left; }

a.rolloverme {
    display: inline-block; 
    width: 10px; 
    height: 10px; /* make a box with a set width and height... */
    text-decoration: none;
    background: url('http://thomas-schultze.de/files/ilike/herz.png'); /* ...and set it's background */
    }
a.rolloverme:hover {
    background: url('http://thomas-schultze.de/files/ilike/herz.png') 0 10px; /* this creates the magic - moves the background image inside the box down by 100px so the HOVER button appears */
    }
.hidethis {
    display: none; /* you need this */
    }