/* Website styles */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}
html {
	background-color: #d0d0d0;
	font-size: 100%;
	margin: 0;
	padding: 0;
}
body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #237;
	background-color: #d0d0d0;
	background-repeat:repeat-x;
	font-size: 75%;			/* 62.5% This sets the default font size to be equivalent to 10px */
}

body.ads {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	color: #000;
	background-color: #fff;
	background-repeat:repeat-x;
	font-size: 75%;			/* 62.5% This sets the default font size to be equivalent to 10px */
}

h1 {font-size:1.25em; margin:2px; float:left;}  /* displayed at 24px */
h1.ads {font-size:1.5em; margin:2px; display:block;float:none;}  /* displayed at 24px */
h1.box {font-size:1.5em; margin:2px; float:left;}  /* displayed at 24px */
h1.top {font-size:12px; margin:1px; float:left; color:#909090;text-align:center;}  /* displayed at 24px */
h1.search {font-size:1em; float:left;}  /* displayed at 24px */
h2 {padding:1px;font-size:1.1em; display:inline;}  /* displayed at 18px */
h2.box {font-size:1.25em; padding:2px;margin:2px;}  /* displayed at 18px */
h3 {padding:1px;font-size:1.1em; display:inline;}  /* displayed at 15px */
h4 {font-size:1em; display:inline;}  /* displayed at 12px */

b.search {font-weight:normal;}
i.search {font-style:normal;}

a, a:active { color: #237; text-decoration:underline; }
a:visited { color: #67b; text-decoration:underline; }
a:hover	{ color: #459; text-decoration:underline; }

a.ob, a.ob:active { color: #aaa; text-decoration:underline; font-size:10px;}
a.ob:visited { color: #aaa; text-decoration:underline; font-size:10px;}
a.ob:hover	{ color: #aaa; text-decoration:underline; font-size:10px;}

a.book, a.book:active { text-decoration:none; }
a.book:visited { text-decoration:none; }
a.book:hover	{ text-decoration:none; }

a.ads, a.ads:active { text-decoration:none; color:#000;}
a.ads:visited { text-decoration:none; color:#000;}
a.ads:hover	{ text-decoration:none; color:000;}

a.wilink, a.wilink:active { text-decoration:none; font-weight:bold;}
a.wilink:visited { text-decoration:none; font-weight:bold;}
a.wilink:hover	{ text-decoration:none; font-weight:bold;}

img { border:0px; padding:0px; margin:0px; vertical-align:top; text-align:top;}
img.amazon { border:1px solid #888; padding:3px; margin:5px; vertical-align:top; text-align:top;}
img.centernone { border:0px; padding:0px; margin:0px; vertical-align:middle; text-align:middle; align:middle;}
img.search { border:0px; padding:0px; margin:0px; vertical-align:middle; text-align:middle;}
img.nav { padding:1px; vertical-align:middle;}
img.bl { vertical-align:bottom;align:left; }
img.br { vertical-align:bottom;align:right; }
img.preview { background-color:#eee; border: 1px solid #aaa; padding: 3px; margin: 10px; display:inline; } 

div.preview {float:left;text-align:left;}
center {display:inline;}
b.white {color:white;font-size:1.25em;}

// intro
table.introst {
	background-color:#fff;
	color:#fff;
	background-image:url("./images/intro_strassenrand.jpg");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:100%;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
}

input, select, th, td {font-size:1em}
textarea {font-size:1.25em}
input.submit { border: 1px solid #3C360E; background-color:#de9d00; margin:3px; color:white;font-size:1em;font-weight:bold;}
input.high {
	background-color:#e0e0e0;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin: 2px;
}

input.highon {
	background-color:#ffffff;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	border-right: 2px solid #e0e0e0;
	margin: 2px;
}

textarea.high {
	background-color:#e0e0e0;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin: 2px;
}

textarea.highon {
	background-color:#ffffff;
	border-top: 2px solid #e0e0e0;
	border-left: 2px solid #e0e0e0;
	border-bottom: 2px solid #e0e0e0;
	border-right: 2px solid #e0e0e0;
	margin: 2px;
}

select.select {
	background-color:#e0e0e0;
	border-top: 2px solid #ffffff;
	border-left: 2px solid #ffffff;
	border-bottom: 2px solid #ffffff;
	border-right: 2px solid #ffffff;
	margin: 2px;
}

input.submitimg {
	background-color:#ffce59;
	color:#aaa;
	background-image:url("./images/icon_submit_orange.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}
input.submitimgon {
	background-color:#ffce59;
	color:#aaa;
	background-image:url("./images/icon_submit_orange_on.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}

input.submitimgblue {
	background-color:#c6b7ff;
	color:#aaa;
	background-image:url("./images/icon_submit_blue.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}
input.submitimgonblue {
	background-color:#c6b7ff;
	color:#aaa;
	background-image:url("./images/icon_submit_blue_on.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}

input.submitimgwhite {
	background-color:#fff;
	color:#aaa;
	background-image:url("./images/icon_submit_white.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:60px;
	height:30px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}
input.submitimgonwhite {
	background-color:#fff;
	color:#aaa;
	background-image:url("./images/icon_submit_white_on.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:60px;
	height:30px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}

input.submitimggray {
	background-color:#e0e0e0;
	color:#aaa;
	background-image:url("./images/icon_submit_gray.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}
input.submitimgongray {
	background-color:#e0e0e0;
	color:#aaa;
	background-image:url("./images/icon_submit_gray_on.png");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:40px;
	height:20px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	font-size:0.05em;	
}

input.submitsearch {
	background-color:#fff;
	color:#aaa;
	background-image:url("./images/icon_lupe.gif");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:26px;
	height:26px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:0.05em;	
}
input.submitsearchon {
	background-color:#fff;
	color:#aaa;
	background-image:url("./images/icon_lupe_on.gif");
	background-repeat:no-repeat;
	background-position:top left; 	
	width:26px;
	height:26px;
	border-left: 0px solid #c6b7ff;
	border-right: 0px solid #c6b7ff;
	border-top: 0px solid #c6b7ff;
	border-bottom: 0px solid #c6b7ff;
	align:left;
	vertical-align:top;
	padding:0px;
	margin:0px;
	font-size:0.05em;	
}

hr { border-bottom:1px solid #000; padding:1px; height:1px; width:95%; color:#fff; align:center; text-align:center; background-color:#fff;}

table {
	margin: 0px;
	padding: 0px;
	vertical-align:top; text-align:top;
	border-collapse:collapse;
	border:0px;
	border-spacing:0px;
}

tr {
	margin: 0px;
	padding: 0px;
	vertical-align:top; text-align:top;
	border-collapse:collapse;
	border:0px;
}

td {
	margin: 0px;
	padding: 0px;
	vertical-align:top; text-align:top;
	border-collapse:collapse;
	border:0px;
}

tr.word {background-color:#e6e6e6; margin:1px;padding:1px;}
tr.word1 {background-color:#f8f8f8; margin:1px;padding:1px;}
tr.wordsel {background-color:#eda; margin:1px;padding:1px;}
tr.wordtop {background-color:#d0d0d0; margin:3px;padding:3px; font-size:large;padding:3px;}

div.com {
width:98%;margin:5px;background-color:#f0f0f0;padding:4px;border-top:1px solid #aaa; border-left:1px solid #aaa; border-right:1px solid #ccc; border-bottom:1px solid #ccc;}

div.comon {
width:98%;margin:5px;background-color:#fff;padding:4px;border-top:1px solid #888; border-left:1px solid #888; border-right:1px solid #aaa; border-bottom:1px solid #aaa;}

div.hr {
width:98%; border-top:1px solid #bbb; border-bottom:0px solid #aaa; border-right:0px solid #aaa; border-left:0px solid #aaa; padding:5px;
}
/* Box 
----------- */
table.boxgray {
	border-collapse:collapse;
	background-color: #e0e0e0;
	width:100%;
}

tr.boxgray {
	border-collapse:collapse;
	background: #e0e0e0;
}

table.boxlgray {
	border-collapse:collapse;
	background-color: #f0f0f0;
	width:100%;
}

tr.boxlgray {
	border-collapse:collapse;
	background: #f0f0f0;
}

td.boxlgray {
	align:center;
	text-align:center;
}

table.boxblue {
	border-collapse:collapse;
	background-color: #c6b7ff;
	width:99%;
}

tr.boxblue {
	border-collapse:collapse;
	background: #c6b7ff;
}

table.boxorange {
	border-collapse:collapse;
	background-color: #ffce59;
	width:100%;
}

tr.boxorange {
	border-collapse:collapse;
	background: #ffce59;
}

input.search {
	background-color:#ffffff;
	border-top: 0px solid #ffffff;
	border-left: 0px solid #ffffff;
	border-bottom: 0px solid #ffffff;
	border-right: 0px solid #ffffff;
	margin: 3px;
}

div.search {
	background: #c6b7ff url("./images/search.gif");
	background-repeat:no-repeat;
	vertical-align:middle;
	width:140px;
}

td.top {
	background: #FFFFFF url("/images/top.gif") repeat-x;
}

/* Main blocks
---------------------------------------- */
#wrap {
	width: 95%;
	background: #FFFFFF url("/images/top.gif") repeat-x;
	margin: 20px auto;
	text-align: left;
	padding: 0;
}

#ad {
	margin: 5px auto;
	text-align: right;
	padding: 0;
	float:right;
}

td.left {
	background: #FFFFFF url("/images/left.gif") repeat-y;
	background-position:top left;
}

td.right {
	background: #FFFFFF url("/images/right.gif") repeat-y;
	background-position: top right;
}

td.bottom {
	background: #FFFFFF url("./images/bottom.gif") repeat-x;
	background-position: bottom left;
}

td.ad {
	background-color: #d0d0d0;
	background-position: bottom left;
}

/* Navbar */
#navbar {
	height: 22px;
	width:100%;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color:#E8E8E8;
}
#navbar ul {
	list-style: none;
	display: block;
}
#navbar li {
	float: left;
}

#navbar li.off {
	background: #D8D8D8 url("./images/bg_off.gif") repeat-x;
	padding:3px;	
	margin: 0px 1px 0px 0px;
}

#navbar li.med {
	background: #B2B2B2 url("./images/bg_med.gif") repeat-x;
	padding:3px;	
	margin: 0px 1px 0px 0px;
}

#navbar li.on {
	background: #8082d2 url("./images/bg_on.gif") repeat-x;
	padding:3px;	
	margin: 0px 1px 0px 0px;
}

#navbar a.off,#navbar a.off:visited,#navbar a.off:active { padding:5px 10px 5px 10px;font-size: 1.25em; color: #888888; text-decoration:none; font-weight: normal; }
#navbar a.off:hover	{ padding:5px 10px 5px 10px; font-size: 1.25em; color: #666666; text-decoration:none; font-weight: normal; }

#navbar a.on,#navbar a.on:visited,#navbar a.on:active { padding:5px 10px 5px 10px;font-size: 1.25em; color: #FFFFFF; text-decoration:none; font-weight: normal; }
#navbar a.on:hover	{ padding:5px 10px 5px 10px; font-size: 1.25em; color: #FFFFFF; text-decoration:none; font-weight: normal; }

#navbar a.med,#navbar a.med:visited,#navbar a.on:active { padding:5px 10px 5px 10px;font-size: 1.25em; color: #FFFFFF; text-decoration:none; font-weight: normal; }
#navbar a.med:hover	{ padding:5px 10px 5px 10px; font-size: 1.25em; color: #FFFFFF; text-decoration:none; font-weight: normal; }

/* Fast link menu */

div.menuchild {padding:1px;z-index:100;} 
a.menu, a.menu:visited, a.menu:active { padding:1px; font-size:1em; color:#000; text-decoration:none; }
a.menu:hover { padding:1px; font-size:1em; color:#000; text-decoration:none;}
a.white, a.white:visited, a.white:active { padding:1px; font-size:1.25em; color:#fff; text-decoration:none; font-weight:bold; border:0px solid #c6b7f0; background-color:#c6b7ff;}
a.white:hover { padding:1px; font-size:1.25em; color:#fff; text-decoration:underline; font-weight:bold; border:0px solid #000; background-color:#ffce59;}
table.entry { border:2px solid #888; margin:1px; padding:3px;}
td.entry { width:100%; background-color:#eee; margin:2px; padding:2px;}
td.entryover { width:100%; background-color:#ccc; margin:2px; padding:2px;}
td.entrylog { width:100%; background-color:#ffdf93; margin:2px; padding:2px;}
td.entrylogover { width:100%; background-color:#ffce59; margin:2px; padding:2px;}
td.entrylink { width:100%; background-color:#ccf; margin:2px; padding:2px;}
td.entrylinkover { width:100%; background-color:#c6b7ff; margin:2px; padding:2px;}

table.list { border:1px solid #888; margin:1px; padding:3px; font-size:1.25em;}
tr.list0 { border:1px solid #888; padding:2px; background-color:#d0d0d0;}
tr.listtoday0 { border:1px solid #888; padding:2px; background-color:#d0ffd0;}
tr.listweek0 { border:1px solid #888; padding:2px; background-color:#d0d0ff;}
tr.list1 { border:1px solid #888; padding:2px; background-color:#d8d8d8;}
tr.listtoday1 { border:1px solid #888; padding:2px; background-color:#d8ffd8;}
tr.listweek1 { border:1px solid #888; padding:2px; background-color:#d8d8ff;}
td.list {padding:3px;}
td.lists0 {background-color:#e0e0e0;}
td.lists1 {background-color:#f0f0f0;}

/* Navbar2 */
#navbar2 {
	width:100%;
	height:25px;
	clear: both;
	margin: 0px;
	padding: 0px;
	background-color:#8082d2;
}
#navbar2 ul {
	list-style: none;
	display: block;
	vertical-align:middle;
}
#navbar2 li {
	float: left;
}

#navbar2 li.off {
	background-color:#8082d2;
	margin:2px;

}

#navbar2 li.on {
	background-color:#8082d2;
	margin:2px;

}

#navbar2 li.med {
	background: #B2B2B2;
	margin:2px;
	
}

#navbar2 a.med,#navbar2 a.med:visited, #navbar2 a.med:active { margin:2px;padding:2px;font-size: 1em; color: #FFFFFF; text-decoration:none; font-weight: normal; }
#navbar2 a.med:hover	{ margin:2px;padding:2px; font-size: 1em; color: #FFFFFF; text-decoration:underline; font-weight: normal; }

#navbar2 a.off,	#navbar2 a.off:visited, #navbar2 a.off:active { margin:2px;padding:2px;font-size: 1em; color: #FFFFFF; text-decoration:none; font-weight: normal; }
#navbar2 a.off:hover	{ margin:2px;padding:2px; font-size: 1em; color: #FFFFFF; text-decoration:underline; font-weight: normal; }

#navbar2 a.on,#navbar2 a.on:visited, #navbar2 a.on:active { margin:2px;padding:2px;font-size: 1em; color: #FFFFFF; text-decoration:none; font-weight: normal; }
#navbar2 a.on:hover	{ margin:2px;padding:2px; font-size: 1em; color: #FFFFFF; text-decoration:underline; font-weight: normal; }

a.wlink:link, a.wlink:visited, a.wlink:active { color: #568; text-decoration:none; }
a.wlink:hover { color: #000; text-decoration:underline; }