* {
	margin: 0;
	padding: 0;
}

a {
	color:#ccc;
	text-decoration: none;
}
a:hover {
	color: #fff; 
	text-decoration: none;
}
body {
	background: #333 url(http://www.reisenberger.info/bg.gif) top left repeat-x;
	color: #fff;
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h1, h2, h3 {
	font-size: 14px;
}
h4, h5 {
	font-size: 13px;
}
h6 {
	font-size: 11px;
}
hr {
	background: #333; 
	border: none; 
	clear: both; 
	color: #333; 
	height: 1px; 
	margin: 0;
}
img {
	border: 0;
}

/* ----------------------- MASTHEAD ----------------------- */
#header {
	height: 120px;
}
#logo {
	background-image:url(http://www.reisenberger.info/img/logo.png);
	float: left;
	height: 100px;
	margin: 10px 0 0 15px;
	text-indent: -9999px;
	width: 300px;
}
#logo a {
	display: block;
	height: 100px;
	width: 300px;
}
#menu {
	float: right;
	margin: 35px 60px 0 0;
}
#menu a {
	text-shadow: 2px 2px #000;
}
#menu ul {
	list-style-image: url(http://www.reisenberger.info/img/bullet.gif);
}

/* ----------------------- SHARED OBJECTS ----------------------- */
#wrap {
	clear: both;
	font-size: 0.9em;
}
#wrap a {
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#wrap a:hover {
	color: #333;
	font-weight: bold;
	text-decoration: none;
}
#wrap ul {
	list-style: none;
}
#wrap li {
	line-height: 21px;
}
#details_reinhold, #details_roswitha, #details_roman, #details_tanja, #details_julia, #details_micha {
	margin-left: 200px;
}
#details_reinhold a:hover, #details_roswitha a:hover, #details_roman a:hover, #details_tanja a:hover, #details_julia a:hover, #details_micha a:hover {
	color:#FFFFFF;
	text-decoration:underline;
}

.horz, .horz div {
	float: left;
	width: 100%;
}
.horz h2 {
	float: left;
	height: 80px; /*box height*/
	text-indent: -9999px;
	width: 204px;
}
.horz ul {
	float: left;
	padding-right: 15px;
}

#reinhold, #roswitha, #roman, #tanja, #julia, #micha, #kontakt {
	background: url(http://www.reisenberger.info/img/bg_boxbot.gif) repeat-x bottom left;
	padding-bottom: 10px;
}
#reinhold div, #roswitha div, #roman div, #tanja div, #julia div, #micha div, #kontakt div {
	padding-top: 10px;
}

/* ----------------------- Hintergrundfarbe für Personen ----------------------- */
#reinhold div {background:#FF6600 url(http://www.reisenberger.info/img/bg_reinhold.png) repeat-x top left;}
#reinhold h2 {background: transparent url(http://www.reisenberger.info/img/name_reinhold.png) no-repeat top left;}

#roswitha div {background:#FF6600 url(http://www.reisenberger.info/img/bg_orange.gif) repeat-x top left;}
#roswitha h2 {background: transparent url(http://www.reisenberger.info/img/name_roswitha.png) no-repeat top left;}

#roman div {background:#85BC05 url(http://www.reisenberger.info/img/bg_blue.gif) repeat-x top left;}
#roman h2 {background: transparent url(http://www.reisenberger.info/img/name_roman.png) no-repeat top left;}

#tanja div {background:#85BC05 url(http://www.reisenberger.info/img/bg_blue.gif) repeat-x top left;}
#tanja h2 {background: transparent url(http://www.reisenberger.info/img/name_tanja.png) no-repeat top left;}

#julia div {background:#85BC05 url(http://www.reisenberger.info/img/bg_blue.gif) repeat-x top left;}
#julia h2 {background: transparent url(http://www.reisenberger.info/img/name_julia.png) no-repeat top left;}

#micha div {background:#3399CC url(http://www.reisenberger.info/img/bg_blue.gif) repeat-x top left;}
#micha h2 {background: transparent url(http://www.reisenberger.info/img/name_micha.png) no-repeat top left;}

#kontakt div {background:#85BC05 url(http://www.reisenberger.info/img/bg_contact.gif) repeat-x top left;}
#kontakt h2 {background: transparent url(http://www.reisenberger.info/img/title_contact.gif) no-repeat top left;}

/* ----------------------- Kontaktformular ----------------------- */
#kontakt form {
	margin-left: 205px;
}
input.error, textarea.error, div.error, select.error{
	background-color: #FFE8E8;
  	border-top: 1px solid #CC0000;
 	border-left: 1px solid #CC0000;
  	border-right: 1px solid #FF4444;
  	border-bottom: 1px solid #FF4444;
}
div.error{
	padding:1px;
}

/* ----------------------- FOOTER ----------------------- */
#footer {
	color: #aaa;
	font-size: 0.9em;
	margin-top: 10px;
	text-align: center;
	text-shadow: 2px 2px #000; 
}

/* ----------------------- sonstiges ----------------------- */
.off {display: none;}