* {margin:0; padding:0;}
html {overflow-y:-moz-scrollbars-vertical; overflow-y: scroll;}
body {/*background:#220030 url(images/bgbody.png)*/background:#000 url(images/bgbody2.png) repeat-x; font-family:Arial, Tahoma, sans-serif; margin:0.5em auto; color:#111;}
h1 {margin-bottom:0.25em; text-align:center; font-family: Calibri, "Arial Unicode MS", Batang; width:100%; font-size:3em;}
h3 {margin:5px 0; font-size:1em;}
a img, a:link img {border:0;}
div#logo {margin:0.5em auto;}
ul, ol {margin-left:0.5em; padding:0;}
li {list-style-type:none; margin:0; padding:0;}

/*table#layout {width:100%; max-width:900px; margin:5px auto; background:#ffffff; font-size:12px; border:10px solid #fff;}
table#layout tr td#layleft {width:480px; vertical-align:top; margin:0 10px 0 0; padding:0 10px 0 0;}
table#layout tr td#layright {width:300px; vertical-align:top; margin:0 0 0 5px; padding:0 0 0 5px; border-left:1px solid #ccc; font-size:14px;}
table#layout tr td#layright h3 {background-color:#E2EDFF; color:#000; padding:2px 5px; text-align:right; margin-top:10px;}
table#layout tr td#layright ul {padding:0;}
table#layout tr td#layright ul li {margin:0 2px;}*/
#layout {width:100%; max-width:900px; margin:0.5em auto; background:#ffffff; font-size:1em; border:1em solid #fff;}
#layout #layleft {width:70%; max-width:480px; vertical-align:top; margin:0 1em 0 0; padding:0 1em 0 0;}
#layout #layright {width:30%; max-width:300px; vertical-align:top; margin:0 0 0 0.5em; padding:0 0 0 0.5em; border-left:1px solid #ccc; font-size:1em;}
#layout #layright h3 {background-color:#E2EDFF; color:#000; padding:0.25em 0.5em; text-align:right; margin-top:0.75em;}
#layout #layright ul {padding:0;}
#layout #layright ul li {margin:0 0.25em;}

table.nickname-generator td {padding: 0.25em 0.15em;}

input[type="button"], input[type="submit"], input[type="reset"] {font-size: 1em;}

/* DivTable.com */
.divTable{
	display: table;
	width: 100%;
}
.divTableRow {
	display: table-row;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
}
.divTableCell, .divTableHead {
	display: table-cell;
	padding: 0.25em 0.75em;
	text-align: left;
}
.divTableHeading {
	background-color: #EEE;
	display: table-header-group;
	font-weight: bold;
}
.divTableFoot {
	background-color: #EEE;
	display: table-footer-group;
	font-weight: bold;
}
.divTableBody {
	display: table-row-group;
}

div.intro {width:100%; /*background:#ECE9D8;*/ padding:0.25em; color:#333; margin:0; display:block;}
div.intro ol {padding:0; margin-left:2em;}
div.intro ol li {list-style-type:decimal;}
/*div.langmenu {float:right; width:20px; height:1px;}
div.langmenu div.langcontainer {position:relative; top:-115px; right:-35px; font-size:9px;}
div.langmenu div.langcontainer {position:relative; top:0; right:-33px; font-size:9px;}*/
div.langmenu {display:block; text-align:center;}
div.langmenu img {padding:0 0.25em;}
div.share {width:100%; display:block; text-align:center; margin-bottom: 3%;}
div.share p img {margin:0 0.25em;}
div.sidebar {font-size:120%;}

form textarea {font-family: "Arial Unicode MS", Batang; width:100%; border:1px solid #220030/*6BBA70*/; margin:0 auto 0.25em auto; font-size:1.25em;}
form input.submit {padding:0.25em; margin:0.25em; width:3em; font-size:1em;}
p.copy, p.copy a {font-size:90%; color:#E6E6E6; margin:0.5em auto; text-align:center;}
p.big {font-size:1.5em; text-align:center;}
.clear {clear:both;}

.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}

.greybox, .bluebox, .creambox {color: #333333; padding:0.75em; font-size:110%; font-weight: bold; margin:0.75em 0 0.25em 0;}
.greybox {background-color: #f7f7f7; border: 1px solid #cccccc;}
.bluebox {background-color: #eceff6; border: 1px solid #d4dae8;}
.creambox {background-color: #fff9d7; border: 1px solid #e2c822;}

/* Cookie */
.cookiepage ul, .cookiepage  ol {list-style-position:outside;}
.cookiepage ul li, .cookiepage ol li {margin-left:2em;}
.cookiepage ul {list-style-type:square;}
.cookiepage ul ul {list-style-type:disc;}
.cookiepage ul ul ul {list-style-type:circle;}
.cookiepage ol {list-style-type:decimal-leading-zero;}
.cookiepage ol ol {list-style-type:upper-latin;}
.cookiepage ol ol ol {list-style-type:upper-roman;}
.cookiepage h2, .cookiepage h3 {margin-top:1em;}
#cookieTable table {border-collapse: separate; border-spacing: 2px 15px; vertical-align: top;}

@media screen and (max-width: 40em) {
	#layout {width:85%;}
	#layout #layleft {width:100%; display:block;}
	#layout #layright {width:100%; max-width:350px; display:block; border-left:0;}
	textarea {font-size: 1.5em; max-width: 350px;}
	input[type="button"], input[type="submit"], input[type="reset"] {font-size: 1.25em;}
}