/* Stylesheet für Krah&Grote Startseite 
   Farben:
   rot: #ed1c24
   Schrift-antrazit: #1a1718
*/
	
* { 
		padding: 0; 
		margin: 0;
		border: 0;
}

html { height: 100%; }

body {
  color: white; /* Schriftfarbe */
  background-color: white; /* Hintergrundfarbe */
  font-family:  Arial, Helvetica, Verdana, sans-serif;
	font-size: 82.5%;
}

/* ===================================================
	 Layout-Formate
=================================================== */

#wrapper {
	position: relative;
  color: #1a1718;
	background-color: white;
	background-position: top left;
	width: 1001px;
	height: 560px;
}

/* ===================================================
	 Header
=================================================== */
#header {
	padding: 20px 80px 10px 0;
	height: 88px;
	position: absolute;
	top: 0;
}

#logo {
	float: right;
}

/* ===================================================
	 Navigation
=================================================== */

#navi {
	position: absolute;
	top: 125px;
	left: 0;
	border-left: 30px solid #FF2F37;
	padding: 0 90px 0 65px;
	width: 801px;
	height: 5.4em;
}

#menu {
  position: relative;
	border-top: 1px solid #1a1718;
	border-bottom: 1px solid #1a1718;
	height: 33px;
	color: #1a1718;
	text-transform: uppercase;
	font-size: 11px;
	width: 100%;
}

#menu li {
	float: left;
	list-style: none;
}

li#menuid3 {
		float: right;
}

#siteId-9 li#menuid3 a {
  color: #ed1c24;
}

#menu a {
  text-decoration: none;
	height: 19px;
	padding: 9px  1em 17px 1em;
	line-height: 12px;
	color: #1a1718;
	display: block;
}

#menu .current a,
#menu li:hover a {
	color: #ed1c24;
  }

#menu li ul {
  	padding: 0;
  	display: none;
}

/* Submenu */

#streifen {
	position: absolute;
	display: block;
	top: 45px;
	left: 65px;
	border: 0;
	height: 13px;
	width: 801px;
	background-color: #babcbe;
	list-style: none;
}

/* Submenu1 */

#menu li.current ul.submenu1 {
  display: block;
  position: absolute;
  left: 0;
  background-color: #babcbe;
  width: 100%;
  font-size: 10px;
  z-index: 200;
}

#menu li ul.submenu1 li a {
  color: #1a1718;
  line-height: 11px;
  height: 11px;
  padding: 0px 1em 2px 1em;
}

#menu li ul.submenu1 li a:hover,
#menu li ul.submenu1 li.current a {
 color: #ed1c24;
}

#menu li:hover ul.submenu1 {
  z-index: 1000;
}

/* Submenu2 */

#menu li ul.submenu1 li.current ul.submenu2 {
  display: block;
  position: absolute;
  left: 0;
  background-color: #fff;
  width: 100%;
  z-index: 200;
	font-size: 9px;
}

#menu li ul.submenu1 li ul.submenu2 li a {
  color: #1a1718;
  line-height: 12px;
  height: 12px;
  padding: 4px 1.5em 2px 1.5em;
}

#menu li ul.submenu1 li ul.submenu2 li:hover a,
#menu li ul.submenu1 li ul.submenu2 li.current a {
  color: #ed1c24;
}

/* main-cmenu - Menü im Inhalt */

#content ul#main-cmenu {
	margin-bottom: 0em;
	list-style-type: none;
	height: 1em;
}

#content ul#main-cmenu li {
  float: left;
  text-align: center;  
	border-bottom: 1px solid #1a1718;
	margin-bottom: 1px;
	margin-top: 0;
	white-space: nowrap;
	font-size: 9px;
	list-style-type: none;
}

#content #main-cmenu a {
  color: #1a1718;
  margin: 0;
	padding: 0 1em;
  text-decoration: none;
	background-image: none;
}

#content #main-cmenu .current a,
#content #main-cmenu li:hover a {
	color: #ed1c24;
}
  
p.clear-cmenu {
  clear: both;
  line-height: 0px;
  margin: 0;
  padding: 0;
}

/* ===================================================
	 Trenner - für Messlattenoptik
=================================================== */

.trenner {
	position: absolute;
	top: 25px;
}

#menu li:first-child img.trenner,
li:first-child img.trenner-fmenu,
#content li:first-child img.trenner-cmenu,
ul#menu li .submenu1 li .submenu2 li:first-child img.trenner_grau {
  visibility: hidden;
}

.trenner-cmenu {
	position: relative;
	bottom: -2px;
}

.trenner-fmenu {
	position: relative;
	bottom: -2px;
  margin: 0 1em;
}

li#menuid3 img.trenner {
	position: absolute;
	top: 0;
	right: 70px;
}

.trenner_grau {
	position: absolute;
	top: 0px;
}

.trenner_foot {
	position: relative;
	top: -6px;
  margin: 0 1em;
}

.trenner_mitte {
	position: absolute;
	right: 180px;
	top: 15px;
}

/* ===================================================
	 Inhalte
=================================================== */

#content {
	position: relative;
	top: 240px;
	left: 95px;
	border-top: #1a1718 solid 1px;
	padding: 5px 0;
	width: 801px;
	height: 295px;
	clear: both;
}

#inhalts-bereich {
	margin: 0px 0px 10px 5px;
	padding-right: 10px;
	height: 295px;
	overflow: auto;
	float: right;
	width: 525px;
}

#rechte-seite {
	width: 130px;
	font-size: 90%;
	background-color: #BFBFBF;
	padding: 10px 8px;
	color: #4F4A4B;
	float: right;
}

#rechte-seite .csc-header-n1 h1,
#rechte-seite .csc-header-n1 h2 {
  margin-top: 0;
}

#mitte {
	float: left;
	margin: 0 0px 0px 5px;
	height: 295px;
	width: 340px;
}

#titel-bild {
	width: 271px;
	height: 305px;
	display: block;
}

#titel-bild img {
  margin: auto;
	display: block;
}

#content-bottom {
  line-height: 10px;
  height: 10px;
  clear: both;
  margin-top: 30px;
}

#content-bottom .copyright{
  color: #fff;
}


/* ===================================================
	 Footer
=================================================== */

#footer {
	clear: both;
	position: relative;
	margin: 220px 100px 0 95px;
	padding-top: 5px;
	font-size: 0.9em;
	height: 60px;
	width: 801px;
}

#femnu-distance {
  display: block;
  float: left;
  height: 17px;
  width: 1px;
}

#main-fmenu {
  list-style: none;
	text-transform: uppercase;
	margin: 0px 0 0 266px;
}

#main-fmenu li {
  float: left;
  text-align: center;  
	line-height: 12px;
	background-color: #fff;
	padding-top: 5px;
	height: 12px;
}

#main-fmenu li a {
	color: #1a1718;
  text-decoration: none;
  padding: 0 1em 0 0;
}

ul#footer-menu {
  clear: both;
  border-top: #1a1718 solid 1px;
	background-color: #fff;
	padding-top: 4px;
	height: 14px;
}

#footer-menu li {
	float: right;
	list-style: none;
	text-transform: uppercase;
}

#footer-menu li.copyright,
.copyright {
	float: left;
	font-size: 0.8em;
	text-transform: none;
	color: #1a1718;
}

#footer a {
	color: #1a1718;
  text-decoration: none;
}

#footer a:hover {
	color: #ed1c24;
}



/* ===================================================
	 Allgemeine Definitionen
=================================================== */

a {
  outline: none;	/* Punkte beim Aktivieren entfernen */
}


#content a { 
  color: #ed1c24;
}

#content a.internal-link  {
  background-image: url(/fileadmin/krah-grote/images/link-bullet.png);
  background-repeat: no-repeat;
  background-position: 0 1px;
  padding-left: 10px;
}

#content a:hover,
#content a:active {
	color: #1a1718;
}

#content p.bodytext {
  margin-bottom: .5em;
}

.csc-bulletlist li,
.csc-sitemap li {
  list-style-image: url(/fileadmin/krah-grote/images/bullet_square-full.gif);
  margin-left: 1em;
}

.csc-bulletlist li li,
.csc-sitemap li li {
  list-style-image: url(/fileadmin/krah-grote/images/bullet_square.gif);
}


h1 {
	font-size: 120%;
	color: #ed1c24;
	margin: 1em 0;
	text-transform: uppercase;
}

h2 { 
	font-size: 110%; 
	color: #1a1718;
	margin: 0.8em 0 ;
	text-transform: uppercase;
}

h3 {
	font-size: 100%; 
	color: #1a1718;
	margin: 0.6em 0;
	text-transform: uppercase;
}

#content table {
  margin: .5em 0;
  border-collapse: collapse;
}

#content td {
  border-top: #c0c0c0 solid 1px;
  border-left: #c0c0c0 solid 1px;
  border-right: 2px #c0c0c0 solid;
  border-bottom: 2px #c0c0c0 solid;
  padding: .25em .5em;
  vertical-align: middle;
}

#content .td-0 {
  font-weight: bold;
}

#content td.td-last {
  border-right: 1px #c0c0c0 solid;
  text-align: right;
}

#content .tr-last td {
  border-bottom: 1px #c0c0c0 solid;
}


/* ======================================================
   Typo3-Formate
=======================================================*/
.csc-header {
  
}