/* 
###########################################################################################################################
BJ design - http://www.bj-design.de
_____________________________________________________________________
-- kraso.de CSS -- Beejay/Aug05--
###########################################################################################################################
*/

body			{

			background: #fff;
			font-family: arial, helvetica, sans-serif;
			color: #000;
			scrollbar-face-color: #C70831;
			scrollbar-highlight-color: #eee;
			scrollbar-shadow-color: #eee;
			scrollbar-3dlight-color: #eee;
			scrollbar-arrow-color:  #eee;
			scrollbar-track-color: #eee;
			scrollbar-darkshadow-color: #000;
			text-align: center;
			margin: 10px auto;
			padding: 0;
			width: 987px;
			}
.map24table		{
			font-family: arial, helvetica, sans-serif;
			font-size: 12px;
			padding: 4px 4px 4px 0;
			margin: 4px 4px 4px 0;
			}


.datentable		{
			width: 85%;
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			padding: 4px 4px 4px 0;
			margin: 4px 4px 4px 0;
			}
.datentable2		{
			width: 85%;
			font-family: arial, helvetica, sans-serif;
			font-size: 11px;
			padding: 4px 4px 4px 0;
			margin: 4px 4px 4px 0;
			}			

.tdtitel		{
			font-weight: bold;
			letter-spacing: 0px;
			background: #ddd;
			}
.tdcontent1		{
			letter-spacing: 0px;
			}
.tdcontent2		{
			letter-spacing: 0px;
			background: #eee;
			}						
			
.clear			{
			clear: both;
			}			
			
img			{
			border: 0;
			border: none;
			}			
	
a:link			{
			text-decoration: none;
			color: #C70831;
			}
			
a:hover			{
			text-decoration: none;
			color: #C70831;
			}
			

a:visited		{
			text-decoration: none;
			color: #C70831;
			}	
			
			
 

			

a.topnavi:link,
a.topnavi:visited	{
			color: #fff;
			text-decoration: none;
			}		
a.topnavi:hover
			{
			color: #000;
			text-decoration: none;
			}
a.topnaviakt:link,
a.topnaviakt:visited,
a.topnaviakt:hover,			
.topnaviakt
			{
			color: #000;
			text-decoration: none;
			}			

.topnavi		{
			color: #fff;
			text-decoration: none;
			}			

.footnavi a:link,
.footnavi a:visited	{
			color: #C70831;
			text-decoration: none;
			font-size: 10px;
			}
		
.footnavi a:hover
			{
			color: #000;
			text-decoration: none;
			}
			
			
#bottom a:link,
#bottom a:visited	{
			color: #000;
			text-decoration: none;
			}
		
#bottom a:hover
			{
			color: #C70831;
			text-decoration: none;
			}			


a.mainlink:link,
a.mainlink:visited	{
			display: block;
			color: #000;
			height: 20px;
			padding: 3px 0 2px 25px;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 1px;
			}
		
a.mainlink:hover
			{		
			display: block;
			height: 20px;
			color: #000;
			background-image: url("../img/navi/bg_aktiv.jpg");
			background-repeat: no-repeat;
			background-position: left top;
			text-decoration: none;
			font-weight: bold;
			}
a.mainlinkakt:link,
a.mainlinkakt:hover,			
a.mainlinkakt:visited,
.mainlinkakt
			{		
			display: block;
			height: 20px;
			color: #000;
			background-image: url("../img/navi/bg_aktiv.jpg");
			background-repeat: no-repeat;
			background-position: left top;
			text-decoration: none;
			padding: 2px 0 2px 25px;
			font-size: 12px;
			font-weight: bold;
			letter-spacing: 1px;
			}			
			
a.sublink:link,
a.sublink:visited	{
			display: block;
			color: #000;
			text-decoration: none;
			padding: 2px 0 2px 25px;
			font-size: 12px;
			}
		
a.sublink:hover		{		
			display: block;
			color: #C50830;
			text-decoration: none;
			}
			
			
.sublinkakt		{		
			display: block;
			color: #FF0000;
			text-decoration: none;
			}			
			
a.rightnav:link,
a.rightnav:visited	{
			
			color: #000;
			text-decoration: none;
			font-size: 12px;
			}
		
a.rightnav:hover
			{		
			color: #C50830;
			text-decoration: none;
			}						


a.mehr:link,
a.mehr:visited	{
			
			color: #C70831;
			text-decoration: none;
			font-size: 10px;
			}
		
a.mehr:hover
			{		
			color: #000;
			text-decoration: none;
			}
			
.iconbox a:link,
.iconbox a:visited	{
			color: #C70831;
			text-decoration: none;
			}		
.iconbox a:hover
			{
			color: #000;
			text-decoration: none;
			}															
	
/* Main Layer */

#head			{
			background: #fff;
			height: 100px;
			margin: 0;
			background-image: url("../img/keyvisual/home.jpg");
			background-repeat: no-repeat;
			background-position: right top;
			text-decoration: none;
			text-align: left;
			}
			
			
#slogan	{
			margin: 0;
			background: #fff;
			text-align: left;
			}

#topnavi		{
			clear: both;
			background: #C70831;
			height: 20px;
			margin: 0;
			border-right: 10px solid #C70831;
			text-align: right;
			color: #fff;
			font-size: 12px;
			word-spacing: 5px;
			}
		
			
#global			{
			clear: both;
			border: 0;
			text-align: left;	
			color: #000;
			background-image: url(../img/global/page_back.gif);
			background-repeat: repeat-y;
			background-position: top left;
			min-height: 600px !important; 
			height: auto !important; height: 600px;
			}
			
#navileft		{	
			padding: 0;
			margin: 0;
			width: 148px;
			float: left;
			font-size: 10px;
			}
			
#navileft sup{
			font-size: 10px;
			}
			
		
			
#content_wrap		{
			float: left;
			width: 691px;
			font-size: 12px;
			padding: 0;
			margin: 0;
			}
			
#content{
			text-align: left;			
			padding: 10px;
			margin; 0;
			}

#content ul		{
			padding: 0;
			margin: 0;
			}
			
#content li		{
			padding: 0;
			margin: 0;
			list-style: square inside;
			}
						
#bottom			{
			clear: both;
			position: absolute bottom;
			font-size: 10px;
			padding: 20px 0 15px 0;
			margin: 0;
			text-align: center;
			}

#botleft		{
			float: left;
			margin: 0 10px 0 0;
			}
			
#botright		{
			float: right;
			margin: 0 10px 0 0;
			}			
			
#right{
			float: right;
			width: 148px;
			font-size: 10px;
			text-align: left;
			}								
			
#navileft ul		{
			margin: 0;
			padding: 0;
			}
#navileft ul li		{
			margin: 0;
			padding: 0;
			list-style: none;
			}
					
			
#right ul		{
			margin: 15px 0 0 5px;
			padding: 0;
			}
#right li		{
			margin: 0;
			padding: 0 0 5px 0;
			list-style-type: none;
			}			

	
/* Newsboxx */

.setnews		{
			clear: both;
			padding: 2px 0 2px 0;
			margin: 0;
			}
			
.imgnews		{
			float: left;
			width: 150px;
			border: 1px solid #C60831;
			margin: 0 15px 0 0;
			padding: 2px;
			}
			
.imgnews	img	{

			width: 150px;

			}			
			
.textnews		{
			float: left;
			width: 400px;
			}						

/* Productlist */

.product		{
			clear: both;
			padding: 10px 0px 0 0px;
			border: 0;
			}
			
.iconbox		{
			clear: both;
			}			
			
.iconbox img		{
			margin: 0 10px 0 0;
			vertical-align: middle;
			}			
			
.prodiconsdetail img	{
			float: left; 
			padding: 0 10px 0 0;				
			}
			
.prodimg		{
			float: left;
			width: 150px;
			border: 1px solid #C60831;
			margin: 0 15px 0 0;
			padding: 2px;
			text-align: center;
			}
			
.prodimg2		{
			float: left;
			width: 230,px;
			border: 1px solid #C60831;
			margin: 0 15px 0 0;
			padding: 2px;
			text-align: center;
			}
			
.prodtext		{
			float: left;
			width: 300px;
			border-right: 1px solid #C60831;
			}

.prodtext2		{
			float: left;
			width: 250px;
			border-right: 0px solid #C60831;
			}

.prodimgdetail		{
			float: left;
			border: 1px solid #C60831;
			margin: 0 10px 0 0;
			vertical-align: middle;
			text-align: center;
			}

.prodimgdetail2		{
			float: left;
			border: 0;
			margin: 0 10px 0 0;
			vertical-align: middle;
			text-align: center;
			}
			
.prodtextdetail		{
			width: auto;
			}
			
			
.productdesc		{
			float: left;
			width: 320px !important; width: auto;
			}
			
.prodicons		{
			float: left;
			width: 150px;
			border: 1px solid #fff;
			padding: 5px;
			font-size: 10px;
			}
			
.prodiconsdetail	{
			border: 0;
			padding: 0 0 20px 0;
			margin: 0 0 20px 0;
			}	
			
								
.break			{
			width: 500px;
			clear: both;
			}
			
.icon			{
			float: left; 
			padding: 10px 20px 0 0px;
			}
			
.footnavi		{
			clear: both;
			margin: 35px 0 0 0;
			}			

/* Text Definitionen */

h1		{
		font-size: 20px;
		color: #9A9A9A;
		font-weight: bold;
		letter-spacing: 1px;
		padding: 0;
		margin: 0;
		}
		
h2		{
		display: block;
		background: #C60831;
		font-size: 14px;
		padding: 2px 5px 2px 5px;
		color: #fff;
		text-transform: capitalize;
		}
		
h4		{
		font-size: 12px;
		color: #000;
		font-weight: bold;
		padding: 0;
		margin: 0;
		}	
		
.righth		{
		padding: 0 5px 0 5px;
		}				
	
		
.kraso		{
		text-transform:uppercase;
		font-weight:  bold;
		}
		
.textsmall	{
		font-size: 9px;
		}				
		

/* Formular Definitionen */

fieldset	{
		border: 1px solid #B5B6CB;
		margin: 10px 0 0 0;
		padding: 5px 5px 5px 5px;
		}

legend		{
		color: 	#000;
		font-size: 90%;
		font-weight:  bold;
		letter-spacing: 1px;
		margin-bottom: 5px;
		} 

.inputname	{
		width: 75px;
            	float: left;
            	} 
            	
.inputnamel	{
		width: 120px;
            	float: left;
            	}             	

.inputnamei	{
		width: 75px;
            	float: left;
            	font-weight: bold;
            	} 
            	
.inputnameil	{
		width: 120px;
            	float: left;
            	font-weight: bold;
            	}             	
            
.intext		{
		width: 250px;
		color: #333;
		margin: 5px 0 0 0;
		padding: 0;
		background: #eee;
		border: 1px solid #C70831;
		}

.intextprod	{
		text-transform: capitalize;
		color: #333;
		margin: 5px 0 0 0;
		padding: 0;
		border: 0;
		background: #fff;
		}
		
.intextlink	{
		width: 350px;
		color: #333;
		margin: 5px 0 0 0;
		padding: 0;
		border: 0;
		background: #fff;
		}				
		
		
.intextbig	{
		width: 250px;
		height: 200px;
		color: #333;
		margin: 5px 0 0 0;
		padding: 0;
		background: #eee;
		border: 1px solid #C70831;
		}
		
.important	{
		color: 	#C70831;
		font-weight: bold;
		padding: 0 0 0 5px;
		}
		
.butt		{
		color: #333;
		background: #eee;
		border: 1px solid #C70831;
		width: 150px;
		margin: 0 0 0 76px;
		}
		
.mm		{
		margin: 0 0 0 120px;
		}		


/* LEGENDE */

#legende	{
		border-top: 1px solid B5B6CB; 
		border-bottom: 1px solid B5B6CB;
		padding: 5px 0 5px 0;
		margin: 25px 2px 0 3px !important; margin: 25px 2px 0 2px;
		font-size: 9px;
		
		}
		
#legende img	{
		margin: 0 2px 7px 0;
		padding: 0;
		vertical-align: middle;
		}		
		
#legende ul	{
		padding: 0;
		margin: 0;
		}
		
#legende li	{
		list-style: none;
		padding: 0;
		margin: 0;
		}
		
.legicon	{
		clear: both;
		float: left;
		margin: 0 10px 0 0; 
		padding: 0 10px 0 0;
		}
		
.legtext	{
		float: left;
		border-left: 1px solid #C70831;
		padding: 0 10px 0 10px;
		width: 580px !important; width: auto;
		}		
		
		
/* Produktseite */		


.lversion		{
			padding: 2px;
			border: 1px solid #fff;
			background: #ddd;
			}

#prodtextvar		{
			padding: 2px;
			background: #fff;
			width: 85%;
			border: 1px solid #C70831;
			}

#prodtextvar ul		{
			list-style: square inside;
			padding: 0;
			margin: 0;
			float: left;
			}

		
#prodtextvar li		{
			
			font-size: 12px;
			list-style: square inside;
			padding: 0 20px 0 0;
			}

/* Mitarbeiterliste */

.mitfoto	{
		clear: both;
		float: left;
		margin: 0 10px 0 0; 
		padding: 0 10px 0 0;
		}
		
.mitdetail	{
		float: left;
		border-left: 1px solid #C70831;
		padding: 0 10px 30px 10px;
		width: 400px !important; width: auto;
		}	
		
		
/* Geschichte */

.gfoto	{
		clear: both;
		float: left;
		border-right: 1px solid #C70831;
		margin: 0 10px 0 0; 
		padding: 0 10px 0 0;
		}
		
.gtext	{
		float: left;
		
		padding: 0 10px 0 10px;
		width: 260px !important; width: auto;
		}		^z