@media screen, projection
{
  /*-------------------------------------------------------------------------*/

  /* (en) Marginal areas & page background */
  /* (de) Randbereiche & Seitenhintergrund */

  /* Layout Alignment | Layout-Ausrichtung */
  .page_margins { margin: 0 auto;}

  /* Layout Properties | Layout-Eigenschaften */
  .page_margins {min-width: 980px; max-width: 90em;  background: #fcfcfc;}
  .page { padding: 0px;  background: #fcfcfc; }
  #header { padding: 0; color: #000; background: #fcfcfc;  }
  #topnav { color: #aaa; background: transparent;text-align:left;}
  #nav { overflow:hidden; min-width: 740px; max-width: 90em;}
  #main { margin:0;  background: #fcfcfc; }
  #footer { height:30px; color:#000033;padding: 0px 10px;padding-top: 5px;clear:left; text-align:right;font-size:10px;}

  /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung  */
  #nav ul { margin-left: 10px; }

  /*-------------------------------------------------------------------------*/

  /**
   * (en) Formatting content container
   * (de) Formatierung der Inhalts-Container
   *
   */

  #col1 { float: left; width: 75%;}
  #col2 { display:none}
  #col3 { width: auto; margin: 0 0 0 75%}
  #col1_content { padding: 0 5px 0 5px;}
  #col3_content { padding: 0 10px 0 5px;}

  /*-------------------------------------------------------------------------*/
}

body {
background-color:#fff;
margin: 5px 5px;
padding: 10px;
font: 1em Arial, Helvetica, Trebuchet, Verdana, sans-serif;
text-align: left;
line-height: 1.2;
}

#message {
border: 1px solid #a3c9f1;
padding:5px 10px 5px 10px;
margin-top: 5px;
background-color:#F2F7FF;
color:#000033;
font-size:0.9em;
}

#show_problems {
float: left;
width: 72%; padding:3px;
margin-bottom:15px;
margin-right: -10px;
border-color:#555; border-style: dotted; border-width:1px;
background: #fcfcfc;
}

#closeicon{
padding-left:18px;
height: 25px;
background-image:url(/images/close-20.png);
background-repeat:no-repeat;
}

.markproblem{
padding-right:5px;
height: 25px;
}

.commentdisplay
{
padding:3px;
width:500px;
border-left: 1px #98C5FF solid;
text-align:left;
}

.commentreply
{
padding:3px;
width:500px;
border: 1px #FBFBFB solid;
border-left: 1px #98C5FF solid;
text-align:left;
font-size:12px;
}

#quiz_main {
float:left;
width: 98%;
padding:3px;
}

#quiz_info_title{

background-color:#FBFBFB;
}

#quiz{
float: right;
width: 100%; padding:3px;
margin-bottom:15px;
background-color:#F2F7FF;
font-size: 12px;
}

.table_class{
float: right;
width: 100%;
padding:0px;
background-color:#F2F7FF;
font-size: 12px;
}

a:link {color:#0066CC;}
a:visited {color:#0066CC;}
a:hover {color:#003366;}


.fieldlabel
{
color:#18447C;
}

.formfield
{
border: 1px #98C5FF; border-style:solid;
padding:3px;
padding-left:10px;
padding-right:10px;
}

.formfield:hover
{
background-color:#f7fafb;
}

.formbutton
{
font-size: 1.0em;
color:#2361B1;
background: #fcfcfc;
border: 1px #98C5FF; border-style:solid;
padding:1px;
padding-left:10px;
padding-right:10px;
letter-spacing: 0.15em;
}

.formbutton:hover
{
background-color:#F2F7FF;
}


.linkformlabel
{
display:inline-block;
width:130px;
border-top: 1px #888  dotted;
padding-left:6px;
clear:both;
height:1px;
vertical-align:top;
font-size:smaller;
}

#newlinkform
{
width:90%;
margin-left:50px;
padding:10px;
font-size:0.8em;
color:#000033;
}

.search
{
background-color:#98C5FF;
border: 1px #666 solid;
padding-left:10px;
padding-right:10px;
}

.search:hover
{
background-color:#CCE2FF;
border: 1px #666; border-style:solid;;
}

.linkhdr{
color:#444;
font-size: smaller;
width:90px;
display:inline-block;
text-align:left;
}


#content {
background: #fcfcfc;
text-align:left;
padding: 5px 5px 5px 5px;
overflow: hidden; clear:left;
}


* html #content {

height: 1%;

}

#notification {
border: 1px dotted #9c9;
background-color:#D9F1D8;
padding: 5px;
margin: 10px 0;
}

.fieldWithErrors {

border-left: 8px solid #FF3300;
}


#master_link {

float: left;

width: 100%;

}

#clickpass_button
{
float:right;
width:176px;
height: 28px;
position: relative;
z-index : 9999
}
div#staticpage
{
padding:5px;
font-size:12px;
text-align:justify;
font-size:0.9em;
width:98%;
}

#test {
float: left;
padding:5px;
padding-bottom: 5px;
margin-bottom:20px;
margin-right: 0px;
width:98%;
border: 1px #2363B1 solid;
background-color:#E6F0FF;
text-align:left;
}

#problems {
float: left;
padding:5px;
padding-bottom: 5px;
margin-bottom:20px;
margin-right: 0px;
width:49%;
border: 1px #2363B1 solid;
background-color:#E6F0FF;
text-align:left;
}


#results {
float: right;
padding:5px;
padding-bottom: 5px;
margin-bottom:20px;
margin-right: 0px;
width:45%;
border: 1px #2363B1 solid;
border: 1px solid #CCE1FF;
background-color:#F2F7FF;
text-align:left;
font-size: 12px;
}

#results_left {
border: 3px solid #ccc;
background-color: #eee;
float: left;
width:90%;
}


#link {
float: left;
padding:5px;
padding-bottom: 5px;
margin-bottom:20px;
margin-right: 0px;
width:98%;
border: 1px #2363B1 solid;
border-bottom:2px #2363B1 solid;
background: #fff;
text-align:left;
}


#footmenu {
float: left;
padding:10px;
padding-left:0px;
width:80%;
text-align:left;
}

div.tags
{
padding:5px;
color:#000033;
font-size:0.8em;
vertical-align:top;
}

#topusers
{
padding:5px;
margin-left:5px;
color:#000033;
font-size: 13px;
}

#userstats
{
padding: 10px;
color:#000033;
font-size: 13px;
}

div.probstats
{
padding:5px;
color:#000033;
font-size: 12px;
}

div.probtitle
{
background-color:#2361B1;
display:block;
padding:5px;
padding-top:3px;
padding-bottom:3px;
border-left: 1px solid #444;
width:99%;
}

.probtitle a
{
color:#fff;
font-size:16px;
font-weight:900;
letter-spacing:0.1em;
text-decoration:none;
}

.probtitle a:hover
{
color #fff;
text-decoration:underline;
}

.probtitle a:visited {
	color: #fff;
	}

.probtitle a.active:visited {
	color: #fff;
	}


div.qprobtitle
{
background-color:#2361B1;
display:block;
padding:5px;
padding-top:3px;
padding-bottom:3px;
border-left: 1px solid #444;
width:99%;
}

.qprobtitle a
{
color:#fff;
font-size:16px;
font-weight:900;
letter-spacing:0.1em;
text-decoration:none;
}

.qprobtitle a:hover
{
color #fff;
text-decoration:underline;
}

.qprobtitle a:visited {
	color: #fff;
	}

.qprobtitle a.active:visited {
	color: #fff;
	}


div.probdesc
{
margin-top: 1px;
text-align:left;
border: 1px solid #a3c9f1;
padding:8px 5px 8px 5px;;
background-color:#eef5fd;
color:#000033;
font-size:0.9em;
}

div.userprofile
{
margin-top: 1px;
text-align:left;
border: 1px solid #a3c9f1;
padding:8px 5px 8px 5px;;
background-color:#eef5fd;
color:#000033;
font-size:0.9em;
}


div.probsolution
{
padding:5px;
color:#000033;
font-size:0.9em;
text-align:left;
background-color:#fcfcfc;
border: 1px solid c;
}

#solved{ color:#fff;}

.not-rated{
width:80px; height:20px;
background-image:url(/images/ratingnotrated.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}


.very-easy{
width:80px; height:20px;
background-image:url(/images/ratingveasy.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}

.easy{
width:80px; height:20px;
background-image:url(/images/ratingeasy.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}

.medium{
width:80px; height:20px;
background-image:url(/images/ratingmedium.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}

.hard{
width:80px; height:20px;
background-image:url(/images/ratinghard.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}

.very-hard{
width:80px; height:20px;
background-image:url(/images/ratingvhard.gif);
background-repeat:no-repeat;
float:right; margin-top: -20px;padding:0px 5px;}

#paginate {
float: right;
width: 100%; padding:0px;
margin-bottom:15px;
margin-right: -10px;
border-color:#555; border-style: dotted; border-width:0px;
background-color:#FBFBFB;
}

#image {
float: left;
width: 98%; padding:5px;
margin-bottom:20px;
}

.link_content {
	float:right;
	width:88%;
	font-size:small;
}



.spacer {
  clear: both;
  height:10px;
}

.user_history {
	width:80%;
	float: left;
}

.gname
{
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.gname a:visited, link, hover
{
font-size:12px;
font-weight:bold;
text-decoration: none;
}

.members {font-size: small;}


.members a {
	font-weight:bold;
	text-decoration: none;
}


.score_small {
	font-size:120%;
}

.score {
	font-size:160%;
}

.votes {
	font-size:120%;
}

#search a:hover {
background-color: #aea;
}


#search {
width: 98%;
text-align:left;
float: left;
padding: 5px;
margin-top: 1px;
font-size:0.9em;
margin-bottom:10px;
}

#link_history {
width: 90%;
padding: 5px;
margin: 0;
list-style: none;
border: 1px  dotted #444;
background-color:#FBFBFB;
float: left;
color: #666;
font-size: smaller;
}

img{ border:0;}

#login_logout {
float: right;
color: #999;
display:inline-block;
clear:left;
font-size: smaller; padding:20px;
}

#hdr {
padding: 0;
background-image:url(/images/headereureka.jpg);
background-repeat:no-repeat;
margin: 0;
height:80px; text-align:left;
text-align: left;
}

div#tag_cloud
{
margin-top:20px;
border: 1px solid #a3c9f1;
padding:5px 10px 5px 10px;
background-color:#F2F7FF;
text-align:left;
color:#18447C;;
font-size:0.9em;
}

.tags a { padding: 0 2px; }

h2{
#letter-spacing:0.15em;
font-size:16px;
font-weight:800;
color:#18447C;
padding-left:5px;
}

h3 {
letter-spacing:0.15em;
font-size:16px;
font-weight:800;
color:#18447C;
padding-left:5px;
}

.bold
{
font-size:16px;
font-weight:800;
color:#18447C;
}

.mediumbold
{
font-size:14px;
font-weight:800;
color:#18447C;
}

.minibold
{
font-size:12px;
font-weight:800;
color:#18447C;
}

.pagination {
  background: #fcfcfc;
  width: 100%;
  text-align:center;
  margin-bottom:10px;

  /* self-clearing method: */ }

  .pagination a, .pagination span {
    padding: .2em .5em;
    display: block;
    float: left;
    margin-right: 2px;
}

.pagination span.disabled {
    color: #D1D7DC;
    border: 1px solid #D1D7DC;
}

.pagination span.current {
    padding: 3px 5px;
    text-decoration: none;
    color: #fff;
	background:#2361B1;
    border: 1px solid #003366;
}

.pagination a
{
    padding: 3px 5px;
    text-decoration: none;
    color: #2361B1;
    border: 1px solid #2361B1;
}

.pagination a:hover, .pagination a:focus
{
   border: 1px solid #003366;
}

.tag1 { font-size: 1.0em; }
a.tag1 , a.tag1 a:hover, a.tag1  a:visited { color:#0066B3; text-decoration:none}
.tag2 { font-size: 1.5em; }
a.tag2 , a.tag2 a:hover, a.tag2  a:visited { color:#009933; text-decoration:none}
.tag3 { font-size: 1.7em; }
a.tag3 , a.tag3 a:hover, a.tag3  a:visited { color:#663366; text-decoration:none}
.tag4 { font-size: 2.0em;}
a.tag4 , a.tag4 a:hover, a.tag4  a:visited { color:#B32400;text-decoration:none}

.secondary_menu {
  font-size:13px;
  color:#000;
}

.secondary_menu a, .secondary_menu a:visited, .secondary_menu a:hover {
  border: none;
  padding:0;
  margin:0;
  font-weight: normal;
  color: #000000;
}

.secondary_menu a:hover {
  font-weight: normal;
  color: #CB4415;
}

.secondary_menu a.active {
  font-weight: bold;
}

.main_navigation {
  margin: 0px 5px 0px auto;
  float:right;
  font-size:12px;
}



.main_navigation ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

.main_navigation li {
  display:inline;
  padding: 0;
  margin: 0;
}

.main_navigation li span.disabled {
  color: #888888;
}

.main_navigation a, .main_navigation a:visited, .main_navigation a:hover {
  border: none;
  padding:0;
  margin:0;
  font-weight: normal;
  color: #000000;
}

.main_navigation a:hover {
  font-weight: normal;
  color: #CB4415;
}

.main_navigation a.active {
  font-weight: bold;
}


.sort_by_navigation {
  margin: 0px 2px 0px auto;
  float:right;
  font-size:small;
}

.sort_by_navigation ul {
  padding: 0;
  margin: 0;
  text-align: right;
}

.sort_by_navigation li {
  display:inline;
  padding: 1px;
  margin: 0;
}

.sort_by_navigation li span.disabled {
  color: #2361B1;
}

.sort_by_navigation a, .sort_by_navigation a:visited, .sort_by_navigation a:hover {
  border: none;
  padding:0;
  margin:0;
  font-weight: normal;
  color: #000000;
}

.sort_by_navigation a:hover {
  font-weight: normal;
  color: #CB4415;
}

.sort_by_navigation a.active {
  font-weight: bold;
}

.main_tabnav a.important, .main_tabnav a.important:visited
{
background: #F26802;
border:#CC3300 1px solid;
}

.main_tabnav a.important:hover
{
background: #FD7B1C;
border: #CC3300 1px solid;
}

.main_tabnav {
	font-size:13px;
	margin: 0;
	padding: 0;
	width: 980px;
	z-index: 1;
	margin-bottom:5px;
	}

.main_tabnav ul {
	margin:0px;
	margin-bottom:3px;
	margin-top:2px;
	padding:10px;
	padding-left:0px;
	letter-spacing:0.15em;
}

.main_tabnav li {
  	display: inline;
	padding: 0;
	list-style-type: none; }


.main_tabnav a {
	color: #fff;
	background:#2361B1;
	font-weight:600;
	border: 1px solid #000033;
	padding: 5px 5px 10px 5px;
	text-decoration: none;
	}

.main_tabnav a.active {
	background: #fcfcfc;
	color:#2361B1;
	font-weight: 800;
	border: 1px solid #CCE1FF;
	}

.main_tabnav a:hover {
	background:#2c7ad1;
	color: #fff;
	}

.main_tabnav a:visited {
	color: #fff;
	}

.main_tabnav a.active:hover {
	color: #2361B1;
	background:#fff;
	}
.main_tabnav a.active:visited {
	color: #2361B1;
	background: #fcfcfc;
	border: 1px solid #CCE1FF;
	}


.main_tabnav_content {
	background: #fcfcfc;
	padding: 0px;
	border:1px solid #666;
	border-top: 1px solid #BBB;
	z-index:2;
}
.user_tabnav {
	margin: 0;
	padding: 0;
	z-index: 1;
	padding-left: 5px;
		width:98%;
	}

.user_tabnav ul {
	margin: 0px;
	padding: 7px;
	border-bottom: 1px solid #2361B1;
	width:980px;
}

.user_tabnav li {
	padding-right:6px;
	display: inline;
	overflow: hidden;
	list-style-type: none; }


.user_tabnav a {
	font-size:12px;
	color: #2361B1;
    font-weight: normal;
	font-ize:13px;
	background-color:#E6F0FF;
	border: 1px solid #CCE1FF;
	padding: 3px 10px 6px 5px;
	margin: 0;
	text-decoration: none;
	}

.user_tabnav a.active {
	background: #fcfcfc;
	border:1px solid #2363B1;
	border-bottom: 2px solid #fcfcfc;
	padding-top:6px;
	}

.user_tabnav a:hover {
	background: #fcfcfc;
	border: 1px solid #2361B1;
	border-bottom-color: #fcfcfc;
	}

.user_tabnav a.active:hover {
	border-bottom: 1px solid #fff;
}

.user_tabnav_content {
	padding: 5px;
	border-top: none;
	z-index: 2;
}


.category_tabnav a.vipmenu, .category_tabnav a.vipmenu:visited
{
background:#FFE4D2;
border:#CC3300 1px solid;
color: #CC3300;
font-weight:700;
border-bottom: none;
padding-left:10px;
padding-right:10px;
}

.category_tabnav .vipmenu a.active
{
background: #fff;
border: #CC3300 1px solid;
font-weight:700;
border-bottom: none;
padding-left:10px;
padding-right:10px;
padding-top:6px;
}

.category_tabnav a.vipmenu:hover
{
background: #fff;
border: #CC3300 1px solid;
font-weight:700;
border-bottom: none;
padding-left:10px;
padding-right:10px;
}

.category_tabnav {
	margin: 0;
	padding: 0;
	z-index: 1;
	padding-left: 5px
	width:98%;
	}

.category_tabnav ul {
	margin: 0px;
	padding: 7px;
	border-bottom: 1px solid #D7E7FF;
	width:980px;
}

.category_tabnav li {
	padding-right:6px;
	display: inline;
	overflow: hidden;
	list-style-type: none; }


.category_tabnav a {
	font-size:12px;
	color: #2361B1;
    font-weight: normal;
	font-size:12px;
	background-color:#E6F0FF;
	border: 1px solid #a3c9f1;
	border-bottom-style: none;
	padding: 3px 10px 6px 5px;
	margin: 0;
	text-decoration: none;
	}

.category_tabnav a.active {
	background: #fcfcfc;
	border:1px solid #2363B1;
	border-bottom: 2px solid #fcfcfc;
	padding-top:6px;
	}

.category_tabnav a:hover {
	background: #fcfcfc;
	border: 1px solid #2361B1;
	border-bottom-color: #fcfcfc;
	}

.category_tabnav a.active:hover {
	border-bottom: 1px solid #fff;
}

.category_tabnav_content {
	width: 100%;
	padding: 5px;
	border-top: none;
	z-index: 2;
}

.figure {/* border style for all images */
  border: 1px solid #a3c9f1;
 }