/* <![CDATA[ */

/**
* Projekt J.D. Neuhaus 
* -----------------------------------
* @site			www.jdn.de
* @version		0.2
* @date 		2008-12-10
* @lastmodified 2008-12-14
* @author		Dirk Bosbach
* @copyright	studio orange webdesign
* @see 			http://www.studioorange.de
*
*
* Farbdefinitionen
* -----------------------------------
* @colordef		rot			#a8000f (Headline, Links, Maus over)
* @colordef		dunkelgrau	#262626	(Fliestext)
* @colordef		grau		#888888	(Footer)
* @colordef		schwarz		#000000	(Navigation)
* @colordef		blau		#00194e	(Linien, Navigation)
* @colordef		hellgrau	#b9b9b9	(Rahmen Eingabefelder)
*/

/** 
* @section 	Grundeinstellungen
* @note  	Margin und Padding auf Null
*/
* {
	margin: 0;
	padding: 0;
}

ul, ol {
	margin-left: 0;
}

/*.subc ul {
	font-size:10pt;
	margin:10px 0 0 32px;
}*/

.teasermenu ul {

margin:0 0 0 0;
}

img {
border:0;
}

.csc-textpic-equalheight .csc-textpic-imagewrap, .csc-textpic-intext-left-nowrap .csc-textpic-imagewrap {
	margin-left:20px;

}

.csc-textpic-intext-left .csc-textpic-imagewrap, .csc-textpic-below .csc-textpic-imagewrap { 
	margin-left:20px;

}

.csc-textpic-above {
	margin:0px;
	padding:1px;
	
}

.box .csc-textpic-imagewrap {
	margin: 0;
}

.csc-textpic-imagewrap {
	margin: 0;
}

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
margin:0;

}


/** 
* @section 	HTML Elemente
* @note  	Standard HTML Elemente
*/

body {
	font-family: Arial, Helvetica, sans-serif;
	background-image: none !important;
	font-size: 10pt;
	line-height: 14pt;
	color: #000000;
}


ul {
	list-style-type: disc;
	padding-left:10px;
}


h1 {
	font-size: 14pt;
	color: #a8000f;
	font-weight: 400;
	text-transform: uppercase;
	margin-top: 20px;
	padding-bottom: 2px;
	margin-left: 20px;
}


h2 {
	font-size: 12pt;
	color: #a8000f;
	font-weight: 400;
	text-transform: uppercase;
	background:url(../img/btn-pfeil.gif) no-repeat left center;
    padding-left:1.5em;
	margin-top: 10px;
}

h3 {
	font-size: 10pt;
	background-color: #a8000f;
	color: #ffffff;
	font-weight: 400;
	padding: 2px;
	margin-top: 20px;
	margin-left: 20px;
	display: inline;
	min-width: 200px;
}

h4 {
	color:#888888;
	font-size: 10pt;
	font-weight:bold;
	background: none;
	padding-left:0;
	}
	
h5 {
	font-size: 0.8em;
	line-height: 1.5em;
	color: #262626;
	font-weight: 600;
	/*text-transform: uppercase;*/
	margin-top: 0px;
	margin-left: 20px;
}

h6 {

	font-size:10pt;
	line-height:14pt;

}

hr  { 
	clear: both;
	height:0px;
	margin: 10px 0;
	text-align:left; 
	width: 700px;
	border: 0px;
	border-bottom:1px #00194e dotted;
}

p {
    font-size: 10pt;
	margin-left: 20px;
	margin-right: 20px;
}


p a {
	color: #a8000f;
	text-decoration:none;
}
p a:hover {
	color: #a8000f;
    text-decoration:underline;
}

.rot {
	color: #a8000f !important;
}


#liste {
	margin: 10px 0 0 20px;
	font-size: 10pt;
}

#liste li {
	list-style: disc;
}


/** 
* @section 	Container
* @note  	Basis Formatierung der einzelnen Div Container
*/


#leftmargin {
	float: left;
	width: 240px;
	display: none;
}

#content {
	float: left;
	padding: 50px 0 0 0;
	width:705px;
	
}


#footer {
	clear: both;
	margin-left: 260px;
	padding-top: 50px;
	color: #888888;
	font-size: 10pt;
		display: none;

}

.clearer {
		clear:both;
		font-size: 0px;
}


/** 
* @section 	Boxen Startseite
* @note  	Formatierung der Boxen auf der Homepage
*/

.box {
	width:210px;
	background-color:#FFFFFF;
	margin:5px 0 0 5px;
	padding:10px 8px 10px 10px;
	float: left;
	text-align: left;
		}
		
.box p {
	float: right;		
	width:206px;	
	color:#888888;
	font-size: 12pt;
}
		
.box a {
	color:#888888;
	text-decoration:none;
}
		
.box a:hover {
	color:#888888;
	text-decoration:underline;
}


/** 
* @section 	Bilder
* @note  	Abstände der verwendeten Bilder im Text, muss verbessert werden
*/

.logo {
    padding-left: 56px;
	margin-top: 90px;
	display: none;

}

.bild {
	float:left; 
	margin-right:31px;
  	margin-bottom:20px;
	margin-top:10px;
}

.bild-frei {
	float:left; 
	margin-right:20px;
  	margin-bottom:10px
}

.bild-text {
	float:left; 
	padding-right: 5px;
	vertical-align: middle;
}


/** 
* @section 	Produktbild
* @note  	Produktfoto mit Zoom, Produktnavigation
*/


/*#border {
	border:#000000 solid 3px;
	height: 304px;
	width: 700px;
}

#produktnavigation {
	background-color:#A82920;
	border-bottom:3px solid #000000;
	height:33px;
	padding-left:18px;
	padding-top:18px;
}

#zoom3 {
	float:right;
	width:443px;
}*/

#produktnavi {
	float:right;
	background-image:url(../img/bg-produktnavi.jpg);
	background-position:left center;
	background-repeat:no-repeat;
	height:250px;
	width:254px;
	border-left:#000000 solid 3px;
	
}



#produktnavi #last {
	border:none !important;
}

#produktnavi ul {
	margin:27px 25px 0 27px;
}

#produktnavi li {
	border-bottom:none;
	background-image:none;
	list-style:none;
	color:#FFFFFF;
	font-size: 10pt;
	padding:0 0 10px 20px;
	line-height:14pt;
}
/*
#produktnavi li a {
	color:#ffffff;
	text-decoration:none;
}

#produktnavi li a:hover {
	color:#a82920;
}
*/


/** 
* @section 	Externe URL
* @note  	Links mit http werden mit einem Bild als Externe gekennzeichnet
*/

a[href^="http://"]  {
    background:url(../img/btn-link.gif) no-repeat left center;
    padding-left:1.2em;
}


/** 
* @section 	Links 
* @note  	Linkformatierung im Footer Menue
*/

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

#footer a:hover {
    text-decoration:underline;
	color: #888888;
}


/** 
* @section 	Hauptmenue 
* @note  	Menue ueber Hintergrundgrafiken
*/

#topmenue {
	padding: 55px 0 0 40px;
	width: 170px;
	display: none;

}
#topmenue #last {
	border:none !important;
}

#topmenue li {
	border-bottom:1px #00194e dotted;
	padding: 7px 0;
}


#topmenue li a {
	margin-left: 15px;
	height: 14px;
	display: block;
	width: 100px;

}


#topmenue li a.top1 {
	background-image: url(../img/m_hebezeuge.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#topmenue li a.top1:hover, .tophov1 {
	background-image: url(../img/m_hebezeuge.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#topmenue li a.top2 {
	background-image: url(../img/m_winden.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#topmenue li a.top2:hover, .tophov2 {
	background-image: url(../img/m_winden.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#topmenue li a.top3 {
	background-image: url(../img/m_krane-kits.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#topmenue li a.top3:hover, .tophov3 {
	background-image: url(../img/m_krane-kits.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#topmenue li a.top4 {
	background-image: url(../img/m_service.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#topmenue li a.top4:hover, .tophov4 {
	background-image: url(../img/m_service.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#topmenue li a.top5 {
	background-image: url(../img/m_unternehmen.gif);
	background-repeat: no-repeat;
	background-position: center left;
}

#topmenue li a.top5:hover, .tophov5 {
	background-image: url(../img/m_unternehmen.gif);
	background-repeat: no-repeat;
	background-position: center right;
}


.active {
	visibility: hidden;
	width: 221px;
	height: 51px;
	display: block;
}


/** 
* @section 	Submenue 
* @note  	Einfaches Textmenue
*/

#submenue {
	margin-bottom: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	display: none;

}


#submenue li {
	padding: 0 !important;
	border: 0 !important;
}


#submenue li a {
	margin-left: 17px;
	display: block;
	color: #262626;
	text-decoration:none;
	width: 100%;

}

#submenue li a:hover {
	color: #a8000f;
	text-decoration:none;
	
}


/** 
* @section 	Service Menue 
* @note  	Menue mit Hintergrundgrafik
*/

#servicemenue {
	margin: 5px 15px;
	display: none;

}


#servicemenue li {
	padding: 0px !important;
	border: none !important;
}


#servicemenue li a {
	margin-left: 27px;
	padding-left: 15px;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt;
	color: #262626;
	text-decoration:none;
	width: 145px;
	height: 19px;
	background-image: url(../img/bg-servicemenue.png);
	background-repeat: no-repeat;
	background-position: left;
}

#servicemenue li a:hover {
	color: #a8000f;
	text-decoration:none;
	background-image: url(../img/bg-servicemenue.png);
	background-repeat: no-repeat;
	background-position: center right;
}


/** 
* @section 	Sitemap 
* @note  	Definition der Ebenen in der Sitemap
*/

.sitemap {
	padding: 10px 0 0 20px;
	font-size: 10pt;
	display: none;
}

.sitemap li {
	background:url(../img/li-sitmap.png) no-repeat;
	background-position: left top;
}


.sitemap li a {
	margin-left: 10px;
	color: #262626;
	display: block;
	text-decoration:none;
}

.sitemap li a:hover {
	color: #a8000f;
	text-decoration:none;
}


.sitemap2 {
	padding: 0 0 0 20px;
	font-size: 12pt;
}




/** 
* @section 	Suchformular
* @note  	Texteingabe und Abschicken Button
*/

form {
	margin-left: 27px;
	margin-top: 26px;
	padding-left: 15px;
	display: none;

}

.suche {
 background-color: #ffffff;
 border: 1px solid #b9b9b9;
 font-family: Arial, Helvetica, sans-serif;
 padding-left: 13px;
 padding-top: 2px;
 color: #262626;
 width: 122px;
 height: 12px;
display: none;

}

#abschicken {
  width: 16px;
  height: 16px;
  margin: 0;
  padding: 0;
  border: 0;
  background: transparent url(../img/btn-abschicken.gif) no-repeat center top;
  text-indent: -1000em;
  cursor: pointer; /* hand-shaped cursor */
  	display: none;

}



table {
	clear:left;
	width:auto;
}

.subc li {
background:none;
padding:0px;
}

/*]]> */