/* ============================================================ */
/* Hauptseite (index.php) */
/* ============================================================ */

.titleheader {
	background-color: #00376C;
	vertical-align:middle;
	padding: 7px;
	margin: 0px;
	margin-bottom:20px;
}
.titlename {
	background-color: #335F89;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-style: italic;
	font-size: 30px;
	margin: 0px;

}
.titlemenutop {
	margin: 0px;
	margin-top:20px;
	margin-bottom:10px;
	padding:0px;
	width:auto;
}
.titlemenu {
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 12pt;
	padding: 0px;
	border-style: none;
	border-spacing: 0px;
}
a.titlemenu, a:link.titlemenu, a:hover.titlemenu, a:focus.titlemenu, a:active.titlemenu, a:visited.titlemenu {
	color: #FFFFFF;
	font-weight: bold;	
	text-decoration: none;
	font-style: normal;
}
.titleleftheader {
	color: #FFFFFF;
	text-align:left;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;	
	font-size: 14pt;
	font-style: italic;
	padding: 0px;
	border-style: none;
	border-spacing: 0px;
}
a.titlelink, a:link.titlelink, a:hover.titlelink, a:focus.titlelink, a:active.titlelink, a:visited.titlelink {
	color: #FFFFFF;
	font-weight: normal;	
	#text-decoration: none;
	#font-style: italic;
}
.titlemenucolor1 {
	background-color: #335F89;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.titlemenucolor2 {
	background-color: #6687A7;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.titlemenucolor3 {
	background-color: #99AFC4;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}
.titlemenucolor4 {
	background-color: #CCD7E2;
	padding: 5px;
	padding-left: 15px;
	padding-right: 15px;
}


/* ============================================================ */
/* Header (Uni-Seiten) */
/* ============================================================ */

table.header {
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px 15px;
}
.header {
	text-align: left;
	vertical-align: middle;
	background-color: #00376C;
}
a.header, a:link.header, a:hover.header, a:focus.header, a:active.header, a:visited.header {
	text-decoration: none;
	font-size: 12pt;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-weight: bold;	
}

/* ============================================================ */
/* Header (Japan-Seiten) */
/* ============================================================ */

.japanheader {
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	#background-image:url('http://www.backgroundlabs.com/backgrounds/218.jpg');
	background-color: #6687A7;
	color: #222222;
	/*text-shadow: 2px 2px 4px #00376C;*/
	padding: 15px;
}

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

#japanmenu h1 {
	background-color: #CCD7E2;
	color: #222222;
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	padding: 10px;
	margin: 0px;
}
#japanmenu {
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #335F89;
	font-size: 13pt;
	width: 100%;
	padding: 0px;
}

#japanmenu ul {
	list-style-type: none;
	margin: 0px;
	padding: 12px;
}

#japanmenu li {
	display: inline;
	margin: 0px;
	padding: 12px;
}

#japanmenu li.selected {
	background-color: #CCD7E2;
}

#japanmenu li a, #japanmenu li a:link, #japanmenu li a:visited, #japanmenu li a:focus, #japanmenu li a:active {
	text-decoration: none;
	padding: 0 5px;
	color: #222222;
}

#japanmenu li a:hover {
	color: #D09FA1;
}

/* ============================================================ */
/* Header (Kochbuch-Seiten) */
/* ============================================================ */
.kochbuchheader {
	text-align: center;
	vertical-align: middle;
	font-family: Arial, Helvetica, sans-serif;
	#background-image:url('http://www.backgroundlabs.com/backgrounds/218.jpg');
	background-color: #00376C;
	color: #FFFFFF;
	text-shadow: 2px 2px 4px #CCD7E2;
	padding: 15px;
}

/* ============================================================ */
/* Footer (alle Seiten) */
/* ============================================================ */

table.footer{
	margin-top: 10px;
	padding:5px;
	border: 0px;
	background-color: #00376C;
	width: 100%;
}
td.footer {
	background-color: #00376C;
	text-align: left;
	vertical-align:middle;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	width: 100%;
}
img.footer {
	height: 31px;
	width: 88px;
	border: 0px;
}

/* ============================================================ */
/* Generelles */
/* ============================================================ */

body {
	#background-image:url('beige.gif');
	background-color: #F9F9FD;
	background-attachment:fixed;
	font-family: Arial, Helvetica, sans-serif;
}

a:link, a:hover, a:focus, a:active {
	color: #8A0F14}

a:visited {
	color: #A13F43;
}

h1 {
	background-color: #335F89;
	color: #FFFFFF;
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18pt;
	font-weight: bold;
	padding: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h2 {
	background-color: #99AFC4;
	color: #222222;
	text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	font-weight: bold;
	padding: 7px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h3 {
	background-color: #CCD7E2;
	color: #222222;
	#text-align: center;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 11pt;
	font-weight: bold;
	padding: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h4 {
	#color: #222222;
	vertical-align:middle;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding-top: 5px;
	margin-top: 5px;
}

table {
	width: 100%;
	border-spacing: 1px;
}

td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12pt;
	vertical-align:top;
	text-align:left;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}

th {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.highlight {
	background-color: #CCD7E2;
	text-align:center;
	vertical-align:middle;
	padding-left: 10px;
	padding-right: 10px;
}
.highlight2{
	background-color: #F2F4F6;
	text-align:center;
}
.highlight3{
	background-color: #F6F2E1;
	text-align:center;
}