/* Allgemeine Einstellungen*/
/* body
{
scrollbar-3dlight-color: orange;
scrollbar-base-color:#90C89F;
scrollbar-arrow-color: #000000;
}
 */
td
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #808080;
text-align : justify;
}

a
{
color : #000000;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : underline;
}

a:hover
{
color : #808080;
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
text-decoration : none;
}

li
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
}

h1
{
font-size : 1px;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
color : #ffffff; //0C8BE5
font-weight : bold;
text-align : left;
}

h2
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #EB3812;
font-weight : bold;
text-align : left;
/*background : #EB3812; */
}

h3
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #FFFFFF;
font-weight : bold;
text-align : center;
background : #EB3812;
}

form
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

input
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color: White;
color: black;
font-weight : bold;
border-left: 1px solid #EB3812;
border-right: 1px solid #EB3812;
border-top: 1px solid #EB3812;
border-bottom: 1px solid #EB3812;
}

textarea
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color: White;
color: black;
font-weight : bold;
border-left: 1px solid #EB3812;
border-right: 1px solid #EB3812;
border-top: 1px solid #EB3812;
border-bottom: 1px solid #EB3812;
}

select
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
background-color: White;
color: black;
border-left: 1px solid #EB3812;
border-right: 1px solid #EB3812;
border-top: 1px solid #EB3812;
border-bottom: 1px solid #EB3812;
}

submit
{
background-color: #0C8BE5;
text-align : center;
font-weight : bold;
}

div
{
font-family : Verdana, Arial, Helvetica, sans-serif;
}

.rahmen
{
font-size : 10px;
font-family :  Verdana, Arial, Helvetica, sans-serif;
text-align : center;
}

.agb
{
font-size : 9px;
font-family :  Verdana, Arial, Helvetica, sans-serif;
text-align : left;
}


.blockrahmen
{
font-size : 10px;
font-family :  Verdana,  Arial, Helvetica, sans-serif;
text-align : justify;
}

.tdblock
{
font-size : 11px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-align : justify;
}

.tdwerkstoffe
{
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : #000000;
text-align : center;
}

.textnav
{
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : gray;
text-align : center;
}

.nospam
{
	font-size : 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color : gray;
	text-align : justify;
	background : #0C8BE5;
}


.textnav_jub
{
font-size : 10px;
font-family : Verdana, Arial, Helvetica, sans-serif;
color : gray;
}



.content_area {
	width: 620px;
	position: absolute;
	top: 90px;
	left: 150px;
	height: 85%;
	margin: 0px;
	padding: 0px;
	float: left;
	overflow: auto;
	overflow-x: hidden;
	font-size: 100%;
}

.content_area2 {
  
	width: 620px;
	position: relative;
	top: 184px;
	left: 150px;
	height: 85%;
	margin: 0px;
	padding: 0px;
	float: right;
	overflow: scroll;
/*	overflow-x: hidden;*/
}

.box { 
 position: relative; 
 background: #ccc; 
 width: 300px; 
 height: 500px; 
 border: 1px solid #000; 
 margin-left: 10px; 
 margin-bottom: 10px; 
 float: left; 
} 



/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
/* LINKS */
.gallerycontainer_l{
position: relative;
height: 130px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail_l img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail_l:hover{
background-color: transparent;
}

.thumbnail_l:hover img{
border: 0px solid white;
}

.thumbnail_l span{
	/*CSS for enlarged image*/
	position: absolute;
	background-color: #D0D0D0;
	padding: 0px;
	left: -1000px;
	border: 1px dashed gray;
	visibility: hidden;
	color: black;
	text-decoration: none;
}

.thumbnail_l span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail_l:hover span{
	/*CSS for enlarged image*/
	visibility: visible;
	top: 338;
	left: 164px;
	/*position where enlarged image should offset horizontally */
	z-index: 50;
}



/* RECHTS */



.gallerycontainer_r{
position: relative;
height: 130px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail_r img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail_r:hover{
background-color: transparent;
}

.thumbnail_r:hover img{
border: 0px solid white;
}

.thumbnail_r span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D0D0D0;
padding: 0px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail_r span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail_r:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 338; /* top: -133; */
left: -220px; /*position where enlarged image should offset horizontally */
z-index: 50;
}









/* UND HIER DIE ZWEITE GALLERY FUER DIE PRODUKTE ... */



.gallerycontainer2{
position: relative;
height: 75px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}


.thumbnail2 img{
border: 0px solid white;
margin: 0 0px 0px 0;
}

.thumbnail2:hover{
background-color: transparent;
}

.thumbnail2:hover img{
border: 0px solid white;
}

.thumbnail2 span{ /*CSS for enlarged image*/
position: absolute;
background-color: #D0D0D0;
padding: 0px;
left: -1000px;
border: 0px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail2 span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 0px;
}

.thumbnail2:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: -230px;
left: 230px; /*position where enlarged image should offset horizontally */
z-index: 50;
}


