@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background-image:url(gfx/bg_ornament.png);
	background-repeat:repeat;
	background-color:#000000;
	font-size: 12px;
	color:#fff;
	margin: 0px;
	padding: 0px;
}

.horizontal_dotted_line 
{ border-top: 1px dotted #9f0f0f;
width:700px;} 

div#hinweis_oben {
z-index:100;
background-image:url(gfx/bg_dot.png);
background-repeat:repeat;
left:282px;
height:56px;
margin-top:0px;
position:fixed; 
top:0px;
}

p#hinweis_oben {
padding:10px;
margin-top:-5px;
}


/* --- Typo --- */

h3 {letter-spacing:1px;}

.blog_datum{
	float:right;
	margin-top: -28px;
	border-left:1px solid #9f0f0f;
	padding-left:8px;
}

.blog_text {
	margin-left:40px;
	margin-right:40px;
}

.martinrehm_logo {
	text-align:center;
	margin-top:100px;			
}

.plogo2 {
		font-size:12px;
		color:#fff;
		margin-top:4px;
		padding-left:37px;
}

div#logo {
	z-index:3;
	position:absolute;
	left:78px;
	top:50px;
}

.contact_fb {
padding-left:30px;
}

/* --- Impressum --- */

div#inhalt {
	margin-left:300px;
	margin-top:129px;
	width: 700px;
}

div#inhalt_gal {
	margin-left:250px;
	margin-top:30px;
	width: 820px;
}

p#impressum-ueberschrift {
	font-weight:bold;
	}

ul#impressum-list {list-style:none;}

ul#netzwerke{
	list-style:none;
	display:inline;}


/* --- Menu --- */

a {
	text-decoration: none;
	font-weight:bold;
	outline: none;
	color: #fff;
	visited: #000;
	active: #000;
}

a:hover {color:#9f0f0f}

a img {
border : 0 none;
}

div#menu {

	margin-top:0px;
	left:40px;
	width:200px;
	background-image:url(gfx/bg_dot.png);
	background-repeat:repeat;
	height:100%;
	margin-right:40px; 
	position:fixed; 
	top:0;
	z-index:1;
}

.blog  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/blog1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.blog:hover {
	background: url("gfx/menu/blog2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.about  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/about1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.about:hover {
	background: url("gfx/menu/about2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.people  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/people1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.people:hover {
	background: url("gfx/menu/people2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.portrait  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/portrait1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.portrait:hover {
	background: url("gfx/menu/portrait2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.products  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/products1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.products:hover {
	background: url("gfx/menu/products2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.archi  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/archi1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.archi:hover {
	background: url("gfx/menu/archi2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.specials  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/specials1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.specials:hover {
	background: url("gfx/menu/specials2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.makingof  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/makingof1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.makingof:hover {
	background: url("gfx/menu/makingof2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.awards  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/awards1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.awards:hover {
	background: url("gfx/menu/awards2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.contact  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/contact1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.contact:hover {
	background: url("gfx/menu/contact2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.links  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/links1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.links:hover {
	background: url("gfx/menu/links2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.impressum  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/impressum1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.impressum:hover {
	background: url("gfx/menu/impressum2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}
	
.specials_bigfood  {
	display: block;
	height:139px;
	width:600px;
	background:url("gal/specials_bigfood1.png") top no-repeat;
	float: center; }	
	
.specials_bigfood:hover {
	background:url("gal/specials_bigfood2.png") bottom no-repeat;
	float:center;	}
	
.specials_alltagsgegenstaende {
	display: block;
	height:139px;
	width:600px;
	background:url("gal/specials_alltagsgegenstaende1.png") top no-repeat;
	float: center; }	
	
.specials_alltagsgegenstaende:hover {
	background:url("gal/specials_alltagsgegenstaende2.png") bottom no-repeat;
	float:center;	}
	
.doku  {
	display: block;
	height:30px;
	width:168px;
	background:url("gfx/menu/doku1.png") top no-repeat;
	margin-top:-4px;
	float: left; }	
	
.doku:hover {
	background: url("gfx/menu/doku2.png") bottom no-repeat;
	margin-top:-4px;
	float:left;	}