/* ===========================================================
Stylesheet für www.magic-cards-sammelkarten-kartenspiel.de
Autor: Bernd Schmidt
Copyright: Bernd Schmidt - www.seo-webdesign-schmidt.de
============================================================*/

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

* { padding: 0; margin: 0; }
h2, h3, h4, p, ul, ol { margin-bottom: 1em; }
ul { margin-bottom: 0; margin-left: 2em;}
dd { margin-left: 2em; }

/* Allgemeine Selektoren*/

body { 
	color: #333;
	background-color: #fff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}

h1, h2, h3, h4 { font-weight: bold; font-family: Helvetica, Arial, sans-serif; color: #000; }
h1 { font-size: 2.6em; letter-spacing: -0.03em; }
h1 { margin: 10px; }

h2 { font-size: 2.0em; margin-top: 10px; }

h3 { font-size: 1.5em; color: #888; }

h4 { 
	font-size: 1.2em; 
	padding-bottom: 2px;
}

/* Hyperlinks allgemein */

a { color: #0066FF; text-decoration: underline; }
a:visited { color: #000; text-decoration: underline; }
a:hover { color: #df0000; text-decoration: underline; }
a img { border: none; } 

/* Allgemein Klassen und IDs */

.skiplink { 
   position: absolute; 
   left: -3000px; 
   top: -2000px; 
   width: 0px; 
   height: 0px; 
   overflow: hidden; 
   display: inline; 
}

.bildlinks {
   float:left;
   margin: 4px 10px 2px 0;
   }

.bildrechts {
   float:right;
   margin: 4px 0 2px 5px;
   }

.werbung {
   margin: 4px 0 4px 0;
   text-align: center;
   }

.socialbookmarks {
   margin: 10px 0 10px 0;
   }

.clearing { clear: both; }

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

#wrapper { width: 970px; margin: 15px auto 15px auto; }

#kopf { 
	margin: 0 0 10px 0; 
	padding-width: 970px; 
	font-weight: normal;  
	text-transform: none; 
	color: #888; text-align: center;
	background: url(grafiken/hintergrund-kopf.jpg) no-repeat;
	border-top: 2px solid #ccc;
	border-bottom: 3px solid #000;
}
	
#text { 
	width: 540px; 
	padding: 0 0 0 20px; 
      float: left;
}
		
#navigation { 
	width: 210px; 
	float: left; 
	margin-top: 10px; 
	padding: 2px 0 2px 5px;
}
	
#navigation_rechts { 
	width: 180px; 
	float: right;
	margin-top: 5px;
	padding: 5px 0 5px 0;
}

#sitemap { 
	width: 970px; 
	padding: 1.0em 0 0 0; 
	border-top: 1px solid #ccc; 
	float: left; 
	text-align: center;
	font-size: 0.8em;
	clear: both; 
}

#seiten { 
	width: 970px; 
	padding: 1.2em 0 0 0; 
	border-top: 1px solid #ccc; 
	float: left; 
	text-align: center;
	font-size: 0.8em;
	clear: both; 
}
		
#fuss { 
	width: 970px; 
	padding: 1.2em 0 0 0; 
	border-top: 2px solid #ccc; 
	float: left; 
	text-align: center;
	font-size: 0.8em;
	clear: both; 
}

/* =================
Ende des Stylesheets
==================*/