/* CSS Document */

body  {
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	line-height:1.3em;
	background: #dddddd;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #4b4d4c;
    }

/* Linkattribute */
a, a:visited {
    color: #4b4d4c;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
    color: #5d84d1;
}

a.broken {
    text-decoration: line-through;
    color: red;
}
	
/* Für alle Bilder */
body a img {border: none;}

/* Überschirften */

h1 {
	font-size: 16px;
	padding: 10px 0 0 0;
}
h2 {
	font-size: 14px;
	padding: 10px 0 0 0;
}

#container { 
    	width: 984px;
		height: 100%;
    	background: #ffffff;
    	margin: 0 auto; 
    	border: 0px solid #000000;
    	text-align: left;
    }
	
#kopf { 
    	height: 114px;  
    	background: #ffffff;
		background: url(bilder/header.jpg ) 0px 0px no-repeat;
    }
	
#haupt_nav { 
		width: 500px;
		padding: 0px 0px 5px 0px;
    }
	
#haupt_nav_link { 
		font-size: 14px;
		float: left;
		letter-spacing:0.0em;
		font-weight: bold;
    	margin: 55px 0 0 0;
		padding: 0px 20px 0px 20px;
    }
	
#grund_nav { 
    	height: 30px;
		width: 220px;  
    	font-size: 11px;
		font-weight: bold;
		margin: 0px 0px 0px 770px;
		padding: 5px 0px 0px 0px;
    }
	
#pfad { 
    	height: 12px;
		font-size: 10px;
    	background: #ffffff;
    	padding: 10px 0px 10px 20px; 
    }
	
#hauptteil {
		width: 984px;
    	background: #ffffff;
    	padding: 0px 0px 0px 0px; 
    }
	
#inhalt {
		width: 620px;
		height: 100%;
		float: left;
    	background: #ffffff;
    	padding: 0px 5px 0px 20px; 
    }
	
#rechte_leiste { 
		width: 305px;
		height: 100%;
		float: right;
    	background: #ffffff;
    	padding: 0px 15px 0px 10px; 
    }
	
	
#inhalt_titel {
		width: 615px;
		font-size: 18px;
		color: #004f80;
		float: left;
    	background: #ffffff;
		font-weight: bold;
    	padding: 0px 0px 5px 0px;
		margin: 0px 0px 5px 0px;
		border-bottom: 1px solid #004f80;
    }

#inhalt_datum {
	font-size: 10px;
	float: right;
	background: #ffffff;
	color: #4b4d4c;
	font-weight: bold;
	left:509px;
	top:285px;
	width: 132px;
    }
	
.fett {
	font-weight: bold;
	padding: 0px 0px 0px 0px;
}
	
	
#text {
		font-size: 12px;
		height: 100%;
		height: auto;
		color: #4b4d4c;
    	background: #ffffff;
    	padding: 0px 0px 5px 0px;
		border-bottom: 1px solid #004f80;
    }

#text a{
		font-size: 12px;
		color: #004f80;
		text-decoration: underline;
    }
	
#text a:hover{
		font-size: 12px;
		color: #5d84d1;
    	text-decoration: underline;
    }
	
#beschreibung {
		font-size: 12px;
		color: #4b4d4c;
    	background: #ffffff;
    	padding: 0px 0px 0px 0px;
    }

#beschreibung h1{
		font-size: 16px;
		color: #004f80;
    }
	
	
#meldung {
		width: 310px;
		float: left;
    	background: #ffffff;
    	padding: 0px 0px 0px 0px; 
    }
	
#produktbilder {
    	background: #ffffff;
    	padding: 0px 10px 0px 0px; 
    }

#produktinfos{
		width: 170px;
		float: left;
    	background: #ffffff;
    	padding: 0px 5px 0px 10px; 
    }

#beziehung {
    	background: #ffffff;
    	padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 10px;
    }
	
#beziehung_kopf {
    	background: #ffffff;
		font-weight: bold;
    	padding: 0px 0px 0px 0px;
		margin: 0px 0px 0px 0px;
		border-bottom: 1px solid #4b4d4c;
    }
	
#inhalt_wbt {
    	background: #ffffff;
    	padding: 0px 5px 0px 0px;
		margin: 0px 0px 0px 20px;
    }
	
#kasten {
    	background: #ffffff;
		line-height:1.3em;
		font-weight: bold;
    	padding: 10px 10px 10px 10px;
		margin: 0px 0px 10px 0px;  
		border-right: 1px solid #4b4d4c;
		border-left: 1px solid #4b4d4c;
		border-top: 1px solid #4b4d4c;
		border-bottom: 1px solid #4b4d4c;
    }
	
#kasten2 {
    	background: #ffffff;
		line-height:1.3em;
		font-weight: bold;
    	padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;  
		border-right: 1px solid #4b4d4c;
		border-left: 1px solid #4b4d4c;
		border-top: 1px solid #4b4d4c;
		border-bottom: 1px solid #4b4d4c;
    }
	
#kasten_einkauf {
    	background: #e2e4e4;
		line-height:1.3em;
		color: #4b4d4c;
    	padding: 10px 10px 10px 10px;
		margin: 0px 0px 10px 0px;  
		border-right: 1px solid #e37a30;
		border-left: 1px solid #e37a30;
		border-bottom: 1px solid #e37a30;
    }
	
#kasten_einkauf h1{
		font-size: 20px;
		font-weight: bold;
		color: #004f80;
		padding: 0px 0px 0px 0px;
    }
	
#kasten_demo {
    	background: #e37a30;
		line-height:1.3em;
		color: #ffffff;
    	padding: 0px 5px 0px 5px;
		margin: 0px 0px 0px 0px;  
		border-right: 1px solid #e37a30;
		border-left: 1px solid #e37a30;
    }
	
#kasten a{
		color: #004f80;
    }
	
#kasten a:hover{
		color: #5d84d1;
    }
	
#kasten_thema{
		font-size: 16px;
		font-weight: bold;
		padding: 0px 0px 5px 0px;
}

#er_suche{
		font-size: 12px;
		font-weight: bold;
		padding: 5px 0px 0px 0px;
		vertical-align:top;
}

#datum{
		font-size: 10px;
		font-weight: bold;
		padding: 0px 0px 0px 0px;
		vertical-align:top;
}

#los {
		height: 28px;
		width: 28px;
		display: block;
		overflow: hidden;
}

#los a{
		height: 28px;
		width: 28px;
		display: block;
		padding: 0px 0px 0px 0px;
		background: url(bilder/los.jpg ) 0px 0px no-repeat;
}

#los a:hover{
		background: url(bilder/los2.jpg ) 0px 0px no-repeat;
}

#gruppe_blau {
		height: 60px;
		width: 150px;
		display: block;
		overflow: hidden;
}

#gruppe_blau a{
		height: 60px;
		width: 59px;
		font-size: 15px;
		font-weight: bold;
		display: block;
		padding: 15px 0px 0px 40px;
		background: url(bilder/kugel_blau.jpg ) 0px 0px no-repeat;
}

#gruppe_blau a:hover{
		font-size: 15px;
		font-weight: bold;
		background: url(bilder/kugel_blau_a.jpg ) 0px 0px no-repeat;
}

#gruppe_gruen {
		height: 60px;
		width: 150px;
		display: block;
		overflow: hidden;
}

#gruppe_gruen a{
		height: 60px;
		width: 59px;
		font-size: 15px;
		font-weight: bold;
		display: block;
		padding: 15px 0px 0px 40px;
		background: url(bilder/kugel_gruen.jpg ) 0px 0px no-repeat;
}

#gruppe_gruen a:hover{
		font-size: 15px;
		font-weight: bold;
		background: url(bilder/kugel_gruen_a.jpg ) 0px 0px no-repeat;
}

#gruppe_rot {
		height: 60px;
		width: 150px;
		display: block;
		overflow: hidden;
}

#gruppe_rot a{
		height: 60px;
		width: 59px;
		font-size: 15px;
		font-weight: bold;
		display: block;
		padding: 15px 0px 0px 40px;
		background: url(bilder/kugel_rot.jpg ) 0px 0px no-repeat;
}

#gruppe_rot a:hover{
		font-size: 15px;
		font-weight: bold;
		background: url(bilder/kugel_rot_a.jpg ) 0px 0px no-repeat;
}

#liste {
		width:500px;
    	background: #ffffff;
		line-height:1.3em;
    	padding: 5px 5px 5px 5px;
		margin: 0px 0px 10px 0px;
		border-right: 1px solid #4b4d4c;
		border-left: 1px solid #4b4d4c;
		border-top: 1px solid #4b4d4c;
		border-bottom: 1px solid #4b4d4c;
    }
	
#suchliste {
		width:500px;
    	background: #ffffff;
		line-height:1.3em;
    	padding: 5px 5px 5px 5px;
		margin: 0px 0px 10px 0px;
		border-bottom: 1px dashed #4b4d4c;
    }
	
#lernprogramme {
		height: 40px;
		width: 600px;
		display: block;
		overflow: hidden;
		padding: 0px 0px 0px 0px;
		background: url(bilder/leiste.jpg ) 0px 0px no-repeat;
}

#lernprogramme a{
		height: 40px;
		width: 59px;
		font-size: 15px;
		font-weight: bold;
		padding: 15px 0px 0px 40px;
		text-decoration: none;
		
}

#lernprogramme a:hover{
		font-size: 15px;
		font-weight: bold;
}

/* Formular*/
	.Bereich { background-color:#fff; width:400px; border:1px solid #646464; }
	.Auswahl { background-color:#fff; width:100px; border:1px solid #646464; }
	.Feld { background-color:#fff; width:200px; border:1px solid #646464; }
	.Kleinfeld { background-color:#fff; width:50px; border:1px solid #646464; }
	.Kleinfeld2 { background-color:#fff; width:140px; border:1px solid #646464; }
	.Kleinfeld3 { background-color:#fff; width:100px; border:1px solid #646464; }
	.Knopf { background-color:#fff; color:#004f80; width:100px; border:2px solid #004f80; font-weight: bold;}
	.Knopf2 { background-color:#fff; color:#4b4d4c; width:230px; border:2px solid #4b4d4c; font-weight: bold;}


.suche { 
		background-color:#ffffff; 
		width:200px; 
		border:1px solid #646464;
		margin: 0px 5px 0px 0px;
		
		}
.fettblau{
		font-size: 18px;
		font-weight: bold;
		color: #004f80;
}
.handy{
	display: none;
}