/* AK, Misc customizations, until end of file */

/* Undo excessive padding around main page */
/*
body.site {
	padding: 0;
	padding-top: 3px;
}

body.site.fluid {
	background-color: #f8f8f8;
}

html body.site {
	border-top: 0;
}
*/

/* Begin AK: Make 3-rd level menues visible */
.navigation .nav li:hover > .nav-child {
       display: block;
}

/*
.navigation .nav li li {
        position: relative;
}

.navigation .nav li li ul {
        opacity: 0.9;
        left: 4.5em;
}
*/

.navigation .nav li li .nav-child {
	top: 0em;
	left: 6.0em;
        opacity: 0.8;
}
/* End AK menues: Make 3-rd level menues visible */

/* Let h2 styling match our old styling */
h2 {
	font-size: 16px;
/*	line-height: 24px;*/
	padding-top: 8px;
}

h3 {
	font-size: 14px;
}

.page-header h2 {
	font-size: 24px;
}

/* Make submenues easier to click by making them cover parent */
.navigation .nav-child {
   margin-top: -2px;
}

/* Site logo */
.site-title {
	padding-left: 50px;
	background: url(/images/logo_mensa50.png);
	height: 50px;
	display: block;
	background-repeat: no-repeat;
}

/* Red writings */
/* Also change this in templates/system/css/editor.css */
.red {
	color: #990000;
}

/* bold class */
.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

/* ========================================================= */
/* Newsflash */
div.newsflash {
	display: inline-block;
	background: yellow;
	border-style: solid;
	border-width: 1px;
	border-color: black;
	padding-left: 4px;
	padding-right: 4px;
	padding-top: 4px;
	margin-top: 8px;
	padding-bottom: 0px;
}
/* ========================================================= */
/* IQ test */

/* In general, we have rather big fonts on this page */
#iqtest {
	font-family: Geneva,Verdana,Arial;
}

#iqtest hr { 
     border-color: blue;
     width: 100%;
}

#iqtest h1 {
	border-top: 3px;
	border-bottom: 3px;
	border-color: blue;
	border-top-style: solid;
	border-bottom-style: solid;
	width: 100%;
	text-align: center;
}

#iqtest .range {
	color: #990000;
	text-align: center;
	display: block;
	width: 100%;
	font-size: 1.2em;
	line-height: 2em;
}

#iqtest .note {
	display: block;
	width: 80%;
	background-color: #FFCC66;
}

#iqtest p {
	font-size: 1.3em;
}

#iqtest th {
	font-weight: bold;
}

/* The first element of each row is the question number */
#iqtest td:first-child {
	color: #990000;
	font-size: 1.1em;
	min-width: 40px;
}

/* Make sure numbers are not glued against their input element */
#iqtest input {
	margin-right: 5px;
}

/* Minimum height of a table row */
#iqtest .graphical tr:nth-child(even) td {
	padding-bottom: 2em;

}

/* Gap of 20 px between question and answer */
#iqtest .graphical tr:nth-child(odd) td:nth-child(2) {
	padding-right: 20px;
}

#iqtest .graphical td {
	border-spacing: 200px;
	border: 0px;
}

#iqtest td:nth-child(n+2) {
	font-weight: bold;
	font-size: 1.1em;
}

#iqtest textarea {
	width: 40em;
}

/* ========================================================== */
/* Our main page */
#mainpage {
	width: 100%;
	background: url(/images/lux-mensa.png) 99% 80% no-repeat;
	min-height: 420px;
}

#mainpage h1 {
	font-size: 2em;
	text-align: center;
	width: 100%;
}

#mainpage ul {
	margin-top: 3em;
}

#mainpage li {
	margin-bottom: 1em;
}

#mainpage li a  {
	color: #407f40;
	font-family: serif;
	font-weight: bold;
	opacity: 0.9;
}

#mainpage li span {
	font-size: 1.5em;
}

/* Grey background for page menu */
.nav-pills {
	background: #eeeeee;
	padding: 4px;
}

/* No separator between title and navigation area... */
.navigation {
	border-top: 0px;
}

.container-fluid {
	background: #f8f8f8;
}

/* We don't want this navigator... but where can we switch it off properly?*/
.pagenav, a#back-top {
	display: none;
}

iframe {
	margin-top: 10px;
}

/* Temporary hack to keep site presentable while we are investigating the
   com_tags issue 
.alert-warningx {
	display: none;
}
*/

.pheno li {
	display: inline-block;
	text-align: center;
	margin: 2px;
	border: 1px;
	border-color: black;
	border-style: solid;
}

.comite {
	text-align: justify;
}

.comite div {
	display: inline-block;
	text-align: center;
	font-weight: bold;

        padding: 2px;
        margin: 2px;
	margin-bottom: 15px;
        border: 1px solid black;
}

.comite div img {
        height: 100px;
        width: 80px;
}

/* AK: CSS fir MensaKids->netzlech Linken */
.itemid-169 table {
    width: 100%
}

.useful-links table td:first-child {
    width: 37%
}

.useful-links table td {
	vertical-align:text-top;
}

.useful-linksxx table td {
        border-style: outset;
        border-color: rgb(128, 128, 128);
}

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
    * {
        display: none;
    }
}

/* AK: "Hochbegabt" indent */
/*
.itemid-102 .items-leading,
.itemid-111 .items-leading,
.itemid-142 .items-leading,
.itemid-110 .items-leading {
	padding-right: 10px;
	padding-left: 10px;
	float: left;

	border: solid black 1px;
	margin-top: 15px;
	margin-right: 5px;
	background: #fff0f0;
	text-align: center;
}

.itemid-102 .items-row .item,
.itemid-111 .items-row .item,
.itemid-142 .items-row .item,
.itemid-110 .items-row .item {
	float: none;
}

.itemid-102 .items-leading + .clearfix:after,
.itemid-111 .items-leading + .clearfix:after,
.itemid-142 .items-leading + .clearfix:after,
.itemid-110 .items-leading + .clearfix:after {
	clear: none;
}
*/