* {
  box-sizing: border-box;   
}

/* Normalizes margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin: 0px; padding: 0px;}

/* Normalizes font-size for headers */
h1, h2, h3, h4, h5, h6 {font-size: 100%;}

/* Removes list-style from lists */
ol, ul {list-style: none;}

/* Normalizes font-style and font-weight to normal */
address, caption, cite, code, dfn, em, th, var
{font-style: normal; font-weight: normal;}

/* Removes border from fieldset and img */
fieldset, img {border: 0px;}

body { text-align: center; background-color: #f0e9e6; font-family: Arial; color: #4e3934; }
body a { text-decoration: none; color: #4e3934; }

.myarticle {
  width: 75%;
  padding: 10px;
  margin:  20px;
  border: 1px solid black;
  background-color: bisque;
}

.mymain {
  width: 100%;
  padding: 10px;
  background-color: sienna;
  display: flex;
  flex-direction: row;
}

.pdf-container {
	height:650px;
    border: 1px dotted black;
   	padding: 10px;
	margin:1px;
	width: 84%;
	background-color: silver;
}

.leftSpacer { padding-left: 15px; }
.clear { clear: both; }
.center { text-align: center; }
.in_center { text-align: center; }
.out_center { margin: 0 auto; }
.gray_bg { background-color: #DCD7D6; }
.block { display: block; }
.v_spacer { margin-bottom: 100px; }
.headerImage { margin: 2px; }


/* ------------ Container ---------------- */

/*div#wrapper { border: 2px solid black; margin: 10px auto 10px auto; width: 994px; 
*/
/* neu */


div#wrapper { 	border: 3px solid black; 
				width: 72em ;	
				background-color: #FFF; 
				margin: 10px auto 10px auto; 
                box-shadow:6px 6px 10px gray;
}

div#main { text-align:left; margin:5px 0px 5px 0px; 
		background: url('images/main_bg.gif') repeat-y; 
        background-position: 15px 0px; 
	}


div#footer { margin-bottom: 30px; width: 100%; text-align: center; }

/* --------------- Header --------------- */

div#header { padding-bottom: 2px; height: 165px; overflow: hidden; text-align: left;
}




div#header2 { padding-bottom: 2px; height: 230px; overflow: hidden; 
		text-align: center;
/*		font-size:1.6em;
*/
}


/* --------------- Navi ------------------ */

div#navi { text-align: left; margin: 0px; background: url('images/naviBG.gif') repeat-x; height: 53px; }
div#navi ol { list-style: none; margin: 0px; padding: 0px; height: 53px;}
div#navi li { float: left; padding-top: 15px; height: 50px; }
div#navi li:hover { background: url('images/naviHoverBG.gif') repeat-x; }
div#navi li.actSite { background: url('images/naviHoverBG.gif') repeat-x; }
div#navi li#homeLink { padding-top: 8px; height: 50px; }
div#navi a { font-size: 18px; color: #FFF; padding: 0px 25px; } 

div#nav-mitgl { text-align: center; margin: 0px; background-color: #FACC2E; height: 40px; }
div#nav-mitgl ol { list-style: none; margin: 0px; padding: 0px; height: 40px;}
div#nav-mitgl li { float: left; padding-top: 15px; height: 40px; }
div#nav-mitgl li:hover { background-color: #DBA901; }
div#nav-mitgl li.actSite { background-color:#F5DA81; text-color: white;}
/*div#nav li#homeLink { padding-top: 8px; height: 50px; }
div#nav a { font-size: 18px; color: #FFF; padding: 0px 25px; } 
*/

/* ---------------- LogIn -------------- */

div#login { float:left; width: 197px; margin: 5px 0px; padding: 10px 15px 0px 15px; }
div#login p { margin: 0px; }
div#login h2 { margin: 10px 0px; }

.input1 { width: 195px; border: 1px solid #4e3934; height: 25px; margin: 5px 0px; color: #4e3934; font-size: 20px;}

/* -------------- Interne Navi -------------- */

div#intNavi { padding: 1px 1px 1px 0px; margin: 10px 20px 1px 0px; float: left; width: 240px;  }
div#intNavi p { padding: 10px 10px 5px 0px; margin: 10px 10px 5px 0px; }
div#intNavi ol { margin: 20px 0px; }
div#intNavi ol li { margin: 3px 0px; padding: 5px 1px; height: 27px; }
div#intNavi ol li a { padding-left: 10px; display: block; font-size: 17px; line-height: 25px; font-weight: bold; }
div#intNavi ol li:hover { background: url('images/intNaviHoverBG.gif') repeat-x; color: #FFF; }
div#intNavi ol li:hover a { color: #FFF; }
div#intNavi ol li.actSite { background: url('images/intNaviHoverBG.gif') repeat-x; color: #FFF; }
div#intNavi ol li.actSite a { color: #FFF; background: url('images/arrow.gif') no-repeat 5px 5px; }
div#intNavi ol li.big { height: 49px; }
div#intNavi ol li.big:hover { background: url('images/intNaviBigHover.gif') repeat-x; color: #FFF; }
div#intNavi ol li.big.actSite { background: url('images/intNaviBigHover.gif') repeat-x; color: #FFF; }

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

div#content{ padding-right: 0px; margin-left: 270px; padding-top: 15px; font-size: 17px; line-height: 24px;}
div#content h3{ margin: 10px 0px; }

.bold { font-weight: bold; }
.wulfName { width: 100px; position: relative; top: 23px; left:-110px; }
.wulf { padding-left: 110px;}

.loginWithPic { background: url('images/main_bg.gif'); background-repeat: no-repeat; background-position: 53px 100%; }

div#protokoll_archiv { width: 130px; float:right; margin: 0px 10px; }
div#protokoll_year { margin-right: 150px; }

.arrow{background: url('images/arrow.png'); background-repeat: no-repeat; background-position: 25px 5px ;  width:120px; }
.no_arrow{  width:120px; }

.protokoll{ line-height:30px; margin-left:10px;}


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


.shadow     { box-shadow:4px 4px 4px gray; }

.Passfoto   {  border: 1px solid navy; padding: 1px; margin: 4px; height: 185px; width:134px;  } 
         
.ButtonSize1 {  border: 0px solid navy; padding: 1px; margin: 1px; height: 25px; width:130px;   }
.ButtonSize2 {  border: 0px solid navy; padding: 1px; margin: 1px; height: 40px; width:110px;   }