/*
////////////////////////////////////////////////////////////////
//
// Styles fuer das Layout
//
// Weblication® CMS Strukturdesign Version 4.7
// erstellt durch Scholl Communications AG, 77694 Kehl, www.scholl.de
// erstellt mit Weblication® Content Management Server, www.weblication.de
//
////////////////////////////////////////////////////////////////
*/


/* Formatierung von HTML-Elementen */


body, html                 {
	margin: 0px;
	padding: 0px;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
}


table                {}
table td             {}

div                  {}
p                    {}

td                   {}
th                   {}

form                 {}

input                {}
select               {}
textarea             {}
h3 {
	margin: 0;
	padding: 0;
}
span                 {}
span.formError{
	color:red;
	font-weight: bold;
}

a                    {
	/* firefox hack to remove square on links */
	outline:none;

	color: #e2001a;
	text-decoration: none;
}
a:hover  {
	text-decoration: underline;
}
a.pdf {
	padding: 10px 0 10px 29px;
	background-image: url(/roth/img/iconPDF.gif);
	background-repeat: no-repeat;
	background-position: left center;
}

ul{
}
ul.pdf {
	list-style-image: none;
	list-style-type: none;
}


/**  CSS SITE MAP BEGIN **/

/* default styme */
ul.sitemap{
	font-size: 14px;
	list-style-image: none;
	list-style-type: none;
}

/* All first level must be 10px spaces */
ul.sitemap li {
	margin-top: 10px;
}

/* reset the marging after the second level */
ul.sitemap li li{
	margin-top: 0px;
}

ul.sitemap li li li a{
	font-weight: normal;
	text-decoration: none;
}


ul.sitemap li li a{
	font-weight: normal;
}

ul.sitemap li a{
	font-weight: bold;
}
/**  CSS SITE MAP END **/



li{}
li.pdf {
	padding: 0;
	margin: 20px 0 20px 0;
}
ol      		   		   {}

hr                   {}

h1                   {}
h2                   {}
h2.nomargin {
	margin:0
}
h3                   {}
h4                   {}
h5                   {}
h6                   {}

img {
	border: none;
}

.clearboth {
	clear: both;
	margin: 0;
	padding: 0;
}
.clearLeft {
	clear: left;
}

.dropdownMenu{
	width: 645px;
}


/* Blöcke */
#wBlockMain       	 	 {
	margin:0;
	width:100%;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_content.gif);
	background-repeat: repeat-y;

} /*Gesamter Bereich*/
#wBlockTop        		 {
	height: 145px;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_top.gif);
	background-repeat: repeat-x;
} /*Bereich oben*/
#wBlockTop2        		 {
	height: 145px;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_top.gif);
	background-repeat: repeat-x;
/*	background-color: yellow;*/
	width: 995px;
} /*Bereich oben*/
#wBlockContent    	 	 {
	width:720px;
	float:left;
	margin-bottom: 90px;

} /*Inhaltsbereich*/

#wBlockContentInnerContent {
	margin-left:90px;
	margin-top:15px;
	font-size: 1.1em;
	padding-right: 0px;
}

#wBlockContentInnerContent p{
	padding-right: 20px;
}

#wBlockCurNavigation	 {}	/*Pfadnavigation*/
#wBlockRight      	 	 {
	margin-left: 33px;
	width:242px;
	float:left;
	background-color:#ffffff;
/*   display:none;*/
} /*Bereich rechts*/

#wBlockRightInner{
	width:242px;
	position:absolute;
	top: 150px;
	left: 750px;
/*	display:none;*/
}

#wBlockBottom     	 	 {
	clear: both;
	height: 34px;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_bottom.gif);
	background-repeat: repeat-x;
}

#wBlockBottom #wBlockBottomInner {
	width: 995px;
	text-align: center;
	padding-top: 9px;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_bottom.gif);
	background-repeat: repeat-x;
}

/*Bereich unten*/
#wBlockRight:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Allgemeine Elemente des oberen Bereiches */

#wBlockTop .elementLogo                             {
	position: absolute;
	top: 20px;
	left: 753px;
/*	display:none;*/
}
#wBlockTop .elementLogoPrint {
	display: none;
}
#wBlockTop .elementLogo img                         {
}

#wBlockTop .elementNavigation				               {}


/* Allgemeine Elemente des Inhaltsbereiches */

#wBlockContent div.h1 {
	margin-left: 80px;
	margin-top: 30px;
	height: 30px;
	width: 640px;
	background-color: #5f5f5f;
	font-size: 14px;
}
#wBlockContent div.h1 h1 {
	padding: 8px 0 0 12px;
	margin: 0px;
	color: #fff;
	font-size: 14px;
}
#wBlockContent div.teasertexte {
	width: 270px;
	float: left;
}
#wBlockContent div.aktuelleReferenz p,
#wBlockContent div.teasertexte p {
	margin: 0 0 5px 0;
	padding: 0px;
	font-size: 0.9em;
}
#wBlockContent div.aktuelleReferenz p.bold,
#wBlockContent div.teasertexte p.bold {
	font-weight: bold;
	color: #5f5f5f;
	margin: 0px;
	padding: 0px;
}
#wBlockContent div.teasertexte p.bold {
	margin-top: 10px;
}
#wBlockContent div.aktuelleReferenz a,
#wBlockContent div.teasertexte a {
	margin-top: 10px;
}

#wBlockContent div.aktuelleReferenz {
	margin-right: 30px;
	width: 310px;
	float: right;
}

#wBlockContent div.aktuelleReferenz h2 {
	font-size: 1.1em;
}
#wBlockContent div.aktuelleReferenz table {
	font-size: 1em;
	margin: 0px;
	padding:0px;
}
#wBlockContent div.aktuelleReferenz table td.col1 {
	width: 130px;
	vertical-align: top;
		margin: 0px;
	padding:0px;
}
#wBlockContent div.aktuelleReferenz table td.col2 {
	vertical-align: top;
	padding-left: 15px;
}

#wBlockContent div.ProdukteLinks {
	width: 330px;
	float: left;
	padding-top: 15px;
	font-size: 1.1em;
}
#wBlockContent div.ProdukteLinks h2 {
	/*font-size: 1.5em;*/
	margin: 0 0 5px 0;
}
#wBlockContent div.ProdukteLinks p {
	margin: 0 0 10px 0;
}
#wBlockContent div.ProdukteLinks p b {
	font-weight: bold;
	color: #5f5f5f;
}
#wBlockContent div.ProdukteLinks table.bewegungsaufnahme {
	width: 330px;
	background: #CCCCCC;
	border-spacing: 0px;
	border: none;
}
#wBlockContent div.ProdukteLinks table.bewegungsaufnahme td {
	border: 1px solid #F3F3F3;
	padding-left: 10px;
}
#wBlockContent div.ProdukteLinks table.bewegungsaufnahme td.title {
	width:145px;
}
#wBlockContent div.ProdukteRechts {
	width: 240px;
	margin-left: 60px;
	float: right;
	padding-top: 15px;
		font-size: 1.1em;
}
/*#wBlockContent div.ProdukteRechts a.produktimg img {
border: 1px solid #afafaf;
}
#wBlockContent div.ProdukteRechts a.produktimg:hover img {
border: 1px solid #646464;
}*/

#wBlockContent div.ProdukteRechts a.produktimg img {
border: 1px solid #afafaf;
}

#wBlockContent a.produktimg img {
border: 1px solid #ffffff;
}

#wBlockContent div.ProdukteRechts a.produktimg:hover img,
#wBlockContent a.produktimg:hover img {
border: 1px solid #646464;
}

#wBlockContent div.gallery2 {
	padding: 2px 34px 17px 0px;
	text-align: center;
	float: left;
}

#wBlockContent div.productLink{
/*	background-color: #5f5f5f;
	padding-top: 7px;
	padding-bottom: 4px;
	margin-top: -3px;*/
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_product.jpg);
	height: 23px;
	width: 175px;
 }

#wBlockContent div.productLink a{
 	color:white;
 	text-decoration:none;
 	position:relative;
 	top: 4px;
 }

#wBlockContent div.ProdukteRechts a.pdfLink {
	background-image: url(/roth/wLayout/design/img/icons/icon_pdflink.gif);
	background-position: left 0;
	background-repeat: no-repeat;
	padding: 0px 0 5px 25px;
	display: block;
}
#wBlockContent div.ProdukteRechts a.galerieLink {
	background-image: url(/roth/wLayout/design/img/icons/icon_galerielink.gif);
	background-position: left 0;
	background-repeat: no-repeat;
	padding: 0px 0 5px 25px;
	display: block;
}
#wBlockContent div.ProdukteRechts a.button_print {
	background-image: url(/roth/wLayout/design/img/backgrounds/button_print_produkte.gif);
	background-repeat: no-repeat;
	text-transform: uppercase;
	font-size: 0.8em;;
	text-decoration: none;
	color: #5f5f5f;
	display: block;
	width:  233px;
	height: 35px;
	padding: 11px 0 0 35px;
	margin: 5px 0 10px 0;
	font-weight: bold;
}
#wBlockContent a.ohneUnderline {
	text-decoration: none;
	font-weight: bold;
	font-size: 1.1em;
}

#wBlockContent div.bild {
	float: left;
	width: 305px;
	margin-top: 10px;
}

#wBlockContent div.bildklein {
	float: left;
	margin-top: 10px;
}

#wBlockContent div.bild img{
	border: 1px solid black;
}
#wBlockContent div.text {
	margin-top: 10px;
	float: right;
	width: 300px;
	margin-right: 10px;
	font-size: 1.1em;
}

#wBlockContent div.textSmall {
	margin-left: 17px;
	float: left;
	width: 470px;
	margin-right: 10px;
	font-size: 1.1em;
}

#wBlockContent div.textSmallRight{
	margin-left: 130px;
}
.headlineImprint {
	margin-left: 150px;
}

a.footerImprint, a.footerTop, a.footerPrint {
	padding-left: 22px;
	margin-right: 5px;
}

a.footerImprint {
	background: url(/roth/wLayout/design/img/icons/page_white_text.gif) no-repeat left;
}

a.footerTop {
	background: url(/roth/wLayout/design/img/icons/page_white_text.gif) no-repeat left;
}

a.footerPrint {
	background: url(/roth/wLayout/design/img/icons/printer.png) no-repeat left;
}


#wBlockContent div.text h2 {
	margin: 0px;
	font-size: 1.1em;
}
/* Allgemeine Elemente des rechten Bereiches */

#wBlockRight .elementText                           {}
#wBlockRight .elementText p                         {}

#wBlockRight ul      				                       {}
#wBlockRight ol      		   		                     {}

#wBlockRight .textblock h1     		   		                     {
	background-color: #f3f3f3;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_right_h1.gif);
	background-repeat: repeat-x;
	font-size: 1.4em;
	color: #5f5f5f;
	height: 23px;
	padding-left: 12px;
	padding-top: 6px;
}
#wBlockRight .textblock h2     		   		                     {
	font-size: 1em;
	color: #5f5f5f;
	padding-left: 12px;
	color: #5f5f5f;
}
#wBlockRight .textblock p     		   		                     {
	padding-left: 12px;
	color: #5f5f5f;
}

#wBlockRight .textblock p a    		   		                     {
	padding-left: 0;
}

#wBlockRight .textblock a     		   		                     {
	padding-left: 12px;
}

#wBlockRight .textblockMessen 	   		                     {
	padding-left: 12px;
}
#wBlockRight .textblockMessen h1     		   		                     {
	background-color: #f3f3f3;
	background-image: url(/roth/wLayout/design/img/backgrounds/bg_right_h1.gif);
	background-repeat: repeat-x;
	font-size: 1.4em;
	color: #5f5f5f;
	height: 23px;
	margin-left: -12px;
	padding-left: 12px;
	padding-top: 6px;
}
#wBlockRight .textblockMessen p.bold     		   		                     {
	margin: 0px !important;
	font-size: 1em;
	color: #5f5f5f;
	font-weight: bold;
}
#wBlockRight .textblockMessen p     		   		                     {
	margin: 0px 0px 10px 0px !important;
	color: #5f5f5f;
}
#wBlockRight .textblockMessen a     		   		                     {
}

/* Allgemeine Elemente des unteren Bereiches */

#wBlockBottom .elementBottom                        {}
#wBlockBottom .elementBottom p                      {}
#wBlockBottom .elementLink                         {}
#wBlockBottom .elementLink a                       {
	color: #ffffff;
	text-decoration: none;
	margin-right: 15px;
	font-size: 1em;
}

#wBlockBottom .elementLink a {
	font-size: 12px;
}

#wBlockBottom .elementLink a img                       {
	margin-right: 5px;
}

a.noStyle {
	text-decoration: none;
	color: #000;
}

#wBlockContentInnerContent .alignLeft {
	float:left;
	margin-right: 10px;
	margin-bottom: 5px;
}
#wBlockContentInnerContent .alignRight {
	float:right;
	margin-left: 0px;
	margin-right: 10px;
	margin-bottom: 5px;
	padding: 0px;
	width: 380px;
}
#wBlockContentInnerContent .alignRight p {
	margin-top: 0px;
}

#wBlockContentInnerContent h2,
#wBlockContentInnerContent div.main h2 {
	font-size: 1.2em;
}

#wBlockContentInnerContent h3,
#wBlockContentInnerContent div.main h3 {
	font-size: 0.9em;
	font-weight: bold;
	color: #5f5f5f;
	margin-bottom: 5px;
}

#wBlockContentInnerContent div.gallery img{
 border-color: #f3f3f3;
 }



/* Pic gallery  :  begin*/
img.gallery {
	margin: 2px 7px 17px 0px;
	border: 1px solid #666666;
	float: left;
}

/* Empty style only for IE. see ie.css */
.gallery2b{
}
/* Pic gallery  : end */



.clear {
	clear: right;
}

/*DIV styles*/
table.zulassungen {
	width: 610px;
}
table.zulassungen td.right {
	padding-left: 40px;
}
table.zulassungen td {
	padding-bottom: 10px;
}
div.colRight {
	padding-bottom: 10px;
	width: 477px; /* 413 px */
	height: 60px;
	float: right;
}
div.main {
	width: 600px;
}
div.main p.bold {
	font-weight: bold;
	color: #5f5f5f;
	margin: 0px;
	padding: 0px;
}

.contactContainer {
	float: right;
	margin: 0;
}


/* Kontakt-Formular : begin */
form.formular {
	margin: 0 0 0 11px;
}

#wBlockContentInnerContent fieldset {
	border: none;
	padding: 0;
}

#wBlockContentInnerContent fieldset ol {
	list-style: none;
	padding: 0;
}

#wBlockContentInnerContent fieldset li {
	float: left;
}

#wBlockContentInnerContent fieldset li.Error input {
	border: 1px solid #CF070F;
}

#wBlockContentInnerContent fieldset li.C {
	width: 300px;
}
#wBlockContentInnerContent fieldset li.C.wError span {
	margin-left:126px;
	float:left;
	width:300px;
}
#wBlockContentInnerContent fieldset li.C.wError img {
	border:1px solid #CF070F;
}
#wBlockContentInnerContent fieldset li.C img {
	border: 1px solid #666666;
	float: left;
}

#wBlockContentInnerContent fieldset li.C input {
	border: 1px solid #666666;
	float: left;
	margin-left: 126px;
	margin-top: 10px;
	margin-bottom: 10px;
}

#wBlockContentInnerContent fieldset li.Absenden {
	width: 240px;
	margin-left: 126px;
}

label.formular, #wBlockContentInnerContent li label {
	margin: 0 0 10px 0;
	padding: 0;
	width: 126px;
	float: left;
}

input.formular, input.kontakt {
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	width: 272px;
	border: 1px solid #666666;
}

textarea.formular, textarea.kontakt {
	margin: 0 0 10px 0;
	font-size: 1em;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	width: 272px;
	height: 100px;
	border: 1px solid #666666;
}

input.button1, input.button {
	margin: 0 0 10px 0px;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #CF070F;
	width: 132px;
	border: 1px solid #CF070F;
}


input.button2 {
	margin: 0 0 10px 10px;
	font-size: 1em;
	font-style: normal;
	font-weight: bold;
	font-variant: normal;
	color: #FFFFFF;
	background-color: #CF070F;
	width: 132px;
	border: 1px solid #CF070F;
}

ul.error {
	margin: 0 0 0 11px;
	list-style-position: inside;
	list-style-image: none;
	list-style-type: none;
}

li.error {
	padding: 0;
	margin: 0;
}
/* Kontakt-Formular : end */

/* aussendienst begin */
h3.ap {
	font-size: 1em;
	font-weight: bold;
	color: #CF070F;
	margin: 0 0 10px 0;
	padding: 0;
}

h4.ap {
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

p.ap {
	margin: 0;
	padding: 0 10px 1em 0;
}
/* aussendienst end */

/* Zweispaltigkeit */
div.colLeft {
	padding-bottom: 1em;
	width: 136px;
	float: left;
}



div.colLeft2 {
	padding-bottom: 1em;
	width: 271px;
	float: right;
}

div.colLeft3 {
	padding-bottom: 1em;
	width: 261px;
	float: left;
}
/*
div.colLeft4 {
	padding-bottom: 1em;
	width: 136px;
	float: left;
}*/
div.colRight3 {
	width: 268px;
	float: left;
}


/* Sitemap begin */
ul.sitemap {
  list-style-image: none;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

ul.sitemap li {
  margin: 0 0 0 0;
  padding: 0;
}

ul.sitemap li {
  margin: 5px 0 0 0;
  padding: 0;
}

ul.sitemap li a {
  display: block;
  font-size:0.8em;
  border-color: #5F5F5F;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  margin: 0;
  background: #5F5F5F;
  color: White;
  text-decoration: none;
}

ul.sitemap li ul {
  list-style-image: none;
  list-style-type: none;
  margin: 0 0 0 20px;
  padding: 0;
  background: url(/roth/wLayout/design/img/line.gif);
  background-repeat: repeat-y;
  background-position: 0 0;
}
ul.sitemap li ul li {
  background: url(/roth/wLayout/design/img/sitemaplink.gif);
  background-repeat: no-repeat;
  background-position: 0 0;
  padding: 5px 0 0 9px;
}
ul.sitemap li ul li.last {
  background: url(/roth/wLayout/design/img/sitemaplink-last.gif);
   background-repeat: no-repeat;
}

ul.sitemap li ul li a {
  color: #5F5F5F;
  display: block;
  border-color: #A4A29C;
  border-style: solid;
  border-width: 1px;
  padding: 5px 5px 5px 8px;
  width: 300px;
  background: #fff;
}
/* Sitemap end */


/*Anfang  Kontaktformular */

.button1 {
	margin-left: 100px;
}

.button2 {

}

/*Ende  Kontaktformular */

/******************************
 Referenzen. begin
 ******************************/

/* align the text on the left */
.alignTextReferences {
	float: left;
	width: 600px;
	margin-bottom: 15px;
}

/* align image on the right */
.alignImageReferences {
	float: left;
	margin-bottom: 40px;
}

.alignImageReferences img{
	margin-right: 2px;
	margin-bottom: 2px;
}

/* align the text on the left for "actual reference" */
.alignTextActualRef {
	float: left;
	width: 200px;
	margin-bottom: 80px;
}

/* align the image on the left for "actual reference" */
.alignImgActualRef {
	float: left;
	width: 110px;
}

/******************************
 Referenzen. end
 ******************************/

.colRight {
	float: left;
	padding-left: 17px;
}

div.gallery h2 {
clear: both;
padding-left:0px;
}
a#prevLink {
width:80px;
top:0;
left:-2px;
}
a#nextLink {
width:80px;
top:0;
right:19px;
position: absolute;
}
div#imgHead {
padding: 15px 0 15px 0;
}
div#hoverNav {
	position: absolute;
	width: 100%;
}
a#bottomNavClose {
background-color:purple;
position:absolute;
z-index:30;
}