/* reset */


html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td 
{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

html
{
	height: 100%;
	margin-bottom: 1px;
}

/* Text */

.PageHead
{	
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:right;
	font-family: Georgia, "Times New Roman", Serif;
	font-size:26.0pt;
	color:#336666;
	font-style:italic;
}

.Description
{	
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:9.0pt;
	text-align:left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:9.0pt;
	color:black;
}

.NameHead
{
	margin-right:0px;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:center;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:22.8pt;
	font-weight:bold;
	color:black;
	background:transparent url(../img/Title-BG.png) no-repeat center center;
}

.JobHead
{	
	margin-right:24px;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:right;
	font-family: "Times New Roman", Serif;
	font-size:18.8pt;
	color:black;
}

.FooterAddress
{
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:8.0pt;
	color:black;
}

.FooterAddressHead
{
	margin-right:0pt;
	text-indent:0pt;
	margin-top:0pt;
	margin-bottom:0pt;
	text-align:left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:8.5pt;
	color:black;
	font-weight:bold;
}

/* Links */

a
{
    color:Black;
    text-decoration:none;
}

a:hover
{
    color:Teal;
    text-decoration:underline;
}

a:active
{
    color:Silver;
    text-decoration:none;
}

#footertext a.active
{
    color:Gray;
}

/* Struktur */

.progressStatusVisible 
{
	position:absolute; 
	left:0px;
	top:0px;
	z-index: 2000;
	background-color: RGB(180,180,180);
	width:100%;
	height:  100%;
    opacity: 0.3;
    filter: alpha(opacity = 50);
    cursor: wait;
}

.progressStatusInvisible
{
	display:none;	
}

body
{
	background: transparent url(../img/ZD_Eisen_Kohlenstoff.png) repeat-x fixed left center;
}

#wrapper
{
    display:block;
    padding:5px;
    width:768px;
    margin-left:auto;
    margin-right:auto;
    margin-top:24px;
    margin-bottom:24px;
    background-color: Black;
}

#innerWrapper
{
    padding:0px;
    width:768px;
    background-color:White;
}

#site_head
{
    padding:0px;
    width:766px;
    height:168px;
}

#navigation
{
    width:220px;
    height:168px;
    padding-left:60px;
    padding-top:24px;
    background: transparent url(../img/BG-Navi-Verlauf.png) repeat-y top left;
}

ul#navlist
{
    width:158px;
}

ul#navlist li
{
    font-size:12px;
    font-family: Verdana, Arial, Sans-Serif;
    font-weight:bold;
    list-style-image: url(../img/Bulletpoint-Inactive.gif);
    margin-bottom:12px;
}

ul#navlist li.active
{
    list-style-image: url(../img/Bulletpoint-Active.gif);
}

#page_head
{
    width:548px;
    height:168px;
    vertical-align:top;
    background: transparent url(../img/BG-Headlines-Verlauf.png) repeat-y top left;
}

#page_head_content
{
    display:block;
}

#headlines
{

    float:left;
    width:424px;
    height:102px;
    padding-top:12px;
    padding-right:30px;
}

#page_icon
{

    float:left;
    width:80px;
    height:102px;
    text-align:right;
    padding-top:12px;
    padding-right:12px;
}

#page_icon img
{
    border:none 0px #fff;
}

#page_head_title
{
    display:block;
    float:left;
    width:524px;
    padding-right:22px;
    padding-top:10px;
}

#content
{
    width:766px;
    background-color:#fff;
}

#content_border
{
    width:80px;
    background:transparent url(../img/BG-Navi-Verlauf.png) repeat-y top left;
}

#content_border_stretcher
{
    display:block;
    width:80px;
}

#page_content
{
    vertical-align:top;
    width:686px;
    background-color:#fff;

}

#page_content_container
{
    margin-left:auto;
    margin-right:auto;
    text-align:center;
}

#footer
{
    vertical-align:middle;
    height:48px;
    text-align:center;
}

#footerborder
{
    vertical-align:middle;
    text-align:center;
    background-color:#BDCDCD;
    padding:4px 12px 4px 12px;
    height:17px;
    width:600px;
    margin-left:auto;
    margin-right:auto;
}

#footertext
{
    font-family: Verdana, Arial, Sans-Serif;
    font-weight:bold;
    font-size:10px;
}

#footertext .footerspacer
{
    margin-left:16px;
    margin-right:16px;
}

.divider
{
    height:2px;
    background-color:Black;
    width:666px;
}

.clearer
{
    clear:both;
    height:0px;
}

/* Seiten-Spezifisches */

.about_me
{
    margin-left:auto;
    margin-right:auto;
}


#about_me_top_left
{
    vertical-align:middle;
    text-align:left;
    width:380px;
    padding-top:44px;
    padding-bottom:44px;
    padding-right:32px;
    padding-left:48px;
}

#about_me_top_right
{
    vertical-align:middle;
    text-align:center;
    width:206;
    padding-top:44px;
    padding-bottom:44px;
}

#about_me_pic_container
{
    vertical-align:middle;
    text-align:center;
    width:160px;
    height:240px;
    background-color:#BDCDCD;
}


#about_me_bottom_left
{
    vertical-align:middle;
    text-align:center;
    width:333px;
    height:240px;
    padding-top:24px;
    padding-bottom:24px;
    border-right:solid 1px Black;
}

#adresswrapper
{
    display:inline-block;
    width:192px;
    height:128px;
    text-align:left;
}

#about_me_bottom_right
{
    vertical-align:middle;
    text-align:center;
    width:333px;
    height:240px;
    padding-top:2px;
    padding-bottom:2px;
    border-left:solid 1px Black;
}

p.download-hint
{
    font-size:12px;
    font-weight:bold;
    text-align:center;
    margin-top:12px;
    margin-bottom:24px;
    border:dashed 1px Silver;
    padding-bottom:6px;
    padding-top:6px;
    margin-left:44px;
    margin-right:44px;
}

#contactform_left
{
    padding-top:12px;
    vertical-align:top;
    text-align:left;
    width:333px;
    height:240px;
    font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
}
#contactform_left td
{
    padding-left:24px;
    vertical-align:middle;
    padding-top:12px;
}

#contactform_labels_right
{
	vertical-align: top;
    padding-top:24px;
    padding-left:4px;
    width:90px;
    height:240px;
    font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
}
#contactform_right
{
    padding-top:24px;
    padding-left:14px;
    padding-right:24px;
    vertical-align:top;
    text-align:left;
    width:233px;
    height:240px;
    font-size:10px;
    font-family: Verdana, Arial, Sans-Serif;
}
#contactformThanks
{
    padding:44px;
    font-size:12px;
    font-family: Verdana, Arial, Sans-Serif;
}
#zeugniscontainer, #fotocontainer
{
	padding:24px;
	width:618px;
}
#zeugnistext, #fototext
{
	text-align:left;
	font-weight: bold;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:12px;
}
.zeugniszelle, .bildbox
{
	display:table-cell;
	vertical-align:middle;
    text-align:center;
    background-color:#BDCDCD;
	padding:6px;
	float:left;
	margin-left:12px;
	margin-bottom:12px;
}
.docScanLinks
{
	height:16px;
	margin-top:4px;
}
.docScanHeadline
{
	text-align:center;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:10px;
	margin-bottom:6px;
	clear:both;
}
.clr{clear:both;}
.zeugnisSektionHeadline
{
	width:616px;
	height:16px;
	border-bottom:solid 1px Black;
	margin-bottom:12px;
	text-align:left;
	font-family: Verdana, Arial, Sans-Serif;
	font-size:12px;
	font-weight:bold;
}
.docNavLinkContainer
{
	height:24px;
	border-bottom:solid 1px Silver;
	background-color:#BDCDCD;
	clear:both;
	text-align:center;
}
.docImgNavLink
{
	font-weight:bold;
	float:left;
	margin-left:20px;
}
.docImgNavLink a.inactive
{
	text-decoration:underline;
	color:Black;
}
.docImgNavLink a.current
{
	text-decoration:none;
	color:Gray;
}
.docImgNavLink a:hover
{
	text-decoration:underline;
	color:Teal;
}
.fotoModalDescription
{
	height:24px;
	border-bottom:solid 1px Silver;
	background-color:#BDCDCD;
	clear:both;
	text-align:center;
	font-weight:bold;
	color:Black;
}
a#enterbutton img
{
	background-image: url(../img/Enter.png);
}
a#enterbutton:hover img
{
	background-image: url(../img/Enter-hover.png);
}
a#enterbutton:active img
{
	background-image: url(../img/Enter-active.png);
}