/* Stylesheet für Sibalco
	Erstellt am 12.10.2008
	Name sibalco.css
	Stand 07.02.2009 */


/* Kalibrierung der wichtigsten Abstände */
* {padding: 0; margin: 0; }

html {height: 101%;}

body { 
	margin: 20px 50px 0 0; 
	font-size: 11px;
 	line-height: 20px; 
	font-family: Tahoma, Arial; 
	background: #36457c url(images/sibalco_body_bckg.jpg) repeat-x;
	}

/* Hyperlinks allgemein */
a { /* Unterstreichung entfernen */ 
	text-decoration: none; 
	outline: none;
}
a:link {color: blue; }
a:visited {color: #339966; }
a:hover, a:focus {
	border-bottom: 1px solid #050c96;
}
a:active {
	color: white;
	background-color: blue;
}

/* Allgemeine Klassen und ID´s */
.skiplink { /* Skiplink ausblenden - Zum Inhalt */
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}


/* =====================================================
   2. Styles und Layoutbereiche
   ===================================================== */	
#box { /* Positionierung des Hauptinhalts */
	position: absolute;
	left: 50%;
	width: 1024px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -505px;
}

#header {
	left: 50%;
	background: #0287c2 url(images/sibalco-startseite.jpg); 
	background-repeat: no-repeat;
	width:1004px; 
	height:100px;
	clear:both;   
	}
	
	#header p { /* zum probieren */
	  position: absolute;
	  top: 0;
	  right: 16px; 
	  font-weight: bold;
	  padding: 0px 5px 0px 5px;
	  margin-bottom: 0; /* war 1em */
}

	#header p span { /* zum probieren */
		color: #ffffff; /* Schriftfarbe */
}	
	
#slogan {
	  padding: 0px 0px 0px 0px;
	  margin: 59px 0 0 0;	
	  border: 0px solid #8c8c8c;
}

#companyname h1 { /* da Banner im Einstz ist Firmenname Ãœberschrift */
	position:absolute; 
	text-align:center; 
	width:95%; 
	text-align:center; 
	margin-top:50px; 
	display: none;
	}
	
#menu { 
	width: 1004px;
	height:30px; 
	clear:both; 
	padding-top:5px; 
	}
	
#menu ul { margin:0; padding:0;}

#menu ul li{ 
	display:inline-block; 
	float:left; 
	width:84px; 
	list-style:none; 
	text-align:center;
	}
	
#menu a { 
	display:block; 
	float:left; 
	width:84px;  
	font-size:12px; 
	text-transform:uppercase; 
	text-decoration:none; 
	color:#FFFFFF; 
	text-decoration:none; 
	font-weight:normal; 
	padding: 0 5px 0 5px;
	}
	
	#menu a:hover,
	#menu a:focus {
	color: yellow;
	border-bottom: 0px dotted;
}

	#menu a:active {
	color: white;
	background-color: black;
}

#content {
	clear:both; 
	background-color: #4f4949; 
	width:1004px;
	}
	
#content_top { height:20px;}

#content_top_left {
	float:left; 
	width:20px; 
	height:20px; 
	background: url(images/sibalco_left_top_round.gif) no-repeat;
	}

#content_top_right {
	float:right; 
	width:20px; 
	height:20px; 
	background: url(images/sibalco_right_top_round.gif) no-repeat;
	}
	
#content_bottom { clear:both;height:16px;}

#content_bottom_left {
	float:left; 
	width:20px; 
	height:16px; 
	background: url(images/sibalco_left_bottom_round.gif) no-repeat;
	}
	
#content_bottom_right {
	float:right; 
	width:20px; 
	height:16px; 
	background: url(images/sibalco_right_bottom_round.gif) no-repeat;
	}

#sidebar {
	float:left; 
	width:231px; 
	padding-left:10px;
	}
	
#sidebar p {
	background-color:#fff; 
	padding:0 20px;
	}
	
#sidebar_top { 
	height:10px; 
	background: url(images/sibalco_sidebar_top.gif) no-repeat;
	background-color:white;
	}
	
#sidebar_body { background-color:#fff;}

#sidebar_bottom { 
	height:23px; 
	background: url(images/sibalco_sidebar_bottom.gif) no-repeat;
	}
	
#sidebar ul {
	margin:0; 
	padding:0 0 0 40px;
	}
	
#sidebar ul li { padding:0; list-style:none;}

#sidebar a {
	color: #000; 
	font-size: 11px;
	font-weight: normal;
	border-bottom: 1px dotted #6263ff;
	}

#sidebar a:hover,
#sidebar a:focus {
     border-bottom: 1px solid #6263ff;
}

#sidebar a:active {
	color: white;
	background-color: blue;
}

#sidebar h1 {
	color:#6263ff; 
	font-size:12px; 
	font-weight:bold; 
	padding:10px 0 0 20px; 
	background-color:#fff; 
	margin:0;
	}
	

#text {
	background-color: #eeeeee; /* war #a9b3bb */
	margin:0px 10px 0 251px; 
	width:auto; 
	vertical-align:top; 
	color: black;
	}
	
#text_top {}

#text_top_left {
	float:left; 
	width:13px; 
	height:10px; 
	background: url(images/sibalco_left_top_content.gif) no-repeat;
	}
	
#text_top_right {
	float:right; 
	width:11px; 
	height:10px; 
	background: url(images/sibalco_right_top_content.gif) no-repeat;
	}
	
#text_bottom { 
	float:left;
	height:16px; 
	background: url(images/sibalco_middle_bottom_content.gif) repeat-x; 
	width:100%;
	}
	
#text_bottom_left {
	float: left; 
	width: 11px; 
	height: 16px; 
	background: url(images/sibalco_left_bottom_content.gif) no-repeat;
	}
	
#text_bottom_right {
	float: right; 
	width: 11px; 
	height: 16px; 
	background: url(images/sibalco_right_bottom_content.gif) no-repeat;
	}
	
#startseite #text_body { /* Hg-Bild nur auf Startseite */
		background: #eeeeee url(images/hg-startseite.jpg) no-repeat center;
}

#anfrageseite #text_body { /* Hg-Bild nur auf Anfrageseite */
		background: #eeeeee url(images/hg-anfrageseite.jpg) no-repeat center;
}

#text_body { padding:10px 20px 10px 20px;}


#text_body h1 { 
	padding:0px; text-transform:uppercase; 
	font-size:18px; color:#000; 
	background-color:#818181; 
	font-weight:normal; 
	color:#fff; 
	margin: 10px 0 ;
	height:21px;
	}

#text_body h1 span { 
	color: #545353;
	background: #eeeeee; /* war #a9b3bb */
	padding: 0px 10px 0px 0px;
	}

#text_body p {
	margin:0; 
	/* background: #eeeeee; /* war #a9b3bb */
	}
	
#scroll { /* damit die Seitengroesse erhalten bleibt - Gesamtbild */
height: 343px;
width: 685px;
overflow: auto;
border: 1px solid #666;
background-color: #eeeeee;
padding: 8px;
}	
	

#text ul {
	margin: 0; 
	padding: 0 0 0 10px;
	}
	
#text ul li { 
    list-style-type: none;
    background-image: url(images/sibalco_small_bullet.gif);
    background-repeat: no-repeat;
    background-position: 0 3px;
	 padding-left: 18px;
    margin-bottom: 5px;
	}
	
.bildlinks {
	float: left;
	padding: 3px;
	border: 1px solid #050c96;
	margin-right: 10px;
	margin-bottom: 10px;
}
.bildrechts {
	float: right;
	padding: 3px;
	border: 1px solid #050c96;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 20px;
}	

#startseite .bildrechts {  /* ohne Umrandung */
	float: right;
	padding: 3px;
	border: 0px solid #050c96;
	margin-bottom: 10px;
	margin-left: 10px; 
	margin-right: 20px;
	display: inline;
}	

#impressumseite .bildrechts { /* ohne Umrandung */
	float: right;
	padding: 3px;
	border: 0px solid #050c96;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-right: 20px;
}	

.clearing { clear: both; } /* beendet float: right und float: left */


#foot_text { 
	padding-left: 50px; 
	background: url(images/sibalco_foot_text.gif) no-repeat; 
	color: #545353; 
	font-size: 10px; 
	line-height: 13px; 
	margin: 20px 0 0 0;
	}

#footer {
	background: #35457c url(images/sibalco_footer_bckg.jpg); 
	width: 1004px;
	height: 44px; 
	clear: both;  
	}
	
#left_footer { 
	float: left; 
	padding: 25px 0 0 2px; 
	color: #fff; 
	font-size: 10px;
	}
	
#left_footer a { 
	color: #fff;
	text-decoration: none;
	}

#left_footer a:hover { text-decoration:underline;}

#right_footer { 
	float: right;  
	padding: 25px 2px 0 0; 
	color: #fff;  
	font-size: 10px; 
	text-align: right;
	}
	
#right_footer a { 
	color:#fff;
	text-decoration:none;
	}

#right_footer a:hover { text-decoration:underline;}

/* Das Kontaktformular */
form {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-color: #dcdcdc;
	width: 510px;
	padding: 8px;
	border: 1px solid #8c8c8c;
}
label { /* Beschriftung auf eigener Zeile */
	display: block;
	cursor: pointer; /* Mauszeiger wird zur Hand */	
}
input#absender {
	font-size: 13px;
	width: 285px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}

input#textarea {
	width: 350px;
	border: 1px solid #8c8c8c;
	margin-bottom: 1em;
}

textarea {
	height: 7em;
}
input#absender:focus, textarea:focus {
background-color : yellow;
}
/* Ende Kontaktformular */