/* 

CSS Sheet for "Papeterie Petersen Essen"

created:	2010-05-07
by:			AM
for:		wpt-online e.K.



Colors:	
	backgrounds:		#D5D5D5 - grey
	headlines:			#000	- black
	text:				#333	- light black
	borders:			#f00	- red
	links:				#000	- white 

*/

* { margin:0px; padding:0px; border:0px; }

html { overflow:			auto; }

body {  background-color:	#D5D5D5;
		font-family:		Arial, Verdana, sans-serif;
		font-size:			0.8em;
}

img { border: 				0px; }
img.logo {
	width	: 100px;
	height: 57px;
}


td.lieferanten {
	height: 150px;
	width	: 20%;
	vertical-align : top;
}

h1 {
	color : #EB0000;
	font-size: 1.4em;
	margin-bottom : 1em;
}
h2 {
	color : #EB0000;
	font-size: 1.2em;
	margin-bottom : 1em;
}


/* PLATZIERUNGSELEMENTE */

#containter {
	position:			absolute;
	top:				20px;
	left:				20px;
	width:				950px;
	height:				780px;
}

#header {
	position:			absolute;
	top:				20px;
	left:				20px;
	height: 			115px;
	padding-top:		75px;
	padding-left:		30px;
	width:				920px;
	background-color:	#D5D5D;
	background:		url(images/head_bg.png) no-repeat top left;
}

#topmenue {
	position:			absolute;
	left:				20px;
	top:				210px;
	height:				40px;
	width:				920px;
	padding-left:		30px;
	background:			url(images/menue_bg.png) repeat-x top right;
	text-align:			center;
}

#content {
	position:			absolute;
	left:				20px;
	top:				245px;
	width:				888px;
	min-height:				500px;
	border-left:		1px solid #f00;
	border-right:		1px solid #f00;
	background-color:	#FFF;
	padding:			30px;
}

#footer-adresse {
	display:			block;
	float:				left;
	width:			920px;
	height:			45px;
	margin:	15px -30px -30px -30px;
	padding-top:		5px;
	padding-left:		30px;
	color:				#FFF;
	background:	url(images/bg_footer.png) repeat-x #F00;
}

#footer-menue {
	display:			block;
	float:				right;
	width:				300px;
	height:				35px;
	padding-top:		15px;
	padding-right:		30px;
	color:				#FFF;
	text-align:			right;
}
	

/* Design-Elemente */

/* MENUE OBEN */

a.topmenue, a.topmenue_on {
	float:				left;
	display:			block;
	height:				15px;
	padding:			12px;
	border-left:		1px solid #FDD;
	border-right:		1px solid #D00;
	color:				#FFF;
	font-weight:		bold;
	font-family:		Arial, Verdana, sans-serif;
	font-size:			12px;
	text-decoration:	none;
	background:			url(images/menue_normal.jpg) repeat-x;
}

a.topmenue:hover, a.topmenue_on, a.topmenue_on:hover {
	background:			url(images/menue_over.jpg) repeat-x;
	color			: #FFFFFF;
}

/* CONTENT */

#content h1 {
	font-family:		Verdana, Arial, sans-serif;
	font-size:			1.8em;
	font-weight:		bold;	
}

#content p {
	margin-bottom:	13px;
}

#content ul {
	padding-left:	20px;
	margin-bottom:	13px;
}

#content li {
	list-style:		square;
	margin-bottom:	6px;
}

#content input {
	border:			1px solid #F00;
	background-color:#FEE;	
}

#content textarea {
	border:			1px solid #F00;
	background-color:#FEE;	
}

/* Spaltenaufteilung fuer Content */

/* wenn 3 Spalten */
.spalte {
	float:			left;
	width:			270px;
	margin-right:	30px;
}

/* 3. Spalte bei 3 Spalten */
.spalte_letzte {
	float:			left;
	width:			270px;
}

/* linke Spalte, wenn rechts breite Spalte */
.spalte_links {
	float:			left;
	width:			270px;
	margin-right:	20px;
}

/* Spalte breit, links */
.doppelspalte_links {
	float:			left;
	width:			570px;
	margin-right:   20px;	
}

/* Spalte rechts, wenn links breite Spalte */
.spalte_rechts {
	float:			right;
	width:			270px;
	margin-right:	20px;
}

/* 5 Spalten möglich */ 
.spalte_klein {
	float:			left;
	width:			150px;
	margin-right:	25px;
}

/* Spalte breit, rechts */
.doppelspalte_rechts {
	float:			right;
	width:			570px;
	margin-right:   20px;	
}

/* Lieferantenlogos */
.lieferlogo {
	margin-bottom:	40px;
}

img.bild {
	width	: 270px;
	height: 200px;
	border: 1px solid #FF0000;
	margin-bottom: 10px;
}

#get {
	background : url(http://http-get.de/get.gif) no-repeat;
}

a {
	color : #333333;
	font-weight : bold;
	text-decoration : none;
}
a:hover { color : #FF0000; }

/* FOOTER */

a.footer-menue {
	color:				#FFF;
	font-size:			13px;
	text-decoration:	none;
	font-weight : normal;
	font-family:		Arial, Verdana, sans-serif;
}
a.footer-menue:hover, a.footer-menue_on {
	color:				#000;
	font-weight : normal;
}