/***** http://www.geldmarie.at/ ***** layout.css *****/

/***** BASE SETTINGS *****/
* { margin:0; padding:0; }   /* Reset all in order to prevent surprises */
.nocss { display:none; }     /* Elements for screen readers and text browsers only */
img:-moz-broken { -moz-force-broken-image-icon:1; }


/***** PAGE LAYOUT *****/
body {
	font-family:sans-serif; font-size:16px; line-height:1.6em;
	background-color: #e0e8f0;
	background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3e5c78), to(transparent));
	background-image: -webkit-linear-gradient(top, #3e5c78, transparent);
	background-image: -moz-linear-gradient(top, #3e5c78, transparent);
	background-image: -o-linear-gradient(top, #3e5c78, transparent);
	background-image: linear-gradient(to bottom, #3e5c78, transparent);
	background-repeat:no-repeat;
	background-size:100% 300px;
	font-size:16px;
}

#accept_cookies {
	padding:0.3em 0.5em; border-bottom:solid 1px #000; border-top:solid 0.5em #283B4D;
	background:#fff; color:#000; text-align:center;
}
#accept_cookies a { white-space:nowrap; }

/*** Header ***/
#site_caption { color:#fff; text-align:center; margin:0.15em 0 0; padding:0.25em; font-size:2em;
	background:url(../images/logo_small.png) right no-repeat; text-align:left;
}
#site_caption .subtitle { display:block; color:#004; margin:0.4em 0 0; font-size:0.6em; }
#site_caption small { display:block; font-size:0.85em; }

/*** Top menu ***/
#main_menu {
	position:relative; height:28px; list-style-type:none; border:solid 1px #888; border-width:1px 0; background:#eee;
background:-moz-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background:-webkit-gradient(left top, left bottom, color-stop(0%, rgba(242,246,248,1)), color-stop(50%, rgba(216,225,231,1)), color-stop(51%, rgba(181,198,208,1)), color-stop(100%, rgba(224,239,249,1)));
background:-webkit-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background:-o-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background:-ms-linear-gradient(top, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
background:linear-gradient(to bottom, rgba(242,246,248,1) 0%, rgba(216,225,231,1) 50%, rgba(181,198,208,1) 51%, rgba(224,239,249,1) 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f6f8', endColorstr='#e0eff9', GradientType=0 );
}
#main_menu ul { display:block; height:100%; margin:0; padding:0; line-height:28px; font-size:0px; text-align:center; }
#main_menu li {
	display:inline-block; height:100%; padding:0 1.35em;
	font-size:16px; font-weight:bold; vertical-align:middle; text-align:center;
}
#main_menu img { vertical-align:middle; }
#main_menu .sections li:nth-child(2) { display:none; }
#main_menu .specials { display:none; }
#main_menu a[href^=https] { position:relative; top:-1px; }

form.search { display:inline-block; margin:0; vertical-align:middle; }
form.search p { margin:0; padding:0 0 2px; }
form.search input { color:#000; background:rgba(255,255,255, 0.75); border:none; padding:1px 2px; }
form.search .term { color:#000; width:12em; outline:solid 1px #aaa; padding:1px 2px; }
form.search .term:focus { color:#000; background:#fff; outline:solid 1px #004; }
form.search .submit { color:#049; padding:0; background:rgba(0,0,0,0); font-size:16px; font-weight:bold; cursor:pointer; }
form.search .submit:hover { color:#17e; text-decoration:underline; }
.search .submit:focus { color:#17e; }

form.newsletter { text-align:left; }

/*** Advertisement top, right ***/
#banner, #skyscraper { display:none; }


/*** Left menu ***/
#categories { position:relative; z-index:2; height:1.6em; margin:0 0 0 -0.25em; padding:0.5em; overflow:hidden; transition:height 0.25s; }
#categories.expanded { height:20em; Xheight:auto; }
#categories h2 { line-height:1em; font-size:1.2em; margin:0.25em 0; padding:0; text-align:center; color:#049; cursor:pointer; }
#categories h2:after {
	display:inline-block; content:'▼'; margin-left:0.5em; color:#17e;
	text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; transition:text-shadow 0.25s ease-in-out;
}
#categories.expanded h2:after {
	display:inline-block; content:'▼'; margin-left:0.5em; color:#17e;
	text-shadow:-1px 0 #fff, 0 1px #fff, 1px 0 #fff, 0 -1px #fff; transform:rotate(180deg);
}
#categories ul { list-style-type:none; margin:0; padding:0; font-size:0; text-align:center; }
#categories li { display:inline-block; width:33%; min-width:7em; margin:0.5em 0 0.5em -0.5em; font-size:16px; vertical-align:middle; }
#categories li:hover,
#categories li.selected { background:#fff; }


/*** Main section ***/
#page_content { background:#fff; padding:1em 0.5em 0.5em; }
#page_caption { margin:0 0 0.5em; border-bottom:solid 2px #07c; }

#page_content a { margin:0.25em 0; }

#page_content form.search {
	display:block; text-align:center; border:solid 1px #ccc; border-radius:3px;
	margin:2em 0 1em; padding:0.25em 0.5em 0.5em; background:#eaeaea;
}
#page_content .search h3 { margin:0.25em 0; }
#page_content .search p { font-size:0; }
#page_content .search label { display:inline; float:none; width:auto; text-align:center; }
#page_content .search input {
	display:inline-block; height:25px; border:solid 1px #aaa; outline:none; margin:0 0 0.5em;
	line-height:25px; font-size:16px; vertical-align:middle; box-sizing:content-box;
}
#page_content .search input[type=text] { width:40em; max-width:90%; padding:0 4px; background:#fff; border-radius:5px 0 0 5px; }
#page_content .search input[type=submit] { margin-left:-1px; padding:0 0.5em; background:#fff; border-radius:0 5px 5px 0; }


/*** Footer ***/
footer { position:relative; text-align:center; padding:0.5em 0 1em; box-sizing:border-box; }
footer ul { list-style-type:none; margin:0; padding:0; }
footer li { display:inline-block; }
footer li a { padding:0 1em; }
footer p, footer ul {}
#last_edit { display:none; font-size:0.82em; }
#last_edit abbr {}


/***** GENERAL CONTENT STYLING *****/
small { font-size:0.83em; }
.accesskey { text-decoration:underline; margin:0; padding:0; }


/*** Link colors ***/
a         { color:#049; display:inline-block; }
a:visited { color:#015; border-color:#015; }
a:hover   { color:#17e; border-color:#17e; Xtext-decoration:underline; }
a:active  { color:#17e; border-color:#17e; }
a:focus   { color:#17e; border-color:#17e; }
.extlink a[href^=http]:after {
	display:inline-block; content:''; width:10px; height:10px; margin-left:0.2em;
	background-image:url("data:image/gif;base64,R0lGODlhCgAKAPcFAAAAADMzM2ZmZpmZmczMzP///5lmZmYzM8yZmZkzM8xmZswzMzMAAGYAAJkAAMwAAP8AAP8zM/9mZv+Zmf/MzP8zAMwzAP9mM8xmM5kzAP+ZZv9mAJlmM8yZZmYzAMxmAP+ZM//Mmf+ZAMyZM5lmAP/MZsyZAP/MM//MAJmZZmZmM8zMmZmZM8zMZszMMzMzAGZmAJmZAMzMAP//AP//M///Zv//mf//zMz/AJnMAMz/M5nMM2aZAMz/Zpn/AGaZM5nMZjNmAGbMAJn/M8z/mWb/AGbMMzOZAJn/ZjPMAGb/MzP/AGaZZjNmM5nMmTOZM2bMZjPMMwAzAABmAACZAADMAAD/ADP/M2b/Zpn/mcz/zAD/MwDMMzP/ZjPMZgCZM2b/mQD/ZjOZZmbMmQBmMwDMZjP/mZn/zAD/mTPMmQCZZmb/zADMmTP/zAD/zGaZmTNmZpnMzDOZmWbMzDPMzAAzMwBmZgCZmQDMzAD//zP//2b//5n//8z//wDM/wCZzDPM/zOZzDCYyABmmWbM/wCZ/2CYyDNmmWaZzAAzZgBmzDOZ/5nM/wBgyJjI/wBm/wBg/zNmzAAzmWaZ/wAzzDNm/wAz/2ZmmTMzZpmZzDMzmWZmzDMzzAAAMwAAZgAAmQAAzAAA/zMz/2Zm/5mZ/8zM/zMA/zMAzGYz/2YzzDMAmZlm/2YA/2YzmZlmzDMAZmYAzJkz/8yZ/5kA/5kzzGYAmcxm/5kAzMwz/8wA/5lmmWYzZsyZzJkzmcxmzMwzzDMAM2YAZpkAmcwAzP8A//8z//9m//+Z///M//8AzMwAmf8zzMwzmZkAZv9mzP8AmZkzZsxmmWYAM8wAZv8zmf+ZzP8AZswzZpkAM/9mmcwAM/8zZv8AM////wAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAACH5BAEAAAUALAAAAAAKAAoAQAg+AAsILPCooEFFAwUiVCjwEaMCjAIRTPhIYkOEjAwxeoTQosBAhigqGqnI4UCOBB9ufGQIJcRHBRbGJElyYEAAOw==");
}
a[href^=http].noextlink:before,
.noextlink a[href^=http]:before { content:''; padding-right:0; }
#categories a, #site_caption a, #main_menu a { text-decoration:none; }
#top a[href]:hover { text-decoration:underline; }

span[title], abbr[title] { border-bottom:dashed 1px #888; text-decoration:none; cursor:help; }
img[title] { cursor:help; }
a img[title] { cursor:pointer; }
a img { border:none; }

:lang(de)    { quotes:"\201E" "\201C"  "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB"  "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB"  "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D"  "\2018" "\2019"; }

hr { clear:both; height:3px; margin:0.5em; padding:0; color:#808470; background:#808470; border:none; }

h1 { font-size:1.5em;   margin:0 0 1em;     padding:0; }
h2 { font-size:1.4em;   margin:1.5em 0 0.5em; padding:0; Xborder-bottom:solid 2px #808470; }
h3 { font-size:1.25em;  margin:1.5em 0 0.5em; padding:0; }
h4 { font-size:1.125em; margin:1.5em 0 0.5em; padding:0; }
h5 { font-size:1.0em;   margin:1.5em 0 0.5em; padding:0; }

p { margin:0.5em 0; }

ul { margin:1em 0; padding:0 0 0 2.1em; list-style-position:outside; list-style-type:disc; overflow:hidden; }
ol { margin:1em 0; padding:0 0 0 2.5em; list-style-position:outside; list-style-type:decimal; overflow:hidden; }
li { margin:0 0 0.2em; padding:0; }

dl { margin:0 0 0 1em; padding:0; }
dt { margin:1em 0 0; font-style:italic; font-weight:bold; }
dd { margin:0; padding:0.25em 0 0 1em;}

table  { border-collapse:collapse; display:block; margin:1em 0; }
td, th { border:solid 1px #888; padding:0.2em 0.3em 0.3em; }

form     { margin:1em 0; text-align:center; }
form p   { margin:0.5em 0; clear:left; line-height:1.2em; Xtext-align:left; }
label    { display:block; float:left; width:9.5em; text-align:right; padding:0 0.5em 0 0; cursor:pointer; }
input,
textarea { font-family:sans-serif; }
textarea { width:40em; }
option   { padding:0.1em 0.2em 0; }

em { font-style:normal; font-weight:bold; }


/*** CONTENT HELPER CLASSES ***/
.floatcontain:after { content:'.'; display:block; height:0; clear:both; visibility:hidden; }
.floatcontain { display:inline-block; }
.floatcontain { display:block; }

.leftfloatcontain:after { content:"."; display:block; height:0; clear:left; visibility:hidden; }
.leftfloatcontain { display:inline-block; }
.leftfloatcontain { display:block; }

.floatleft   { float:left;  margin:0 1em 0 0; }
.floatright  { float:right; margin:0 0 0 1em; }
p.floatleft  { float:left;  margin:1em 1em 0.5em 0; }
p.floatright { float:right; margin:1em 0 0.5em 1em; }
.clear    { clear:both; }
.clearleft { clear:left; }
.clearright { clear:right; }
.middle span, .middle img { vertical-align:middle; }
.center  { text-align:center; }
.left    { text-align:left; }
.right   { text-align:right; }
.justify { text-align:justify; }
.nowrap  { white-space:nowrap; }
.nobullets    { list-style-type:none; margin:0; padding:0; }
.nobullets li { margin:0 0 1em; padding:0; }

#page_content .imgright { float:right; margin:0 0 0.5em 1em; border:solid 1px #aaa; }
#page_content .imgleft  { float:left;  margin:0 1em 0.5em 0; border:solid 1px #aaa; }


/*** Special pages ***/
#sitemap { text-align:left; }
#sitemap h2 { padding:0; margin:0.5em 0 0.3em; }
#sitemap p { padding:0; margin:0 0 0.3em; }


/***** ADMINISTRATION *****/
#validator {
	margin:0; padding:0.135em 0.3em 0.4em;
	font-size:0.75em; line-height:1.2em; background:#000; color:#aac;
}
#validator p { display:none; }
#validator:hover { width:auto; height:auto; }
#validator .warning { color:#fc0; }
#validator .error { color:#f00; }

#cms { color:#444; position:absolute; top:0; right:0; z-index:1000; height:1px; overflow:hidden; font-size:0.83em; line-height:1.3em; }
#cms:hover { height:auto; background:#eee; border-left:solid 1px #000; border-bottom:solid 1px #000; padding:0.1em 0.2em 0.2em 0.1em; }
#cms div { text-align:right; }
#cms ul { list-style-type:none; margin:0; padding:0; }
#cms li { margin:0; padding:0; }
#cms li span { font-family:monospace; }
#cms a { text-decoration:none; }

#ruler_h { width:100%; height:18px; position:absolute; top:0; left:0; z-index:998;
           background:url(ruler_h.png) top left repeat-x;
}
#ruler_v { width:18px; height:100%; position:absolute; top:0; left:0; z-index:998;
           background:url(ruler_v.png) top left repeat-y;
}

#debug pre,
#debug { margin:0; padding:0; color:#fd0; background:#000; font-family:terminus,monospace; font-size:0.7em; }
#debug { position:absolute; left:0; display:table; width:100%; margin:0; border:none; overflow:visible; }
#debug:after { display:block; clear:both; content:'.'; /*width:0; height:0; margin:0;*/ visibility:hidden; }
#debug div { display:table-cell; border-left:dashed 1px #444; padding:0.2em 0.3em; }
#debug pre { display:table-row; }
#debug ul,
#debug li { list-style-type:none; margin:0; padding:0 0 0 0.5em; }


@media (min-width:650px) {
	#categories.expanded { height:15em; }
	#categories li { width:25%; }
	#main_menu .sections li:nth-child(2) { display:inline-block; }
}
@media (min-width:800px) {
	#main_menu { padding:0 1.5em; }
	#main_menu .sections { float:left; }
	#main_menu .specials { float:right; }
	#main_menu form { display:inline-block; }
	#main_menu .specials { display:inline-block; }
	#main_menu li { padding:0 0.5em; }

	#categories { Xpadding:0.5em 75px; }
	#categories.expanded { height:12.5em; }
	#categories li { width:20%; }

	#banner {
		position:relative; display:block; width:730px; XXXgoogleWTF-z-index:3;
		margin:1em auto; background:rgba(128, 192, 225, 0.2); text-align:center;
		line-height:0;
	}

	#last_edit { display:block; position:absolute; top:-3em; width:100%; margin:0; z-index:3; font-size:0.9em; color:#aaa; }
	#last_edit abbr { display:none; border-color:#ccc; }
}
@media (min-width:900px) {
	#site_caption {
		height:119px; padding:0.5em 0 0; margin:0 0 -0.5em; line-height:0.8em;
		background:none;
		font-size:32px; text-align:center;
	}
	#site_caption .subtitle { margin:0; font-size:0.8em; line-height:1.9em; }
	#site_caption small { font-size:0.7em; line-height:0.6em; }

	#main_menu .sections { margin-left:150px; }
	#main_menu .specials { margin-right:150px; }
	#main_menu .sections::before {
		display:block; position:absolute; content:''; left:10px; top:-106px; z-index:1;
		width:150px; height:216px; background:url(/.template/images/logo.gif);
	}
	#main_menu .specials::after {
		display:block; position:absolute; content:''; right:10px; top:-106px; z-index:3;
		width:150px; height:216px; background:url(/.template/images/logo.gif);
		transform:scaleX(-1);
	}

	#categories,
	#categories.expanded {
		position:absolute; left:10px; width:170px; margin:20px 0 0; padding:0; height:auto;
	}
	#categories h2 { line-height:1em; margin:0 0 0.25em; text-align:left; cursor:default; }
	#categories h2:after,
	#categories.expanded h2:after { display:none; }
	#categories li {
		display:inline-block; border-bottom:solid 2px #fff; margin:0; padding:0 0 0 10px; width:100%;
		line-height:30px; text-align:left;
	}
	#categories li:first-child { border-top:solid 2px #fff; }

	#page_content {
		position:relative; z-index:2; min-height:660px; margin:1em 10px 1em 180px; padding:1em 1em 2em;
		border-radius:0.5em; box-shadow:4px 4px 4px 0 rgba(0,0,0, 0.1); background:#fff;
	}
	#page_caption { text-align:center; margin:0 0 1em; padding:0 0 0.5em; }
	#page_content a { margin:0; }

	footer { margin-left:180px; }
}
@media (min-width:1000px) {
	#page_content { Xmargin-right:180px; }

	#skyscraper {
		display:block; position:absolute; right:8px; width:160px; Xheight:600px;
		margin:20px 0 0; z-index:2; text-align:center;
	}

	footer { margin-left:0; }
}

.google-ce {
	text-align:center;
}

.google-square,
.google-medium {
	float:right;
}

/* EOF */