/*=======================================*\
|| Standard stylable for all Typo3 Sites ||
\*=======================================*/
body{
  font-size: 12px;
}
/*
|| DEBUG COLORS (delete or uncomment after layout styling)
*/
#pagewidth{background-color: #FFFFFF;}
#leftcol { background-color: #666666;}
#twocols { background-color: #999999;}
#maincol { background-color: #CCCCCC;}
#rightcol{ background-color: #666666;}

#header{   background-color: #DDDDDD;}
#footer{   background-color: #DDDDDD;}
/*
|| LAYOUT CONTAINER
*/
#pagewidth{     width:970px; background-color: #898989; background-image: url(page-bg.jpg);}
#leftcol {      width:270px; background-color: #898989; margin-top: 0px;}
#twocols {      width:700px; background-color: #DCE7BC;}
#maincol {      width:699px; background-color: #EBF2D0; background-image: url(main-bg.jpg); padding-top: 15px;}
#rightcol{      width:0px; background-color: #DCE7BC;}

#header{        height: 204px;}
#footer{        height: 19px;}

#header{
/*  background-image: url(som-web-kopf-home.jpg);*/
  background-repeat: no-repeat;
  border-bottom: 1px solid #ffffff;
}

/* margins */
div#pagewidth{
  margin-left: 8px;
  margin-right: 8px;
}

div#footer{
  margin-top: 0px;
}

div#footertext{
  margin-top: 0px;
}

h1.title,
img#headerimg,
h1.parentpagetitle,
div.csc-frame{
  margin-left: 8px;
}

div#wrapper{
  margin-top: 0px;
}

/*
|| CONTENT ELEMENT FRAMES
|| This elements can be selected in:
|| BE => Pagecontent => Section "Type" => field "Frame"
*/
div.csc-frame-1col{
  clear: both;
}

div.csc-frame-1-2-col{
  width: 303px;
  float: left;
}

div.csc-frame-1-3-col{
  width: 199px;
  float: left;
}

div.csc-frame-2-3-col{
  width: 398px;
  float: left;
}

div.csc-frame-color{
  background-color: #DDDDDD;
}

/*
|| content elements
*/

div#maincol div.csc-frame-1col div.csc-textpic-text{
  width: 440px;
}

div#maincol div.csc-frame-1col div.csc-textpic-text div.csc-textpicHeader{
  margin-bottom: 25px;
}

div#maincol div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
  border: 0;
}

div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap{
  float:right;
  width: 200px;
  margin-top: -25px;
}

div.csc-textpic-text p.bodytext{
  margin-right: 0px;
}

div#maincol div.csc-frame{
  margin-left: 20px;
  margin-right: 15px;
}

div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, p, p.bodytext, ul, ol, ul li, ol li, td, th, h1.title, div#maincol div.csc-header h1{
  font-family: Verdana;
  font-size: 12px;
}

div h1.csc-firstHeader, h1, h2, h3, h4, h5, h6, h1.title, div#maincol div.csc-header h1{
  font-size: 13px;
  font-weight: bold;
  color: #ABCA3E;
}

img#contentheader{
  margin-left: 8px;
}

div#maincol p,
div#maincol td,
div#maincol li,
div#maincol label{
  color: #000000;
}

.c2l1-left{
  border: 0;
}

.c2l1-left,
.c2l1-middle{
  vertical-align: top;
}

div#maincol ul,
div#nwbmantle ul{
  background-color: #DAE4BA;
  padding-top: 5px;
  padding-bottom: 7px;
  width: 420px;
}

div#maincol ul li,
div#nwbmantle ul li{
  padding-top: 2px;
  margin-left: -10px;
}

div#maincol div.csc-frame-button div.csc-header,
div#maincol div.csc-frame-line div.csc-header{
  margin-top: 0px;
  margin-left: 15px;
}

div#maincol div.csc-frame-button,
div#maincol div.csc-frame-line{
  margin-top: 0px;
  height: 31px;
  border-bottom: 1px dashed #cccccc;
  margin-bottom: 25px;
  margin-right: 220px;
}

div#maincol div.csc-frame-line{

}

div.csc-frame-button a{
  display: block;
  width: 153px;
  height: 31px;
  background-image: url(mehr-info-a.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding-top: 9px;
  padding-left: 5px;
  font-size: 11px;
  color: #000000;
  text-decoration: none;
}

div.csc-frame-button a:hover,
div.csc-frame-button a:focus{
  background-image: url(mehr-info-b.gif);
  color: #ffffff;
}

div.csc-frame-1col p{
  margin-right: 220px;
}

div.csc-header h1{
  margin-top: 15px;
}

/*
|| footer styles
*/
div#footer{
  background-image: url(seitenabschluss.jpg);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  background-color: #ffffff;
  margin: 0;
}

div#footertext{
  font-size: 10px;
  color: #666666;
  float: right;
  margin-right: 10px;
  margin-top: 25px;
}

div#footertext a{
  text-decoration: none;
}

/*
||HEAD Menu
*/

div#headmenu{
  position: relative;
  top: 22px;
  left: 815px;
  width: 195px;
  height: 20px;
}

div#headmenu ul li a:link,
div#headmenu ul li a:visited,
div#headmenu ul li a:active,
div#headmenu ul li.headmenu-cur,
div#headmenu ul li.headmenu-no{
  font-family: Arial, Helvetica, Verdana;
  font-size: 12px;
  color: #000000;
  text-decoration: none;
}

div#headmenu ul{
  margin: 0;
  padding: 0;
  list-style-type: none;
}

div#headmenu ul li{
  margin: 0;
  padding: 0;
  float: left;
  margin-left: 15px;
  margin-top: 4px;
}

div#headmenu ul li a:hover{
  color: #99B5DA;
}

div#headmenu ul li.headmenu-cur{
  margin-top: 3px;
  font-weight: bold;
}

/*
|| IMG
*/
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom:-20px;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
  width: 196px;
  padding-top: 4px;
  margin-left: 17px;
  font-family: Verdana;
  font-size: 10px;
  border-top: 1px dashed #ffffff;
  border-right: 2px solid #DCE7BC;
  border-left: 2px solid #DCE7BC;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img{
  border-top: 0px solid #ffffff;
  border-right: 0px solid #ffffff;
  margin-left: 16px;
}

/*
||NWB-News
*/

div.csc-textpic-text p{
  margin-right: 20px;
}

div#maincol ul ul{
  width: 380px;
}

a.ArtikelTitel:link,
a.ArtikelTitel:visited,
a.ArtikelTitel:active{
  line-height: 17px;
  font-weight: bold;
  text-decoration: none;
  color: #898989;
  padding-bottom: 10px;
}

a.ArtikelTitel:hover,
a.ArtikelTitel:focus{
  text-decoration: underline;
}

div.csc-textpic-text ul li a:link,
div.csc-textpic-text ul li a:visited,
div.csc-textpic-text ul li a:active{
  text-decoration: none;
}

a.ArtikelInhalt:link,
a.ArtikelInhalt:visited,
a.ArtikelInhalt:active{
  line-height: 17px;
}

a.ArtikelInhalt:hover,
a.ArtikelInhalt:focus{
}

img.mehrpfeil{
  margin-bottom: 5px;
}

div.nwb{
  margin-left: 0px;  
  line-height: 17px;
  text-align: left;
  padding-top:0px;
  margin-top: 0px;
  overflow-x:hidden;
}

div#nwbmantle{
  background-image:url(main-bg.jpg);
  background-position: -20px 0px;
  background-color:#EBF2D0;
  width:100%;
  height:100%;
  display:inline;
  float:left;
  position:relative;
  font-size:12px;
  font-family:Arial;
  overflow-x:hidden;
  width:679px;
}

div#nwbmantle div.csc-frame{
  margin-left: 0px;
}

div#maincol div.csc-frame-nwb{
  margin-right: -1px;
}

div#nwbmantle div.nwb ul li{
  margin-left: 20px;
}

div#nwbmantle div.nwb ul{
  margin-left: 0px;
}

div.nwb h2{
  color: #898989;
}