/* CSS Document */

/* Pizzeria Horn - Koller Internet GmbH */


/********** Fixes, Workarounds, etc.
*********************************************/
* {
	margin: 0;
	padding: 0;
	}
/* Clearfix fuer das Float-clearing */
.clearfix:after {	
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */
 .clearfix { 

 display:inline-block; 

 }

/********** Grundlayout
*********************************************/
html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	line-height: 1.12em;
}
body {
	font-size: 0.75em;
	height: 100%;
	overflow: auto;
	background:#330000;
	color:#ffffcc;
}
#wrapper {
	width:980px;
	height:610px;
	
	padding:0;
	margin:-305px 0 0 -490px;
	
	position:absolute;
	left:50%;
	top:50%;
}

#menu {
	margin:0px;
	padding:0px;
	height:30px;
}

#main {
	position: relative;
	height:550px;
	margin:0px;
	padding:0px;
	/*background-color: #660000;*/
	background-color: #581212;
}

#content {
	position: absolute;
	left: 20px;
	top: 20px;
	width: 940px;
	height: 530px;
}

#footer {
	height:30px;
}

#footer p {
	padding:5px 0 0 0;
	font-size:1em;
	font-weight:normal;
}


/********** Inhalts-Elemente
*********************************************/
img {
	border: none;
	}
hr {
	clear: both;
	}
	
#pizzeriahorngrafik {
	position:absolute;
	right:20px;
	bottom:20px;

	width:412px;
	height:69px;
	background:url(../img/pizzeriahorngrafik.gif);
}

#homegrafik {
	width:512px;
	height:349px;
	margin:50px auto;
}

#impressionen_text {
	position:absolute;
	right:0px;
	bottom:160px;
}

#fotos img {
	margin:0 11px 0 0;
}

.pizzeria {
width:280px;

margin:120px 0 0 0;

text-align:center;
float:left;

}

.kowe {
width:320px;

margin:120px 0 0 0;

text-align:center;
float:left;

}

.koin {
width:320px;

margin:120px 0 0 0;

text-align:center;
float:left;

}

/********** Navigation
*********************************************/
#menu ul {
	list-style-type: none;
	}
#menu ul li {
	float: left;
	margin:0 40px 0 0;
	}
#menu ul li a,
#menu ul li a:link,
#menu ul li a:visited {
	text-decoration: none;
	float: left;
	height: 30px;
	background-position: bottom;
	}
#menu ul li a:hover,
#menu ul li a:active,
#menu ul li a:focus,
#menu ul li.active a,
#menu ul li.active a:link,
#menu ul li.active a:visited {
	background-position: top;
	}
#menu ul li a span {
	visibility: hidden;
	}
#menu ul li.kontakt a, #menu ul li.kontakt a:link, #menu ul li.kontakt a:visited {
	width: 81px;
	background-image: url('../img/menu_kontakt.gif')
	}
#menu ul li.impressionen a, #menu ul li.impressionen a:link, #menu ul li.impressionen a:visited {
	width: 133px;
	background-image: url('../img/menu_impressionen.gif')
	}
#menu ul li.home a, #menu ul li.home a:link, #menu ul li.home a:visited {
	width: 58px;
	background-image: url('../img/menu_home.gif')
	}

/* Links */
a.internal-link, a.internal-link:link, a.internal-link:visited {
color:#ffffcc;
text-decoration:none;
	}
a.internal-link:hover, a.internal-link:active {
text-decoration:none;
border-bottom:1px solid #ffffcc;
	}
	


/********** Content-Absatzformate
*********************************************/

/* Ueberschriften */
h1, h2, h3 {
}

h1 {
	font-size: 1.6em;
	padding: 5px 0;
}

h2 {
	font-size: 1.3em;
	padding: 5px 0;
}

h3 {
	font-size: 1.1em;
	padding: 5px 0;
}
	
/* Paragraph */
.content p {
	margin: 10px 0 5px 0;
	}
	
/* Links */
.wrapper a, .wrapper a:link,  .wrapper a:visited {
color:#ffffcc;
text-decoration:none;
	}
.wrapper a:hover, .wrapper a:active {
text-decoration:none;
border-bottom:1px solid #ffffcc;
	}
	
/********** Footer
*********************************************/
.footer p {
	}
.footer p a, .footer p a:hover, .footer p a:active, .footer p a:visited {
	}