/*///////////////////////////////////////////////////////////////////
// 2007-06   | www.madebymeyer.de                                  //
// Project   | Dangel-Metall                                       //
// Author    | Karsten Meyer                                       //
// modified  | 14.09.2007 by Karsten Meyer                         //
// Package   | master                                              //
///////////////////////////////////////////////////////////////////*/

HTML {
	margin:0;
	padding:0;
}
BODY {
	color: #333;
	direction: ltr;
	font: 12px  Arial, Tahoma, Helvetica, sans-serif;
	height:100%;
	margin:0;
	padding:0;
  background:#666 url(../img_layout/bg_body.gif) repeat-y;
}

A:link,
A:visited,
A:hover,
A:active,
A:focus{
	color: #0094df;
	text-decoration:none;
}
A:hover {
	color: #0094df;
	text-decoration:underline;
}

IMG {
	border:0;
	margin-bottom:2px;
}

P {
  padding:0;
  margin:0;
  text-align:left;
}



/* edit jf begin */
div.csc-textpic-clear {
	margin-bottom: 10px;
}
.red { color:#dc251d }
/* edit jf end */



H1, H2, H3, H4, H5, H6 {
  color:#dc251d;
  padding:0;
  margin:0;
  text-align:left;
}
H1 {
  font-size:110%;
  color:#dc251d;
  letter-spacing:1px;
  border-bottom:1px solid #666;
  padding:9px 0 4px 0;
  margin:0 0 23px 0;
}
H2 {
  font-size:100%;
  font-weight:700;
  padding:0;
  margin:0 0 7px 0;
  line-height:1.5em;
}
H3 {
  font-size:100%;
  font-weight:700;
  padding:0;
  margin:0 0 7px 0;
  line-height:1.5em;
}

H4 {
  font-size:100%;
  font-weight:400;
  padding:0;
  margin:0;
  line-height:1.5em;
  border-bottom:1px solid #666;
}

/* edit jf begin */
H5 {
  font-size:100%;
  font-weight:bold;
  color:#059544;
  margin:0 0 10px 0;
  line-height:1.5em;
  padding: 2px 5px;
  border-top: 1px solid #666;
  /*
  border-left: 1px solid #f7d046;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #CCC;
  */
  background:url(../img_layout/bg_h5.gif) repeat-x;
}
/* edit jf end */

UL {
  list-style-type: none;
}

TABLE, TR, TD {
	font-family: Arial, Tahoma, Helvetica, sans-serif;
}
TD {
  vertical-align:top;
  padding:5px 5px 5px 0;
}

FORM {
  margin:0;
  padding:0;
}

.clearer {
  clear: both;
  line-height: 0px;
  font-size:0px;
  height: 0px;
  margin: 0px;
  padding: 0px;
}
 /* Clearing mit overflow */
.floatbox { overflow: hidden; }

/* alignment classes */
.float-left  {  float: left; }
.float-right {	float: right; }
.align-left  {	text-align: left; }
.align-right {	text-align: right; }

/* # page settings ########## */
#container {
	padding-top:20px;
	text-align: left;
	width:963px;
}

#top {
  position:absolute;
  left:0;
  top:0;
	width:963px;
	height:20px;
	background-color:#666;
}

#header {
	width:963px;
	height:122px;
	border-top:3px solid #f7d046;
	border-bottom:3px solid #dc251d;
}
#header IMG.rightborder{
	border-right:1px solid #fff;
}

#main {
	width:963px;
}

#col-left {
  float:left;
  width:200px;
  padding-top:2px;
}

#content {
  float:left;
  margin-left:25px;
  padding-bottom:15px;
  width:523px;
}

#breit #content {
  width:712px;
}

#col-right {
  float:left;
  width:180px;
  margin-left:25px;
  padding-bottom:15px;
}

#breit #col-right {
  display:none;
}

/* # home ########## */
#sun {
	margin-top: 20px;
}

#sun1 {
  float:left;
	width:523px;
	padding-bottom:7px;
	background:transparent url(../img_layout/bg_sonne1.gif) no-repeat;
}
#sun2 {
  float:left;
	width:523px;
	padding:10px 0 7px 0;
	background:#e3e3e2 url(../img_layout/bg_sonne2.gif) repeat-x;
}
#sun3 {
  float:left;
	width:523px;
	height:130px;
	background:transparent url(../img_layout/bg_sonne3.gif) repeat-x;
}

#sunbox1 {
  float:left;
  margin-top:88px;
  padding:0 0 0 16px;
	width:155px;
}
#sunbox2 {
  float:left;
  margin:88px 0 0 20px;
	width:155px;
}
#sunbox3 {
  float:left;
  margin:88px 0 0 40px;
  padding-left:1px;
	width:125px;
}
#sunbox4 {
  float:left;
  padding:0 0 0 16px;
	width:155px;
}
#sunbox5 {
  float:left;
  margin:0 0 0 20px;
	width:155px;
}
#sunbox6 {
  float:left;
  margin:0 0 0 40px;
  padding-left:1px;
	width:125px;
}

#sun A,
#sun A:visited,
#sun A:hover,
#sun A:active {
  color: #333;
  text-decoration:none;
}
#sun A:hover {
  text-decoration:underline;
}
#sun A.title,
#sun A.title:visited,
#sun A.title:hover,
#sun A.title:active {
  color: #dc251d;
  font-weight:700;
  text-decoration:none;
}
#sun A.title:hover {
  text-decoration:underline;
}

/* # content ########## */
#content P {
  line-height:1.5em;
}
#content IMG {
  border:1px solid #666;
  /*border-top:none;*/
}

/* edit jf begin */
#content IMG.spacer-gif {
  border:0;
}
#content IMG {
	margin-right:2px;
}
/* edit jf end */


#content UL {
  margin:0 0 10px 10px;
  padding-left:10px;
}

#content LI {
  padding:0 0 10px 11px;
  background:transparent url(../img_layout/bg_list.gif) 0px 4px no-repeat;
}

DIV.ref {
  margin-bottom:15px;
  overflow:hidden;
}
DIV.ref P {
  padding-top:4px;
  margin-bottom:6px;
}
.ref-text {
  float:left;
  width:348px;
}
.ref-image-r {
  float:right;
  width:167px;
}

DIV.bulletlist {
	margin-top:20px;
  padding-left:50px;
}
DIV.bulletlist H3 {
  padding-left:20px;
}

A.list,
A.list:visited,
A.list:hover,
A.list:active {
  display:block;
  padding-left:11px;
  background: transparent url(../img_layout/bg_link.gif) no-repeat left 4px;
  text-decoration:none;
  color: #333;
}
A.list:hover {
	color:#0094df;
}

/* # marginalie ########## */
#col-right DIV.box {
	width:180px;
	margin-top:10px;
  text-align:center;
}

H1.partner {
  color:#333;
  margin:0;
}
DIV.box H4 {
  color:#333;
  font-size:110%;
  letter-spacing:1px;
  border-bottom:1px solid #666;
  padding:9px 0 4px 0;
  margin:0 0 4px 0;
}

DIV.box IMG{
  text-align:center;
}

/* # footer ########## */
#footer {
  height:25px;
	padding-left:225px;
	font-size:11px;
}

#footer .inlay {
  float:left;
	width:712px;
	border-top:1px solid #666;
	padding-top:3px;
}

#footer #copyright {
  float:left;
}
#footer #print {
  float:right;
}

A.print,
A.print:visited,
A.print:hover,
A.print:active,
A.print:focus{
  text-decoration:none;
  color: #333;
  padding-left:17px;
  margin-left:23px;
  background: transparent url(../img_layout/icon_print.gif) no-repeat left 1px;
}
A.top,
A.top:visited,
A.top:hover,
A.top:active,
A.top:focus{
  text-decoration:none;
  color: #333;
  padding-left:15px;
  margin-left:5px;
  background: transparent url(../img_layout/icon_top.gif) no-repeat left 5px;
}
A.copyright,
A.copyright:visited,
A.copyright:hover,
A.copyright:active,
A.copyright:focus{
  text-decoration:none;
  color: #333;
}

/* meta navigation */
#top A {
  margin-left:12px;
  padding-left:9px;
  background: transparent url(../img_layout/bg_navi_off.gif) no-repeat left 5px;
  text-decoration:none;
  color: #fff;
  font-size:11px; 
  line-height:20px;
}
#top A:hover {
  color:#f7d046;
  background: transparent url(../img_layout/bg_navi_on.gif) no-repeat left 5px;
}


/* main navigation */
UL.navlist1,
UL.navlist2,
UL.navlist3 {
  padding:0;
  margin:0;
  list-style-type: none;
}
UL.navlist2 {
  padding:2px 0 9px 15px;
  border-top:1px solid #dadada;
}
UL.navlist3 {
  padding:0px 0 4px 7px;
}

UL.navlist1 LI {
  background-color:#666;
  border-bottom:9px solid #fff;
}
UL.navlist1 LI.first {
	padding-top:2px;
}

UL.navlist2 LI {
	padding:3px 0 1px 0;
  border:0;
}

UL.navlist1 LI SPAN,
UL.navlist1 LI SPAN.subactive {
  display: block;
  padding: 7px 0 4px 14px;
  font-size:110%;
  font-weight:700;
  /*letter-spacing:1px;*/
  color: #dadada;
  text-decoration:none;
}
UL.navlist1 LI A,
UL.navlist1 LI A:visited,
UL.navlist1 LI A:hover,
UL.navlist1 LI A:active,
UL.navlist1 LI A.subactive,
UL.navlist1 LI A.subactive:visited {
  display: block;
  padding: 7px 0 4px 14px;
  font-size:110%;
  font-weight:700;
  /*letter-spacing:1px;*/
  color: #dadada;
  text-decoration:none;
}
UL.navlist1 LI A:hover,
UL.navlist1 LI A.subactive,
UL.navlist1 LI A.subactive:visited,
UL.navlist1 LI A.subactive:hover,
UL.navlist1 LI A.subactive:active,
UL.navlist1 LI SPAN.subactive {
  color: #f7d046;
}

UL.navlist2 LI A,
UL.navlist2 LI A:visited,
UL.navlist2 LI A:hover,
UL.navlist2 LI A:active,
UL.navlist2 LI A.subactive,
UL.navlist2 LI A.subactive:visited {
  padding: 0 0 0 9px;
  font-size:100%;
  color:#fff;
  font-weight:400;
  background:transparent url(../img_layout/bg_navi_off.gif) 0px 5px no-repeat;
}
UL.navlist2 LI A:hover,
UL.navlist2 LI A.subactive,
UL.navlist2 LI A.subactive:visited,
UL.navlist2 LI A.subactive:hover,
UL.navlist2 LI A.subactive:active {
  color: #f7d046;
  background: transparent url(../img_layout/bg_navi_on.gif) 0px 5px no-repeat;
}

UL.navlist3 LI A,
UL.navlist3 LI A:visited,
UL.navlist3 LI A:hover,
UL.navlist3 LI A.subactive,
UL.navlist3 LI A.subactive:visited,
UL.navlist3 LI A.subactive:hover {
  color:#fff;
	background:none;
}
UL.navlist3 LI A:hover,
UL.navlist3 LI A.subactive,
UL.navlist3 LI A.subactive:visited,
UL.navlist3 LI A.subactive:hover,
UL.navlist3 LI A.subactive:active {
  color: #f7d046;
  text-decoration:underline;
}


/* csc stuff*/
#content DL.csc-menu {
  margin:0 0 10px 10px;
  padding-left:10px;
}
DL.csc-menu DT {
  padding:0 0 10px 11px;
  background:transparent url(../img_layout/bg_list.gif) 0px 4px no-repeat;
}
DL.csc-menu-4 DT {
  padding:0 0 2px 11px;
  background:transparent url(../img_layout/bg_list.gif) 0px 4px no-repeat;
}
DL.csc-menu DD {
  padding:0 0 10px 0;
  margin:0 0 0 12px;
}

#content DIV.csc-sitemap {
  padding-left:166px;
}
#content DIV.csc-sitemap UL {
  padding-left:0;
  margin-left:0;
}
#content DIV.csc-sitemap UL LI {
  background-image:none;
  padding:0 0 0 0;
  margin-left:0;
  font-weight:700;
  color:#333;
}
#content DIV.csc-sitemap UL LI A {
  background-image:none;
}

#content DIV.csc-sitemap UL LI UL LI {
  padding:0 0 5px 11px;
  margin-left:5px;
  background:transparent url(../img_layout/bg_list.gif) 0px 4px no-repeat;
  font-weight:400;
}
#content DIV.csc-sitemap UL LI UL LI UL LI {
  padding:0;
  margin:0 0 0 20px;
  background-image:none;
  font-weight:400;
  color:#666;
  list-style-type: circle;
}
#content DIV.csc-sitemap UL LI UL LI UL LI UL LI {
  list-style-type: none;
  margin:0 0 0 5px;
}

#csc-textpic-imagecolumn {
  margin:5px;
}


/* FCE - 2 DIV 50/50 */
.div2_first {
    float: left;
    width: 48%;
    padding-right: 2%;
}

.div2_second {
    float: right;
    width: 48%;
    padding-left: 2%;
}



/* FCE - 2 TABLE Max/Rest */
.div_left_max {
    width: 260px;
    padding-right: 5px;
}
.div_right_rest {
    align: right;
    text-align: right;
    width: 250px;
}


/* FCE - 2 DIV Max/Rest */
.div_left_max {
    float: left;
    width: 50%;
}
.div_right_rest {
    float: right;
}



/* FCE - 3 DIV 32/33/32 */
.div3_first {
    float: left;
    width: 32%;
    padding-right: 1%;
}

.div3_second {
    float: left;
    width: 33%;
    padding-right: 1%;
}

.div2_third {
    float: right;
    width: 32%;
    padding-left: 1%;
}





/* END */