/* -------------------------------------------------------------------------------------- */
/* YAML based Layout for PEAK-System ReadMe-Pages				                          */
/* Version: 1.0.0 - Last change: 2017-08-13                                               */
/* -------------------------------------------------------------------------------------- */
body						{ background-color:#212121; min-width:640px; font-family:'Source Sans Pro', Calibri, Arial, sans-serif; font-size:120%; }  

.ym-wrapper 				{ margin:0; max-width:1024px; margin:0 auto; }

#header						{ width:100%; height:120px; background-color:#212121; margin:0; padding:0; }
#header	.ym-wrapper			{ position:relative; }
#header	h1 					{ padding:0 220px 0 0; color:#fff; font-size:240%; font-weight:normal; }
#logo						{ width:174px; position:absolute; right:1.5em; top:1.20em;}

#navigation 				{ width:100%; background-color:#212121; height:1.5em; margin:0; padding:0 0 0.25em 0; }
#navigation .ym-wrapper 	{ position:relative;  }
#navigation .ym-wbox 		{ padding:0 1.0em 0 1.0em; }

#main						{ background-color:#F2F2F2; min-height:600px; border-bottom:4px solid #C81E3C; padding:0; }
#main .ym-wbox				{ padding:0.25em 1.5em 200px 1.5em; }

#footer						{ color:#999; min-height:250px; }
#footer	.ym-wbox			{ padding-top:1em; }
#footer	a					{ color:#999; text-decoration:none; outline:none; }
#footer	a:hover 			{ color:#da6e55; }

h2							{ font-weight:bold; margin:2em 0 0.5em 0;}

p	 						{ margin:0 0 1em 0; line-height:1.25em; }
a			 				{ color:#c72626; outline:none; }
a:hover						{ color:#da6e55; }
li							{ list-style:square; }

strong, b 					{ font-size:100%; font-weight:600; }

table						{ margin: 0 0 2em 0; }	
table.PEAK					{ border-top:2px solid #333; border-bottom:2px solid #333; margin:0 0 2em 0; background-color:#eee; }
table.PEAK th				{ background-color:#333; color:#fff; padding:0.5em; line-height:1.25em; }
table.PEAK td				{ border-bottom:1px dashed #ccc; vertical-align:top; padding:0.5em 0.5em 0.75em 0.5em; line-height:1.35em;  }
table.PEAK ul				{ margin-bottom:0;  }

.ym-hlist 					{ width:100%; overflow:hidden; position:relative; }
.ym-hlist ul 				{ margin:0; display:inline;}
.ym-hlist ul li 			{ display:inline-block; list-style: none; margin:0 0.25em 0 0; }
.ym-hlist ul li a 			{ color:#aaa; display:block; border-radius:2px; height:100%; text-decoration:none; padding:0 0.5em 0 0.5em; font-weight:normal; }
.ym-hlist ul li a:focus,
.ym-hlist ul li a:hover,
.ym-hlist ul li a:active 	{ color:#fff; background:#666;}
	
#language					{ position:absolute; right:0; height:100%;}
#language a					{ padding:0 0.35em 0 0.35em; }
#language img				{ position:relative; top:2px; border:1px solid #212121; }

