/*
// Styleguide für das Internet-Portal Berger Maschinenfabrik
//
//	Erstellt am:
//	11.12.2002
//
// von:
// Sigrid Berger, 
// T-Systems Nova GmbH, EZRR Essen
//
// Geaendert:	
// am:		26.10.2011
// von:		C. Groß
// Beschreibung:	Introbox
//
////////////////////////////////////////////////////////////////
//Definition der HTML-Elemente
//
////////////////////////////////////////////////////////////////
// Definition der Seitenelemente (Gesamtseitenlayout)
////////////////////////////////////////////////////////////////
*/

body {
	margin-top:0px;
	margin-right:0px;
	margin-left:0px;
	
	scrollbar-base-color:#000000; 
	scrollbar-track-color:#cccccc; 
	scrollbar-face-color:#cccccc; 
	scrollbar-highlight-color:#EFEFEF; 
	scrollbar-3d-light-color:#000000; 
	scrollbar-darkshadow-color:#ffffff; 
	scrollbar-shadow-color:#000000; 
	scrollbar-arrow-color:#ffffff; 
}

/*//////////////////////////////////////////////////////////////
// Definition von Fliesstext
///////////////////////////////////////////////////////////////
*/

body, td, p {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#000000;
}

li, option, input, select {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#000000;
}

/*//////////////////////////////////////////////////////////////
// Definition der Hyperlinks
///////////////////////////////////////////////////////////////
*/

a:link {
	font-family:verdana,arial,helvetica,sans-serif;
	color:#003399;
	text-decoration:none;
}

a:visited {
	font-family:verdana,arial,helvetica,sans-serif;
	color:#003399;
	text-decoration:none;
}

a:hover {
	font-family:verdana,arial,helvetica,sans-serif;
	color:#6699cc;
	text-decoration:none;
}

a:focus {
	font-family:verdana,arial,helvetica,sans-serif;
	outline-style:none;
	text-decoration:none;
}

a.topmenue {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

a:visited.topmenue {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#ffffff;
	text-decoration:none;
}

a:hover.topmenue {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#003333;
	text-decoration:none;
}

a:focus.topmenue {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	outline-style:none;
	text-decoration:none;
}

a.ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#003333;
	text-decoration:none;
}

a:visited.ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#003333;
	text-decoration:none;
}

a:hover.ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	color:#009999;
	text-decoration:none;
}

a.sm_ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a:visited.sm_ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

a:hover.sm_ocat {
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

/*//////////////////////////////////////////////////////////////
// Definition der Überschriften
///////////////////////////////////////////////////////////////
*/

h1 {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	font-family:verdana,arial,helvetica,sans-serif;
}

h2 {
	font-weight:bold;
	font-size:13px;
	color:#000000;
	font-family:verdana,arial,helvetica,sans-serif;
}

h3, th {
	font-weight:normal;
	font-size:12px;
	color:#000000;
	font-family:verdana,arial,helvetica,sans-serif;
}

/*th {
	font-size:11px;
}*/

/*//////////////////////////////////////////////////////////////
// Definition von Formular-Elementen
///////////////////////////////////////////////////////////////
*/

select {
	background-color: #ffffff;
	font-size: 11px;
	font-family: verdana,arial,helvetica,sans-serif;
}

textarea.feld {
	border:1px #666666 solid;
	color:#000000;
	font-size:11px;
	font-family:verdana,arial,helvetica,sans-serif;
}

input.feld {  
	width:120px;
	height:17px; 
	border:1px #666666 solid;
	color:#000000;
	font-size:11px;
	font-family:verdana,arial,helvetica,sans-serif;
}

input.new {
	background-color:#AAAAAA; 
	color:#333333; 
	width:120px;
	height:17px;
	border:1px solid #666666; 
	font-weight:bolder;
	font-family:verdana,arial,helvetica,sans-serif;
	font-size:11px;
}

/*//////////////////////////////////////////////////////////////
// Specials
///////////////////////////////////////////////////////////////
*/

.unterschrift {
	font-weight:500;
	font-size:90%;
	color:#333333;
	font-family:verdana,arial,helvetica,sans-serif;
}

.headline {
	font-weight:bold;
	font-size:14px;
	color:#666666;
	font-family:verdana,arial,helvetica,sans-serif;
}

.head_green {
	font-weight:bold;
	font-size:13px;
	color:#003333;
	font-family:verdana,arial,helvetica,sans-serif;
}

ul {
	list-style-image:url(../image/allgemein/list_pfeil.gif);
}

dd {
	font-style:italic;
}

font.akt_top_menu {
	color:#000000;
}

font.akt_left_menu {
	color:#ffffff;
}

/*//////////////////////////////////////////////////////////////
// Definition der Einstiegsseite
///////////////////////////////////////////////////////////////
*/

.introbox_aussen {
	background-color:#efefef;
	text-align:center;
}

.introbox_komplett {
	background-color:#fff;
	width:780px;
	margin:20px auto 10px auto;
}

.introbox_rahmen1 {
	border:10px solid white;
}

.introbox_rahmen2 {
	position:relative;
	text-align:left;
	border-color:#c0c0c0;
	border-style:solid;
	height:162px;
	border-width:1px 1px 0px 1px;
}

.introbox_rahmen3 {
	position:relative;
	text-align:left;
	border-color:#c0c0c0;
	border-style:solid;
	height:177px;
	border-width:0px 1px 1px 1px;
}

.introbox_bild {
	height:236px;
}

.introbox_text_oben {
	position:absolute;
	bottom:0;
	margin-left:60px;
}

.introbox_text_unten {
	position:absolute;
	top:20px;
	margin-left:60px;
	color:#fff;
}

.introbox_text_fuss {
	color:#666	;
}

.introbox_text_fuss_test {
	position:absolute;
	bottom:10px;
	width:100%;
	text-align:center;
	color:#666;
}