/* =============================================================
Stylesheet für paul und john
Datei: maincss.css
Datum: 28.01.10
Autor: Maag Michel

Aufbau:	1. Kalibrierung und allgemeine Stylesheets
		2. Styles für die Layoutbereiche und Plazierung
============================================================= */

/* =============================================================
1. Kalibrierung und allgemeine Styles
============================================================= */

* { 
	margin: 0;
	padding: 0;
	border: 0;
	list-style: none;
	outline: none;
}

html { height: 101%; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	letter-spacing: 1px;
	color: #000;
	
	background-color: #ff7c00;
}




/* =============================================================
2. Styles für die Layoutbereiche und Plazierung
============================================================= */

#galerie {
	position: fixed;
	height: 100%;
	width: 66%;
	
	background-color: #fff;
	
	z-index:1;
}

/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #galerie {
	position: absolute;
}


#content {
	position: absolute;
	top: 50%;
	left: 50%;
	height: 700px;
	width: 700px;
	margin: -350px 0 0 -350px;
	
	/*overflow: hidden;*/
	text-align: center;
}

#content table {
	width: 700px;
	height: 700px;	
}

#content img {
	vertical-align: middle;
}

#rollover_satz {
	position: fixed;
	right:60px;
	top: 200px;
	width: 235px;
	padding: 0 0 0 15px;
	
	visibility: hidden;
	
	z-index:4;
}

/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #rollover_satz {
	position: absolute;
}

#homebutton {
	position: fixed;
	right: 15px;
	top: 15px;
}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #homebutton {
	position: absolute;
}

#galeriebutton {
	position: fixed;
	right:60px;
	top: 0;
	width:235px;
	height:100%;
	
	padding: 15px 0 0 15px;
	
	background-color: #ff7c00;
	
	z-index: 2;
}

/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #galeriebutton {
	position: absolute;
}

#adresse {
	position: fixed;
	left: 160px;
	top: 15px;
}

/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #adresse {
	position: absolute;
}

#mailbutton {
	position: fixed;
	left: 10px;
	top: 15px;
}
/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #mailbutton {
	position: absolute;
}



/* =========
Navigation
============= */

#navigation {
	position: fixed;
	right:60px;
	top: 200px;
	width: 235px;
	padding: 0 0 0 15px;
	
	line-height: 300%;
	font-size: 10px;
	white-space: nowrap;
	
	background-color: #ff7c00;
	
	z-index: 3;
}

/*
Browserhack IE bis 6: Achtung abstand zwischen html und # ist nötig
*/
* html #navigation {
	position: absolute;
}

#navigation a,
#navigation a:link,
#navigation a:visited { 
	text-decoration: none; 
	color: #000; 
}

#navigation a:hover { color: #fff; }

#navigation a.aktiv { color: #fff; }

/* ================================
=====================================*/