@charset "utf-8";
@import url("../fonts/BAUHS93/BAUHS93.css");
@import url("../fonts/COPRGTB/COPRGTB.css");      

/* --- site colours:

deep red = #711118
light-red= #cc0000
green = #34B484

--- */

/*--- background page colour for the slidebar pages are defined on slidebar.css / slidebar-sci.css  

html, body {background-color: #FFF;
}

--- */

/* --- header --- */

header {background-color:#000;
margin:0px;
padding:0px; 
}

.alignleft-notext {
	float: left;
	text-align: left;
	width: 15%;
	font-family: 'Bauhaus 93'
	color: #FFF;
	font-size: 2em;
	padding-top: 0.25em;
	margin-left: .7em;
	}

.alignleft-small {
	float: left;
	text-align: left;
	width: 25%;
	font-family: 'Bauhaus 93';
	color: #FFF;
	font-size: 1.5em;
	padding-top: 0.55em;
	margin-left: .7em;
	}

.alignleft {
	float: left;
	text-align: left;
	width: 25%;
	font-family: 'Bauhaus 93';
	color: #FFF;
	font-size: 2em;
	padding-top: 0.55em;
	margin-left: .7em;
	}
	
.aligncenter {
	float: left;
	text-align: center;
	width: 47%;
	font-family: 'Copperplate Gothic Bold';
	font-weight: bold;
	color: #FFF;
	font-size: 2em;
	padding-top: 0.2em;
	vertical-align: middle;
}

.alignright {
    float: left;
    text-align:center;
    width:25%;
	font-family: 'Bauhaus 93';
	color: #FFF;
	font-size: 2em;
	padding-top: .55em;
	
}

@media screen and (min-width: 25em) {
	.alignleft-notext {display:none;}
	li.li-content {padding-bottom:0; 
}
	
}

@media screen and (max-width: 25em) {
	.alignleft-small {display:none;}
	
	
}

@media screen and (min-width: 40em) {
	.aligncenter {font-size:4em;}
	
	
}

@media screen and (min-width: 50em) {
	
	.alignleft-small {display:none;}
}

@media screen and (max-width: 50em) {
	
	.alignleft {display: none;}
	
	
	
	
}

@media screen and (max-width: 70em) {

.alignright {display:none;}	
}




img.img-submenu {padding-left: 0.2em;
}

p.p-sidebar {color:#FFF;
}

p.p-center {text-align:center;
}

/* --- links --- */

a.a-nav  {
	list-style: none;
	color: #FFFFFF;
	text-decoration:none;
	cursor: pointer;
}

a.a-nav:visited  {
  list-style: none;
  color: #FFFFFF;
  text-decoration:none;
  
}

a.a-nav:hover {
  color: #FFFFFF;
  text-decoration:none;
}

a.a-nav:active {
  list-style: none;
  color: #FFFFFF;
  text-decoration:none;
  
}

a.a-side  {
  list-style: none;
  color: #dfe5eb;
  cursor: pointer;
}

a.a-side:visited  {
  list-style: none;
  color: #dfe5eb;
  
}

a.a-side:hover {
  color: #34B484;
}

a.a-side:active {
  list-style: none;
  color: #dfe5eb;
  
}

ul.ul-side {
	color: #FFFFFF;
}

ul.ul-side li {padding-top: 6px;
}

/* --- page specifics -- */

.neuengamme { vertical-align:top;
padding: 0.3em;
}

/*Selbstmordnacht*/
table.selbstmord 	{width: 60%;}
td.selbstmord1 		{width: 60px;}
td.selbstmord2 		{width: 40px;}

/*Soldatenfriedhof*/
table.soldaten 		{width:50%;}
td.soldaten1 		{width:40%;}
td.soldaten2		{width:26%;}
td.soldaten3		{width:34%;}	

/*Tryptichon */
table.tryp	{width:98%;vertical-align:top;
}
td.tryp1 	{width:33%;}

/*Verdun*/
table.verdun		{width:96%;}
td.verdun1			{width: 20%;
					vertical-align:top;}
td.verdun2			{width: 80%;
					vertical-align:top;}

/*CV*/

/*general*/

table.cv	{
	width: 98%;
	border-collapse: collapse;
	border: thin;
	border-color: #CCCCCC;
	margin-bottom: 1em;
}

			 
td.cv1	{ 	width:50%;
			border:1px solid;
			border-color:#CCCCCC;
			padding: 0.5em; }
			
td.cv2	{	width:12%;
			border:1px solid;
			border-color:#CCCCCC;
			padding: 0.5em; }
				
td.cv3	{	width:38%;
			border:1px solid;
			border-color:#CCCCCC;
			padding: 0.5em;}	
				
td.cv4	{ 	border:1px solid;
			border-color:#CCCCCC;
			padding: 0.5em;}		

/*personal*/

table.personal	{	width:98%;
					border-collapse:collapse;
					border: thin;
					border-color:#CCCCCC;}
				 
td.personal1	{width:30%;
				 border:1px solid;
				 border-color:#CCCCCC;
				 padding: 0.5em;}
				 
td.personal2	{width:70%;
				 border:1px solid;
				 border-color:#CCCCCC;
				 padding: 0.5em; }

/* chronological */

td.chron1	{width:18%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding: 0.5em;}	
			 
td.chron2	{width:37%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding: 0.5em;}	
			 
td.chron3	{width:45%;
			 border:1px solid;
			 border-color:#CCCCCC;
			 padding: 0.5em;}		
			 
td.chron4	{border:1px solid;
			 border-color:#CCCCCC;
			 padding: 0.5em;}				 		 			 				
/* --- SCI videos  ---*/

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.video { 
	max-width: 40em;
	margin: 0 auto;
}