/* ------------------------------------------------------------ */
/* Farbschema                                                   */
/* ------------------------------------------------------------ */

/* Hintergruende 												*/
.bgcolor_1 { background-color:	#d3c6c1; } /* Body 				*/
.bgcolor_2 { background-color:	#f6f4f3; } /* NavMain			*/
.bgcolor_3 { background-color:	#f6f4f3; } /* Nav				*/
.bgcolor_4 { background-color:	#f6f4f3; } /* Content			*/


/* ------------------------------------------------------------ */
/* Grundeinstellungen                                           */
/* ------------------------------------------------------------ */
body,font,p,div,td,th,address,nobr,b,i,textarea { 
	font-family:		Arial,Helvetica,Univers,sans-serif; 
	font-size:			12px; 
	margin:				0px;
	color:				#000000;
}

body {
}

body.main_content { 
	margin-top:			19px;
}

div.main_img {
}

td.main_content_left, td.main_content_right { 
	background-color:	#fff;
}

td.main_content_left { 
	width:				300px;
}

img.header { 
	margin-bottom:		51px;
}

form { 
	margin: 			0px;
	padding:			0px;
}

p {
	margin-bottom:		14px;
	text-align:			left;
}

textarea {
	text-align:			left;
}

h1, h2, h3, h4 {
	margin:				0px;
	text-align:			left;
	font-weight: 		bold;
}

h1 {
	font-size:			14px;
	margin-bottom:		5px;
	color:				#000;
}

h2 {
	font-size:			13px;
	margin-bottom:		3px;
	color:				#1f97c5;
}

h3 {
	padding-top:		1px;
	padding-left:		3px;
	padding-right:		3px;
	padding-bottom:		1px;
	margin-bottom:		3px;
	font-size:			13px;
	color:				#fff;
	background-color:	#1f97c5; 
}

td {
	vertical-align:		top;
	text-align:			left;
}

.float_left {
	float:				left;
}

.text_small {
	font-size:			10px;
}

hr {
	height:				1px;
	color: 				#333333;
	margin-top:			5px;
	margin-bottom:		5px;
	border: 			1px #333333;
	border-style : 		none none solid none;
}

div.img_titled {
	float:					left;
	margin-left:			0px;
	margin-right:			16px;
	margin-bottom:			8px;
}

div.img_titled.right {
	float:					right;
	margin-right:			0px;
	margin-left:			16px;
}

div.img_titled.center {
	margin-left:			0px;
	margin-right:			0px;
}

/* ------------------------------------------------------------ */
/* Pseudo Formats                                               */
/* ------------------------------------------------------------ */

a:link 		{ color:#000000; text-decoration:none; }
a:visited 	{ color:#000000; text-decoration:none; }
a:active 	{ color:#000000; text-decoration:none; }
a:hover 	{ color:#eb7c08; text-decoration:none; }


/* ------------------------------------------------------------ */
/* Debug                                                        */
/* ------------------------------------------------------------ */
.debug_popup {
	padding:			5px; 
	position:			absolute; 
	top:				10px; 
	right:				10px; 
	background-color:	#ffff00; 
	font-size:			11px; 
	font-family:		monospace; 
	color:				black;
}

.debug_button_restore, .debug_button_close {
	padding:			5px; 
	width:				15px;
	height:				15px; 
	text-align:			center; 
	position:			absolute; 
	top:				5px; 
	right:				5px; 
	background-color:	#ff9900; 
	font-size:			10px; 
	font-weight:		bold
}

.debug_button_close a:link, .debug_button_close a:visited, .debug_button_close a:active 
.debug_button_restore a:link, .debug_button_restore a:visited, .debug_button_restore a:active {
	color:				#000;
	text-decoration:	none;
}

.debug_head {
	text-align:			left; 
	margin:				0px; 
	padding:			2px; 
	font-size:			12px; 
	background-color:	#ffbb00; 
	font-weight:		bold;
	color:				black;
}

.debug_col_1 {
	font-size:			11px; 
	text-align:			right;
	padding-right:		3px; 
	color:				black;
}
.debug_col_2 {
	font-family:		monospace; 
	font-size:			11px; 
	padding-right:		3px; 
	color:				#888888;
}


/* ------------------------------------------------------------ */
/* Nav															*/
/* ------------------------------------------------------------ */

td.nav_lang {
	background-color:		#000000;
	text-align:				right;
}

div.nav_lang {
	background-color:		#000000;
	text-align:				right;
	padding-top:			14px;
}

td.main_nav {
	padding-left:			14px;
	padding-right:			0px;
	height:					30px;
	background-color:		#008500;
}

td.main_nav div {
	margin-top:				4px;
}

td.main_left {
	border: 				4px #d3c6c1;
	border-style : 			none solid none none;
}

div.subnav {
	margin-top:				27px;
	margin-left:			14px;
}




.nav_level_00 { 
	font-size:				11px;
	font-weight:			bold;
}

.nav_level_00_spacer_before, 
.nav_level_00_spacer_after { 
}

.nav_level_01 { 
	float:					left;
	margin-right:			2px;
	margin-bottom:			0px;
	padding-left:			2px;
	padding-right:			2px;
	font-size:				14px;
	font-weight:			bold;
}

.nav_level_01_spacer_before, 
.nav_level_01_spacer_after { 
	float:					left;
	height:					16px;
	overflow:				hidden;
}

.nav_level_01_spacer_after_first, .nav_level_01_spacer_after_middle { 
	width:					20px;
	overflow:				hidden;
}

.nav_level_02 { 
	margin-bottom:			0px;
	padding-left:			8px;
	background-repeat:		no-repeat;
	background-position:	0px 2px;
	font-weight:			bold;
}

.nav_level_02_current { 
}

.nav_level_02_spacer_before_middle, 
.nav_level_02_spacer_before_last { 
	width:					5px;
	height:					5px;
}

.nav_level_03 { 
	font-size:				14px;
	font-weight:			bold;
}

.nav_level_03_spacer_before_middle, 
.nav_level_03_spacer_before_last { 
	height:					5px;
}

/* NAV LEVEL 00 -------------------------*/
.nav_level_00 a:link, 
.nav_level_00 a:visited, 
.nav_level_00 a:active 
{
	color:					#fff;
}
.nav_level_00 a:link.current, .nav_level_00 a:visited.current, .nav_level_00 a:link.open, .nav_level_00 a:visited.open {
	color:					#ffd638;
}

/* NAV LEVEL 01 -------------------------*/
.nav_level_01 a:link, 
.nav_level_01 a:visited, 
.nav_level_01 a:active 
{
	color:					#fff;
}
.nav_level_01 a:link.current, .nav_level_01 a:visited.current, .nav_level_01 a:link.open, .nav_level_01 a:visited.open {
	color:					#ffd638;
}

/* NAV LEVEL 02 -------------------------*/
.nav_level_02 a:link, 
.nav_level_02 a:visited, 
.nav_level_02 a:active 
{
	color:					#008500;
}
.nav_level_02 a:link.current, .nav_level_02 a:visited.current, .nav_level_02 a:link.open, .nav_level_02 a:visited.open {
	color:					#eb7c08;
}

/* NAV LEVEL 03 -------------------------*/
.nav_level_03 a:link, 
.nav_level_03 a:visited, 
.nav_level_03 a:active 
{
	color:					#511d08;
}
.nav_level_03 a:link.current, .nav_level_03 a:visited.current, .nav_level_03 a:link.open, .nav_level_03 a:visited.open {
	color:					#eb7c08;
}


/* NAV hover ----------------------------*/
.nav_level_00 a:hover {
	color:					#87c7e0;
}
.nav_level_01 a:hover {
	color:					#87c7e0;
}
.nav_level_02 a:hover {
	color:					#eb7c08;
}
.nav_level_03 a:hover {
	color:					#eb7c08;
}

/* ------------------------------------------------------------ */
/* Content	                                                    */
/* ------------------------------------------------------------ */

.width_content {
	width:					272px;
}

.content {
	margin-top:				27px;
	margin-left:			14px;
	margin-right:			14px;
}

.content_copy {
	margin-bottom:			10px;
}

.content_source {
	font-size:				9px;
}

.img {
}

.spacer {
	width:					100%;
	height:					20px;
}

.spacer_adjustable {
	width:					100%;
}

/* Verweise -----------------------------*/
a.arrow {
	background-repeat:		no-repeat;
	padding-left:			7px;
	color:					#000;
}
a.arrow:hover { color:#F00; }

.link_explained .content_copy {
	margin-left:			7px;
	font-size:				10px;
	margin-bottom:			4px;
}

.paragraph_linked .content_copy  {
	margin-bottom:			0px;
}

.paragraph_linked {
	margin-bottom:			10px;
}

.paragraph_linked a.link {
	background-repeat:		no-repeat;
	padding-left:			7px;
	color:					#eb7c08;
}
.paragraph_linked a:hover { color:#F00; }

.link_explained a.link {
	background-repeat:		no-repeat;
	padding-left:			7px;
	font-weight:			bold;
	color:					#eb7c08;
}
.link_explained a:hover { color:#F00; }


/* Slideshow ----------------------------*/
table.slide { 
	width:					100%;
}
td.slide_text { 
	width:					115px;
	padding-right:			10px;
}
td.slide_image { 
	text-align:				right;
}

/* Bulletlist ---------------------------*/
table.bulletlist {
	margin-top:				0px;
	margin-bottom:			8px;
}
td.bullet { 
	width:					10px;
	height:					10px;
	background-repeat:		no-repeat;
	background-position:	0px 4px;
}

/* User-Form ---------------------------*/
.form_user {
	background-repeat:	repeat-y;
	border: 			6px #eb7c08;
	border-style : 		solid none solid none;
}

.form_left {
	padding-left:		10px;
	padding-right:		10px;
	vertical-align: 	middle;
	font-weight: 		bold;
}

.form_right {
	text-align:			right;
	padding:			2px;
	padding-right:		10px;
}

.form_user input {
	width: 				200px;
}

.form_user select {
	width: 				204px;
}

.form_user textarea {
	width: 				304px;
}

input.submit_form {
	width:				120px;
	height:				25px;
	margin:				0px;
	margin-top:			10px;
	margin-bottom:		10px;
	font-size:			8pt;
	font-weight:		bold;
	background-color: 	#eb7c08;
	color:				#fff;
	cursor:				pointer;
}

.error {
	padding:			10px;
	margin-bottom:		10px;
	background-color: 	#EFBF3B;
	font-weight: 		bold;
}

.answer {
	font-weight: 		bold;
	margin-bottom:		50px;
}

/* INFOBOX ------------------------------*/

table.infobox {
	width:					100%;
	margin-bottom:			15px;
}
.infobox_head, .infobox_head b {
	font-size:				18px;
	font-weight:			bold;
	color:					#fff;
}
.infobox_head b {
	color:					#ff0;
}
td.infobox_head {
	border:					1px #666600;
	border-style : 			solid solid solid solid;
	padding:				2px;
	background-color:		#999900;
}
td.infobox_nav {
	border:					1px #666600;
	border-style : 			none solid solid solid;
	background-color:		#fff8bd;
	padding-right:			8px;
}
td.infobox_img div.img {
	margin-bottom:			0px;
	border:					1px #666600;
	border-style : 			none none solid none;
}
td.infobox_img img {
	margin:					0px;
}
td.infobox_content {
	border:					1px #666600;
	border-style : 			none solid none solid;
	background-color:		#fff8bd;
	padding:				2px;
	padding-top:			4px;
	padding-left:			4px;
	padding-bottom:			4px;
	padding-right:			14px;
}
td.infobox_link {
	border:					1px #666600;
	border-style : 			none solid solid solid;
	background-color:		#cad200;
	padding:				2px;
	padding-left:			4px;
}
td.infobox_bottom {
	border:					1px #666600;
	border-style : 			none solid solid solid;
	background-color:		#cad200;
	padding:				2px;
	padding-top:			0px;
	padding-left:			4px;
}

.infobox_content p {
	margin-bottom:			0px;
}

td.infobox_img {
	border:					1px #666600;
	border-style : 			none solid none solid;
	text-align:center;
}
td.infobox_img.center, td.infobox_content.center, td.infobox_link.center {
	border-left:			0px;
	border-right:			0px;
}

/* INFOBOX COLORSCEMES -------------------*/
table.infobox.colorsceme_01 td 			{ border-color:		#666600; }
table.colorsceme_01 td.infobox_head 	{ color:			#ffffff; background-color:	#999900; }
table.colorsceme_01 td.infobox_head b 	{ color:			#ffff00; }
table.colorsceme_01 td.infobox_content 	{ color:			#000000; background-color:	#fff8bd; }
table.colorsceme_01 td.infobox_link 	{ background-color:	#cad200; }
table.colorsceme_01 td.infobox_bottom 	{ background-color:	#cad200; }

table.infobox.colorsceme_02 td 			{ border-color:		#666600; }
table.colorsceme_02 .infobox_head 		{ color:			#3e4000; background-color:	#cad200; }
table.colorsceme_02 td.infobox_head b 	{ color:			#df2c00; }
table.colorsceme_02 td.infobox_content 	{ color:			#000000; background-color:	#fff8bd; }
table.colorsceme_02 td.infobox_link 	{ background-color:	#cad200; }
table.colorsceme_02 td.infobox_bottom 	{ background-color:	#cad200; }

table.infobox.colorsceme_03 td 			{ border-color:		#335278; }
table.colorsceme_03 .infobox_head 		{ color:			#ffffff; background-color:	#37659e; font-size: 14px; }
table.colorsceme_03 td.infobox_head b 	{ color:			#ffff00; font-size: 14px;}
table.colorsceme_03 td.infobox_content 	{ color:			#000000; background-color:	#ddeded; }
table.colorsceme_03 td.infobox_link 	{ background-color:	#ddeded; padding-bottom: 	5px;	}
table.colorsceme_03 td.infobox_bottom 	{ background-color:	#ddeded; }

table.infobox.colorsceme_04 td 			{ border-color:		#335278; }
table.colorsceme_04 .infobox_head 		{ color:			#ffffff; background-color:	#999900; font-size: 14px; }
table.colorsceme_04 td.infobox_head b 	{ color:			#ffff00; font-size: 14px;}
table.colorsceme_04 td.infobox_content 	{ color:			#000000; background-color:	#f5fae3; }
table.colorsceme_04 td.infobox_link 	{ background-color:	#f5fae3; padding-bottom: 	5px;	}
table.colorsceme_04 td.infobox_bottom 	{ background-color:	#f5fae3; }


/* SOCIAL NETWORKS -----------------------*/
div.socialnetworks_block {
	float:				right;
	margin-top:			10px;
	margin-left:		12px;
	text-align:			right;
	color:				#999900;
}
div.socialnetworks_row {
	float:				left;
	margin:				0px;
	margin-right:		5px;
	height:				17px;
}
img.socialnetworks {
	float:				left;
	margin:				0px;
}
div.socialnetworks {
	float:				left;
	padding-left:		2px;
	padding-top:		0px;
	font-size:			11px;
}
.socialnetworks a:link, 
.socialnetworks a:visited, 
.socialnetworks a:active 
{
	color:				#000;
	text-decoration:	underline;
}
.socialnetworks a:hover 
{
	color:				#00f;
	text-decoration:	underline;
}


/* ------------------------------------------------------------ */
/* Popup BigImage		                                        */
/* ------------------------------------------------------------ */
.bigimage_button_prev, .bigimage_button_next, .bigimage_caption {
	text-align:			center;
	vertical-align:		middle;
}
.bigimage_button_prev, .bigimage_button_next {
	margin:				5px;
	height:				25px;
	border: 			1px #000 solid;
	background-color:	#ffff00;
	width:				100px;
	padding-top:		8px;
}
.bigimage_button_prev {
	float:				left;
	text-decoration:	underline;
}
.bigimage_button_next {
	float:				right;
	text-decoration:	underline;
}
.bigimage_caption {
	padding-top:		3px;
	text-align:			center;
	background-color:	#fff;
}
.bigimage_caption small {
	font-size:			9px;
	color:				#666;
}

/* ------------------------------------------------------------ */
/* JS-Elemente verstecken                                       */
/* ------------------------------------------------------------ */
.jsrequired {
	display:			none;
}

/* ------------------------------------------------------------ */
/* Sudoku                                                       */
/* ------------------------------------------------------------ */
div.sudoku_cell_known, div.sudoku_cell_unknown {
	width:				52px;
	height:				52px;
	text-align:			center;
}
div.sudoku_cell_known {
}

div.sudoku_number_known, div.sudoku_number_unknown {
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			26px;
	font-weight:		bold;
	padding-top:		10px;
}

input.sudoku_input {
	font-size:			26px;
	text-align:			center;
	padding:			0px;
	width:				35px;
	height:				27px;
	border:				0px;
	margin-left:		1px;
}

input.sudoku_input_memo {
	font-size:			9px;
	text-align:			center;
	padding:			0px;
	width:				11px;
	height:				11px;
	border:				0px;
	margin-top:			1px;
	margin-left:		1px;
}

.main_margin div.sudoku_cell_known {
	width:				24px;
	height:				24px;
}
.main_margin div.sudoku_number_known {
	font-size:			12px;
	padding-top:		4px;
}



.sudoku_cell_known.back_norm {
	background-color:	#e9e6c9;
}
.sudoku_cell_known.back_high {
	background-color:	#fcc;
}


.sudoku_cell_unknown.back_norm {
	background-color:	#fffef5;
}
.sudoku_cell_unknown.back_high {
	background-color:	#fcc;
}


/* Backs --------------- */
/* normal */
.sudoku_input.back_norm, .sudoku_input_memo.back_norm {
	background-color:	transparent;
}

/* over */
.sudoku_input.back_over, .sudoku_input_memo.back_over {
	background-color:	#cad200;
}

/* focus */
.sudoku_input.back_focus, .sudoku_input_memo.back_focus {
	background-color:	#e5ee03;
}


/* Texte --------------- */
.sudoku_input.text_norm, .sudoku_input_memo.text_norm {
	color:				#3366cc;
}
.sudoku_input.text_duplicate, .sudoku_input_memo.text_duplicate {
	color:				#f00;
}
.sudoku_input.text_tipp, .sudoku_input_memo.text_tipp {
	color:				#999900;
}







/* ------------------------------------------------------------ */
/* Weather                                                      */
/* ------------------------------------------------------------ */

div.weather {
	background-color:		#fff;
	border:					1px #000;
	border-style : 			none solid solid solid;
	padding-bottom:			8px;
}
td.infobox_head.weather {
	padding-left:			5px;
}

div.weather h3 {
	background-color:		#fff8bd;
	margin: 				0px;
	margin-top: 			2px;
	padding: 				0px;
}

div.weather_hr {
	clear:					both;
	height:					1px;
	margin: 				0px;
	border: 				1px #000;
	border-style : 			solid none none none;
}

div.weather_img {
	clear:					both;
	background-color:		#6c8ede;
	width:					62px;
	height:					62px;
	float:					left;
	margin-left:			5px;
	margin-right:			10px;
	margin-top:				4px;
	margin-bottom:			5px;
}

div.weather_img.first {
	margin-top:				38px;
	margin-bottom:			5px;
}

.infobox_weather small {
	line-height:			13px;
}

div.weather_moon_img {
	position:relative;
	font-size:10px;
	color:#fff;
	text-align:center;
	float:left;
	margin-top:4px;
	margin-left:5px;
	margin-right:10px;
	background-color:#122c4b;
	width:62px;
	height:75px;
}

div.weather_moon_bu {
	font-size:10px;
	color:#ddeded;
	position:absolute;
	bottom:-12px;
	left:0px;
	background-color:#37659e;
	width:62px;
}

div.weather_moon_text {
	float:left;
	margin-top:16px;
	margin-left:5px;
	margin-bottom:4px;
	font-size:10px;
	line-height:10px;
}

div.weather_daynight_img {
	float:left;
	margin-top:4px;
	width:150px;
	height:75px;
	position:relative;
}

div.weather_daynight_bu {
	font-size:10px;
	color:#ddeded;
	position:absolute;
	bottom:-12px;
	left:0px;
	background-color:#37659e;
	width:150px;
	border-top:		1px solid #3d4c63;
}

div.weather_daynight_text {
	float:right;
	margin-top:16px;
	margin-bottom:4px;
	text-align:right;
	margin-right:5px;
	font-size:10px;
	line-height:10px;
}

/* ------------------------------------------------------------ */
/* Puzzle Jigsaw                                                */
/* ------------------------------------------------------------ */
div.puzzle_jigsaw {
	margin-right:14px;
	border: 1px solid black;
}



/* ------------------------------------------------------------ */
/* Footer                                                       */
/* ------------------------------------------------------------ */

small {
	font-size: 				11px;
}

.footer {
	clear:					both;
	margin-top:				0px;
	padding-top:			5px;
	text-align:				right;
	font-size: 				11px;
	color:					#627d88;
}

.footer a:link, .footer a:visited, .footer a:active {
	color:					#627d88;
}

.footer a:hover {
	color:					#eb7c08;
}


/* ------------------------------------------------------------ */
/* CMS-Version                                                  */
/* ------------------------------------------------------------ */
div.cms_version {
	position:				absolute;
	top:					10px;
	right:					10px;
	font-size:				8px;
}



/* ------------------------------------------------------------ */
/* Druck	                                                    */
/* ------------------------------------------------------------ */
@media print { 
	
	td.main_content_left { 
		border: 				1px #000;
		border-style : 			none none solid solid;
	}

	td.main_content_right { 
		border: 				1px #000;
		border-style : 			none solid solid none;
	}

	td.main_nav {
		height:					35px;
		border: 				4px #000 solid;
	}
	
	.nav_level_00 a:link, 
	.nav_level_00 a:visited, 
	.nav_level_00 a:active 
	{
		color:					#000;
	}
	.nav_level_00 a:link.current {
		color:					#f00;
	}
	.nav_level_00 a:link.open {
		color:					#f00;
	}

	div.main_img {
		margin:5px;
		border: 				1px #000 solid;
	}
}