/* #### */
/* Main */
/* #### */
body { background-color : #ffffff;
	   color : #303030;
	   font-family : Verdana, Arial, Helvetica, sans-serif;}

body.background_main { background: url(images/bg-main.jpg);
                  background-size: 100%;}

body.background_pm { background: url(images/bg-pm.jpg);
                  background-size: 100%;}


/* ############## */
/* Blurred Bodies */
/* ############## */

body,
.blurred-bg-container .content h1 {
  margin: 0;
}

.blurred-bg-container {
  background: url(images/bg-main.jpg);
  height: 100vh; /* =h */
  background-size: cover;
}

.blurred-bg-container .content {
  background: inherit;
  width: 60%; /* =cw */
  height: 40%; /* =ch */
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%; /* =ct */
  left: 50%; /* =cl */
  transform: translate(-50%, -50%);
  overflow: hidden;
}

.blurred-bg-container .text {
  padding: 16px;
  background: rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: justify;
  display: flex;
  align-items: center;
  box-sizing: border-box; /* so that padding is included in height */
}

.blurred-bg-container .blur {
  background: inherit;
  height: 100vh; /* h */
  width: 166.667%; /* (100/cw) x 100% */
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(
    -10%,
    -30%
  ); /* - [cl - (cw/2)] % ,  -[ct - (ch/2)] % */
  filter: blur(10px);
  z-index: -1;
}

/* #################### Expertise #################### */

.blurred-bg-container_expertise {
  background: url(images/bg-main.jpg);
  height: 100vh; /* =h */
  background-size: cover;
}

.blurred-bg-container_expertise .content_expertise {
  background: inherit;
  width: 80%; /* =cw */
  height: 90%; /* =ch */
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%; /* =ct */
  left: 50%; /* =cl */
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: auto;
}

.blurred-bg-container_expertise .text_expertise {
  padding: 16px;
  background: rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: justify;
  display: flex;
  align-items: center;
  box-sizing: border-box; /* so that padding is included in height */
}
.blurred-bg-container_expertise .blur_expertise {
  background: inherit;
  height: 100vh; /* h */
  width: 166.667%; /* (100/cw) x 100% */
  position: absolute;
  left: 0;
  top: 0;
  transform: translate(
    -10%,
    -30%
  ); /* - [cl - (cw/2)] % ,  -[ct - (ch/2)] % */
  filter: blur(15px);
  z-index: -1;
}

/* #################### CV #################### */

.blurred-bg-container_cv {
  background: url(images/bg-pm.jpg);
  height: 100vh; /* =h */
  background-size: cover;
}

.blurred-bg-container_cv .content_cv {
  background: inherit;
  width: 80%; /* =cw */
  height: 75%; /* =ch */
  border-radius: 8px;
  box-shadow: 0 0 32px rgba(0, 0, 0, 0.5);
  position: absolute;
  top: 50%; /* =ct */
  left: 50%; /* =cl */
  transform: translate(-50%, -50%);
  overflow-x: hidden;
  overflow-y: auto;
}
/*
.blurred-bg-container_cv .text_cv {
  padding: 16px;
  background: rgba(255, 255, 255, 0.3);
  height: 100%;
  text-align: justify;
  display: flex;
  align-items: top;
  box-sizing: border-box; /* so that padding is included in height */
/*}
.blurred-bg-container_cv .blur_cv {
  background: inherit;
  height: 100vh; /* h */
/*  width: 166.667%; /* (100/cw) x 100% */
/*  position: absolute;
  left: 0;
  top: 0;
  transform: translate(
    -30%,
    -30%
  ); /* - [cl - (cw/2)] % ,  -[ct - (ch/2)] % */
/*  filter: blur(15px);
  z-index: -1;
}
*/
h1 { font-family : Verdana, Arial, Helvetica, sans-serif;
	 font-size : 18pt; 
	 font-weight : bold; 
	 color : #303030;
	 text-decoration : none;
	 font-style : normal;
	 margin-top : 0px;
	 margin-bottom : 0px;}

h2 { font-family : Verdana, Arial, Helvetica, sans-serif;
	 font-size : 14pt; 
	 font-weight : bold; 
	 color : #303030;
	 text-decoration : none;
	 font-style : normal;
	 margin-top : 0px;
	 margin-bottom : 0px;}

h3 { font-family : Verdana, Arial, Helvetica, sans-serif;
	 font-size : 12pt; 
	 font-weight : bold; 
	 color : #303030;
	 text-decoration : none;
	 font-style : normal;
	 margin-top : 0px;
	 margin-bottom : 0px;}

h4 { font-family : Verdana, Arial, Helvetica, sans-serif;
	 font-size : 10pt; 
	 font-weight : bold; 
	 color : #303030;
	 text-decoration : none;
	 font-style : normal;
	 margin-top : 0px;
	 margin-bottom : 0px;}
	 
table { font-family : Verdana, Arial, Helvetica, sans-serif;
	    font-size : 10pt; 
	    font-weight : normal; 
	    text-decoration : none;
	    font-style : normal;
	    text-align : left;
		border : 0px;
		/*border : 1px solid black;*/
		/*width : 650px;*/
		/*align: left*/
		padding-bottom : 0px;
		padding-left : 0px;
		padding-right : 0px;
		padding-top : 0px;}

table.white { background-color: #ffffff;}

table.wt { background: rgba(255, 255, 255, 0.9); /*RGB and Opacity */
			width: 100%;
			/*border: 1px solid #000000;*/
			padding: 5px;
			height: 100%;
			text-align: justify;
			display: flex;
			align-items: center;
			box-sizing: border-box; /* so that padding is included in height */
} 

table.border { 
		border-collapse: collapse;
		background-color: #ffffff;
		border : 1px solid #ffffff; /* Für IE <= 7; Farbe entspricht Hintergrundfarbe */
		border-style: hidden;
		/*width : 650px;*/
		/*align: left*/
		padding-bottom : 20px;
		padding-left : 5px;
		padding-right : 0px;
		padding-top : 20px;
		opacity: 0.9;}

td.header { font-size : 12pt; 
 	       font-weight : bold;
		   text-align: left;
		   vertical-align: top;}

td.headerwhitetrans { font-size : 12pt; 
						font-weight : bold;
						text-align: left;
						vertical-align: top; background-color: #ffffff;
						opacity: 0.9;}

td.headerdots { font-size : 12pt; 
				font-weight : bold;
				text-align: left;
				vertical-align: top;
				border: 1px dotted black;
				padding-bottom : 2px;
				padding-left : 5px;
				padding-right : 5px;
				padding-top : 2px;
				opacity: 0.9;}

td.dots { border: 1px dotted black;
			padding-bottom : 5px;
			padding-left : 5px;
			padding-right : 5px;
			padding-top : 5px;
			opacity: 0.9;}

td.blocktext { text-align: justify;}

td.big{ font-size : 18px;
        padding: 5px;
		text-align: justify}

td.bigright{ font-size : 16px;
			text-align: right}
			
td.bigleft{ font-size : 16px;
			text-align: left}	
			
td.medium{ font-size : 9px;}

td.small{ font-size : 8px;}

td.empty{ height : 10px;
		 font-size : 1px;}

td.right{ text-align: right;}

td.rightmedium{ text-align: right;
				vertical-align: top;
				font-size: 14px;}

td.center{ text-align: center;}

td.vtop{ vertical-align: top;
			/*border: 1px solid #000000;*/
}

td.blue{ background-color: #192355;}

a { font-size : 10pt; 
	color : #5065aa;
	text-decoration : none;
	font-weight : bold;}

a.small { font-size : 8pt;
          font-weight: normal;}

hr {color : #000000;
	background-color: #000000;
	height: 1px;
	 border: 0px;}

ul {	padding-top: 0px;
    padding-bottom: 0px;
	margin-top : 0px;
	margin-bottom : 10px;}

img{ border: 0pt none}

img.profile{ height: 95px;}

img.main_body{ height: 600px;}

img.icon{ width: 20px;
          height: 20px;}

/* ###### */
/* Header */
/* ###### */

body.head { background-color : #ffffff;}

table.head{ width : 100%;
		    height: 80px;
		    padding: 0px}

a.big { color : #405570;
        padding-left : 20px;
		position: relative;
		font-size : 16pt;
        font-weight: normal;}

a.nav { color : #405570;
        padding-left : 20px;
		position: relative;
		font-size : 12pt;
		font-weight : normal;}


/* ##### */
/* Links */
/* ##### */

a.links { font-size : 9pt;}


/* ######### */
/* Allgemein */
/* ######### */
		  
hr { height: 1px;
	 color : #303030;}

.small { font-size : 8pt;}

.center { text-align : center;}

.undeline { text-decoration : underline;}

p {	margin-bottom : 0px;
	margin-top : 0px;}