/* *********************************************
   Some default css setup to reset the global reset.
*/


h1              { font-size: 2em; margin: .67em 0; }
h2              { font-size: 1.5em; margin: .75em 0; }
h3              { font-size: 1.17em; margin: .83em 0; }
h4, p,
blockquote, ul,
fieldset, form,
ol, dl, dir,
menu            { margin: 1.12em 0; }
h5              { font-size: .83em; margin: 1.5em 0; }
h6              { font-size: .75em; margin: 1.67em 0; }

ol, ul, dd        { margin-left: 40px; }

ol ul, ul ol, ul ul, ol ol { 
  margin-top: 0; 
  margin-bottom: 0 ;
}

sub             { vertical-align: sub; font-size: .83em; }
sup             { vertical-align: super; font-size: .83em; }



/* *********************************************
   General page setup
*/


body { 
  background: #e9e9e9 url('../images/bg-page.gif');
  color: #333333;
  font-size: 75%; 
  font-family: Arial, sans-serif; 
  line-height: 1.4em;
  text-align: center;
}


a { 
  color: #0964ad; 
  text-decoration: none; 
}
a:hover { 
  text-decoration: underline;
}

#content-body ol {
  list-style: decimal;
}

acronym, abbr {
  border-bottom: 1px dotted #000;
  cursor:help;
}

hr {
  clear:both;
  border: 0;
  height: 1px;
  color: white;
}





/* *********************************************
   Basic layout
*/


#container-page {
  width: 982px;
  margin: auto;
  text-align: left;
}

#container-header {
  width: 960px;
  height: 131px;
  padding-left: 11px;
  padding-right: 11px;
  background: url('../images/bg-header-top.gif') center -1px no-repeat;
}

#container-content {
  width: 982px;
  float: left;
  clear: both;
  
  background: url('../images/bg-container-content-2.gif') center 5px repeat-y;
}
#container-content-2 {
  width: 960px;
  padding-top: 2px;
  padding-left: 11px;
  padding-right: 11px;
  float: left;
  clear: both;
  
  background: url('../images/bg-container-content.gif') no-repeat;
}

#container-footer {
  width: 960px;
  height: 144px;
  padding-top: 20px;
  padding-left: 11px;
  padding-right: 11px;
  float: left;
  clear: both;
  
  background: url('../images/bg-container-footer.gif') no-repeat;

}






/* *********************************************
   Header layout
*/

#header-logo {
  width: 209px;
  height: 131px;
  float: left;
}
#header-logo img {
  margin-top: 31px;
  margin-left: 20px;
}

#header-menu {

}





/* *********************************************
   Content layout
*/

#content-menu-container {
  width: 209px;
  float: left;
}

#content-menu-top, #content-menu-bottom {
  width: 209px;
  float: left;
  clear: none;
}

#content-menu-top {
  height: 410px;
}

#container-content-body {
  width: 751px;
  float: left;
  background: white url(../images/bg-dashed-line.gif) left repeat-y;
}

#content-breadcrumb {
  width: 700px;
  margin-top: 5px;
  margin-left: 15px;
  float: left;
  clear: none;
  font-size: 11px;
  color: #0964ad;

}
#content-breadcrumb a {
  color: #0964ad;
}

#content-pagetitle {
  clear: both;
  margin-top: 20px;
  margin-left: 15px;
  font-size: 30px;
  font-weight: bold;
  line-height: 32px;
  color: #0964ad;
}

#content-body {
  width: 470px;
  margin-left: 15px;
  float: left;
}

#content-pagecollectortoolbar {
  margin-top: 15px;
}

#content-border, #content-pagecollectortoolbar, #content-pagecollectorresults {
  width: 232px;
  padding-right: 15px;
  float: right;
  display: block;
}

#content-height-spacer {
  width: 1px;
  height: 433px;
  float: left;
  display: block;
}

h3 {
  font-weight: bold;
  color: #0964ad;
}

#content-body .content-element-n1 {
  font-weight: bold;
}

#content-body ul {
  margin: 0px;
  list-style: none;
}
#content-body ul li {
  padding: 0px 0 4px 20px;
  background: url('../images/list-arrow.gif') 0px 2px no-repeat;
}
#content-body ul li a:hover {
  text-decoration: none;
}



.csc-menu-4 dd {
  margin: 0;
  padding: 0px 10px 10px 10px;
}
.csc-menu-4 dd {
  margin: 0;
  padding: 0px 10px 10px 10px;
}
.csc-menu-4 dd p.bodytext{
  margin-top: 0.5em;
}







/* *********************************************
   Accordion
*/
.togglers {
  height: 25px;
  margin-top: -1px;
  padding-top: 1px;
  padding-left: 25px;
  display: block;

  font-size: 12px;
  color: #0964ad; 
  line-height: 25px;
  font-weight: bold;
  cursor: pointer;
  background: url('../images/bg-content-border-list.gif') left bottom no-repeat;
}

.elements {
  padding: 0px 10px 0px 1px;
  clear: both;
  background: url('../images/bg-portfolio-element.gif') left bottom no-repeat;
  font-weight: normal;
}

.elements p.bodytext {
  margin-top: 6px;
  font-weight: normal;
}







/* *********************************************
   Border layout
*/

#content-pagecollectortoolbar {

}

#content-pagecollectortoolbar .csc-header {
  background: white url(../images/bg-content-pagecollectortoolbar-header.gif) left bottom no-repeat;
}

#content-pagecollectortoolbar .csc-header h3 {
  margin: 0px;
  padding-left: 7px;
  font-size: 12px;
  font-weight: bold;
  line-height: 24px;
  color: #333333;
}

#content-pagecollectortoolbar #collectdisplay-toolbar {
  width: 225px;
  height: 95px;
  padding-left: 7px;
  background: white url(../images/bg-content-pagecollectortoolbar.gif) left bottom no-repeat;
}

#content-pagecollectortoolbar #collectdisplay-toolbar ul {
  width: 140px;
  margin-left: 0px;
  float: left;
  list-style: none;
  line-height: 1.7;
}

#content-pagecollectortoolbar #collectdisplay-toolbar-image {
  width: 71px;
  height: 76px;
  margin-top: 11px;
  margin-right: 4px;
  float: right;
  background: url(../images/collectdisplay-toolbar-image.gif) left top no-repeat;
}


#content-border .content-element {
  margin-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid #e4e4e4;
  background: url('../images/bg-info-box-narrow.gif') left bottom no-repeat;
}

#content-border h3 {
  margin-top: .5em;
  margin-left: 10px;
  font-weight: bold;
}

#content-border p.bodytext {
  margin-left: 10px;
  margin-right: 10px;
  font-size: .92em;
  
  line-height: 1.5;
}


#content-border ul.csc-bulletlist {
  margin: 0px;
  padding: 1px 1px;
  list-style: none;
}

#content-border ul.csc-bulletlist li {
  padding-left: 25px;
  line-height: 25px;
  background: url('../images/bg-content-border-list.gif') no-repeat;
}
#content-border ul.csc-bulletlist li a:hover {
  text-decoration: none;
}








/* *********************************************
   eepcollector display styles
*/

#clearalllink {
  line-height: 19px;
  vertical-align: bottom;

}
#clearalllink img {
  margin-right: 10px;
}

#clearalllink a {
}






/* *********************************************
   Footer layout
*/

#footer-payoff {
  width: 209px;
  float: left;
  clear: none;

}
#footer-payoff img {
  margin-left: 20px;

}

#footer-address {
  width: 300px;
  float: left;
  clear: none;

}
#footer-menu {
  width: 300px;
  float: left;
  clear: none;

}
#footer-vacatures {
  width: 150px;
  float: left;
  clear: none;

}



#footer-footer {
  width: 100%;
  position: relative;
  bottom: -25px;
  font-size: 11px;
  color: #666666;
}
#footer-footer a {
  color: #666666;
}

#footer-copyright {
  margin-left: 40px;
  float: left;

}
#footer-typo3-association {
  margin-right: 40px;
  float: right;
}








/* *********************************************
   CSS Styled Content (CSC) styles
*/

.csc-textpic-caption {
  font-size: 11px;
}

.csc-loginform p { 
  margin: 0; 
  padding-top: 4px; 
  padding-right: 3px; 
}

.tx-felogin-pi1 div {
  clear: both;
}

.tx-felogin-pi1 legend {
  display: none;
}









/* *********************************************
   Frontend User Register (sr_feuser_register) style
*/

// Reset to default

.tx-srfeuserregister-pi1 p { 
  margin: 0px;
  padding: 0px;
  margin: 1.12em 0;
}
.tx-srfeuserregister-pi1 h4 {
  margin: 0px;
  padding: 0px;
  margin: 1.12em 0;
}











/* *********************************************
   Mailform styles
*/

.csc-mailform, .csc-mailform-radio, .csc-mailform-check, .csc-mailform-radio fieldset {
	border: 0;
}
.csc-mailform label {
  display: inline;
  line-height: 25px;
}
.csc-mailform-radio legend {
	display: none;
}
.csc-mailform-submit {
	margin-left: 130px;
	text-align: center;
}
label {
  width: 120px;
  padding-left: 10px;
  float: left;
}
input, textarea {
  float: left;
  margin-top: 2px;
  padding: 2px;
  border: 1px solid #999999;
}
.csc-mailform-field {
  width: 388px; 
  margin-left: 10px;
  float: left;
  overflow: auto;
  margin-bottom: 5px;
  padding: 2px;
  background: #f1f1f1;
}
.csc-mailform-field textarea {
  float: left;
  clear: both;
  font-family: arial;
}