/* Layout für die Vampire-Live-Seiten der Domäne Oberschwaben
Hallo lieber Sourcecodeleser,
viel Spass beim Lesen des Codes. Wenn Du das Layout für Deine eigenen, nichtkommerziellen Seiten nutzen möchtest, freuen wir uns über eine kurze namentliche Nennung und eventuell einen Link zu unsern Seiten.
Die Verwendung des Designs von Dritten für kommerzielle Nutzung ist nicht gestattet. */
body {
	margin: 0;
	padding: 0;
	font-size: small;
	font-family: verdana, sans-serif;
	background: #fff url(images/vo-bg.gif) repeat-y 0;
	color: #000;
	}
/* Pseudoklassen */
a:link { font-weight:normal; color: #000; text-decoration:none; }
a:visited { font-weight:normal; color: silver; text-decoration:none; }
a:focus { font-weight:normal; color: red; text-decoration:underline; }
a:hover { font-weight:normal; color: #000; text-decoration:underline; }
a:active { font-weight:normal; color: lime; text-decoration:underline; }

/*wrapper - Kantenabstände beseitigen */
#wrap {
	margin-top: 0;
	max-width: 1200px;
	min-width: 600px;
	}

/* Leftside - Menü und aktuelles Schachbild */
#leftside {
	float: left;
	width: 250px;
	height: 100%;
	margin-left: 100px;
	color: #fff;
	text-align: center;
	background: #000 url(images/wappen-webseite.gif) no-repeat center 10px;
	}
#leftside div {
	margin-top: 150px;
	margin-left: 20px;
	margin-right: 20px;
	padding: 10px 10px 10px 10px;
	font-size: 85%;
	line-height: 1.5em;
	border: 1px solid #fff;
	}
#leftside ul {
	margin: 0;
	padding: 1px 5px;
	background-color:#212121;
	}
#leftside ul li {
	margin: 0 0 0 0px;
	padding: 0 0 0 0px;
	list-style: none;
	}
#leftside a {
        display: block;
	padding: 2px;
	text-align: center;
	text-decoration: none; font-weight: bold;
	border: 1px solid #5c5c5c;
	border-left-color: #fff; border-top-color: #fff;
	color: #fff;
	background-color:#383838;
	}
#leftside a:active, body#index li#indexnav a,
#leftside a:active, body#spiel li#spielnav a,
#leftside a:active, body#domaene li#domaenenav a,
#leftside a:active, body#clan li#clannav a,
#leftside a:active, body#download li#downloadnav a,
#leftside a:active, body#shop li#shopnav a,
#leftside a:active, body#kontakt li#kontaktnav a,
#leftside a:active, body#link li#linknav a,
#leftside a:active, body#impressum li#impressumnav a {
       	border-color:#fff;
	border-left-color:#5c5c5c; border-top-color:#5c5c5c;
	color:#000; background-color:#fff;
	}
#leftside a:hover {
	border-color:#000;
	border-left-color:#5c5c5c; border-top-color:#5c5c5c;
	color:#000; background-color:#fff;
	}






/* Rightside - Header und Content */
#rightside {
	float: left;
	margin-left: 5%;
	width: 55%;
	max-width: 800px;
	min-width: 100px;
	}

#header {
	margin-top: 20px;
	font: italic;
	background: url(images/header-bg2.gif) repeat-y top left;
	/*border: 1px solid #000;*/
	}
#header h1 {
	padding: 10px 10px 10px 5%;
	font: bold 200% ;
	letter-spacing:0.3em;
	text-align: center;
	}

#infobox {
	margin-top: 5%;
	padding: 2px;
	font-weight:bold;
	text-align: center;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	}

#content {
	margin-top: 5%;
	padding: 2px;
	border: 1px solid #000;
	}

#footer {
	margin-top: 5%;
	padding: 2px;
	text-align: center;
	border-top: 1px solid #000;
	}