/* Eggynet Haupt-Website by eggynet.de */

@import url("../global.css"); 

/* @group Global */
html,body {
	font-family: Lucida Sans, Trebuchet MS, Tahoma, Arial;
	color: #373829;
	background: #F6FBFE;
	}

STRONG {
	font-size: 100%;
	font-weight: bold;
	color: #333;
    }

h1 {
	text-align: left;
	letter-spacing: 1px;
	color: #00A42C;
	text-decoration: none;
	margin: 0 0 15px 0;
	font-size: 130%;
	font-weight:normal;
	}

h2 {
	font-size: 120%;
	color: #d49726;
	text-decoration: none;
	margin: 10px 0;
	font-weight:normal;
    }
    
h3 {
	font-size: 110%;
	color: #00A42C;
	text-decoration: none;
	margin: 10px 0 10px 0;
	padding-top: 10px;
	font-weight:normal;
    }
    
h5 {
	font-size: 105%;
	color: #00A42C;
	text-decoration: none;
	margin: 0 0 5px 0;
	font-weight:normal;
	}    

h3 a {
    font: normal 120% "Trebuchet MS", Tahoma, Arial;	
    text-decoration:underline;
    }

h3 a:visited {
    text-decoration:underline;
    }

h3 a:hover {
   text-decoration:none;
   }

h3 a:active {
   text-decoration:none;
   } 

a {
	color: #333;
	}

a:hover {
	text-decoration: none;
	}

h4 {
	font-size: 120%;
	color: #d49726;
	text-decoration: none;
	margin: 0 0 10px;
	padding-top: 10px;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-weight:normal;
	}	
	
p {
	line-height: 1.5em;
	}
/* @end */

/* @group Container */
#container {
	width: 968px;
	background-image: url(images/bgcontainer.gif);
	background-repeat: repeat-y;
	}

/* @end */

/* @group Header */
#header {
	left: 10px;
	top: 0;
	width: 948px;
	height: 327px;
	}		
	
#logo{
	position: absolute;
	width: 250px;
	height: 55px;
	left: 15px;
	top: 10px;
	background-image: url(images/header_logo.gif);
	background-repeat: no-repeat;
	z-index: 999; /* ganz vorn */
	}
	
#headergrafik
	{
	position: relative;
	width: 948px;
	height: 267px;
	top: 60px;
	left: 0;
	background: #F6FBFE url(images/header.jpg) no-repeat;
	}

/* @end */



/* @group Search Breadcrumb ganze Breite,
search links */







/* @group Search Breadcrumb Box */
	#search_breadcrumb_box {
	width: 968px; /* Gesamte Containerbreite */
	}
/* @end */

/* @group Search */
	#search  {
	left: 20px; /* absolute Positionierung */
	top: 0; /* absolute Positionierung */
	display: block;
		}
#search #sucheformular fieldset {
	float: left; /* Variante für eine linkssbündige Formatierung */
	}
		
/* ----------------------Search Button */
	#finden:hover {
	color: #008F62;
	/* bei Bedarf andere Farbe */
	}

/* @end */
/* @group Breadcrumb */
#breadcrumb  {
	left: 235px; /* absolute Positionierung / gleicher Wert wie margin-left Content  */
	top: 0; /* absolute Positionierung */
	}
#breadcrumb a  {
	color: #008F62;
	/* bei Bedarf andere Farbe */
	}
	#breadcrumb a:hover  {
	/* bei Bedarf andere Farbe */
	}
/* @end */
/* @end */

/* @group Sidebar */
#sidebar {
	top: 0px;
    left: 10px;
    width: 205px; 
    margin: 0;
     }
/* @end */

/* @group Navi Top */
#navi_top {
   	top: 0px;
	width: 950px;
	height: 45px;
	}	 
		
#navi_top ul {
  	margin-top: 0px;
	padding-right: 20px;
	text-transform: uppercase;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 10pt;
	font-weight: bold;
	z-index: 1;
	}

#navi_top a {
	padding: 15px 5px 5px 5px;
	color: #FFFFFF;
	text-decoration: none;
	border-bottom: 3px solid #FFFFFF;
    }
    
#navi_top a:hover {
	color: #FFFFFF;
	border-bottom: 6px solid #FFFFFF;
	}

/* @end */

/* @group Navi Left */
/* Formatierung für gesamten Navi_left Bereich (Breite!,Schriften, BG-Colors etc. */
#navi_left {
	left: 0px; /* keine top-Angabe! Netscape! */
	width: 205px;
	font-size: 11pt;
	font-weight: normal;
	text-align: left;
	border-top: 1px solid #D7D5C2;
	margin: 0;
	padding: 0;
	}

/*	Formatierung für den gesamten UL Bereich der 1. Ebene */	
 ul#navi_left {
	width: 205px;
	font-size: 11pt;
	font-weight: normal;
	}

/*	Formtierung für den einzelnen li Bereich der 1. Ebene, z.B. andere border Farbe, padding etc. */	
ul#navi_left a {
	display: block;
	margin: 0;
	line-height: normal;
	color: #00A42C;
	border-bottom: 1px solid #D7D5C2;	
	text-decoration: none;
	padding: 4px 0 4px 20px;
	}


/*	wichtig für den IE (wirkt wie min-height) */
* html #navi_left a {
	height: 1em;
	}

ul#navi_left a:hover {
	color: #009228;
	background-color: #f4f4f4;
	}

/*	2. Ebene */	
/*	Formatierung für den gesamten ul Bereich */	
ul#navi_left ul  {
	border-bottom: 1px solid #D7D5C2;	
   	}

/*	Formtierung für den einzelnen li Bereich, z.B. andere border Farbe */	
ul#navi_left ul li {
		}	
				
/*	Formtierung für alle links der 2. Ebene */
ul#navi_left ul li a {
	border-bottom: none;
	color: #d49726;
	}	
/*	Formtierung für alle hover der 2. Ebene */
ul#navi_left ul li a:hover {
	color: #c58c24;
	}

* html ul#navi_left li { /* Korrekturen fuer IE 5.x */
/*width: 205px;*/
/*w\idth: 205px;*/
	padding-left: 0;
	padd\ing-left: 0;
	float: left;
	}

/* @end */


/* @group Content */
#content {
	width: 703px;
	margin-left: 235px;
	}
    
	#content p {
	background-color: transparent;
	}

a.content {
	color: #4A595B;
	text-decoration: none;
	border-bottom: 1px dotted #4A595B;
	}
.content a:hover {
    text-decoration: none;
    border-bottom: none;
	}
#content ul {
	padding-left: 18px;
   	list-style-position: outside;
	list-style-image: url(images/weblink.gif);
	}	
	
.float1 {
	text-align: center;
	font-size: 80%;
	float: left;
	margin-right: 20px;
	margin-bottom: 60px;
	border: none;
	padding: 2px;
    }
    
.float2 {
	text-align: center;
	font-size: 80%;
	float: right;
	margin-left: 20px;
	margin-bottom: 60px;
	border: none;
	padding: 2px;
    }

 .centerimage {
	text-align: center;
	font-size: 80%;
	margin-bottom: 10px;
	border: 1px solid #D7D5C2;
	padding: 2px;
	display: block;
    }

.float1ohnerahmen {
	text-align: center;
	font-size: 80%;
	float: left;
	margin-right: 20px;
	margin-bottom: 20px;
    }    

.float2ohnerahmen {
	text-align: center;
	font-size: 80%;
	float: right;
	margin-left: 20px;
	margin-bottom: 20px;
	}				

.underline {
	border-top: 1px solid #D7D5C2;
	}

#left {
	width: 498px;
	}

#right {
	width: 190px;
	}

#right .float1   {
	margin: 0 0 20px;
	}

#right .float2   {
	margin: 0 0 20px;
		}

.right:link {
	padding-right: 5px;
	color: #008F62;
	text-decoration: underline;		
}
.right:active {
	color: #333;	
	text-decoration: underline;
	}
.right:hover {
	text-decoration: none;
	}
	
.hilfe {
	cursor: help;
	border-bottom:#bc8430 2px dotted;
	border-top: transparent 2px dotted;
	}

.codeblockheadline{
	border-bottom: #bc8430 1px solid;
	color: #bc8430;
	overflow: auto;
	padding: 5px 0;
	clear: both;
	margin-top: 20px;
	margin-bottom: 0px;
	font-size: 14px;
	}

.codeblock1{
	background-color: #F5F6FA;
	overflow: auto;
	padding: 5px 0;
	clear: both;
	}
.codeblock2{
	background-color: white;
	overflow: auto;
	padding: 5px 0;
	clear: both;
	}

.tab1 {
	float: left;
	width: 343px;
	text-align: left;
	}
.tab1a {
	float: left;
	width: 583px;
	text-align: left;
	}

.tab2 {
	float: left;
	width: 120px;
	text-align: center;
	}
.tab3 {
	float: left;
	width: 120px;
	text-align: center;
}
.tab4 {
	float: left;
	width: 120px;
	text-align: center;
	}

.tab1_startseite {
	float: left;
	width: 70px;
	text-align: left;
	padding-top: 5px;
}
.tab2_startseite {
	margin-left: 70px;
	text-align: left;
	}
/* @end */


/* @group Formular */

legend {
	font-weight: bold;
	}
	
 
input.button:hover   {
	background-color: #F6FBFE;
	cursor: pointer;
	}

a.locationCat{
	color: #333;
	font-weight: bold;
	}
	
 input:focus, textarea:focus {
    color: #000;
    background: #F6FBFE;
    outline: 1px solid #3898ca;
    }

/* @end */
/* @group Footer */

#footer {
	background-color: white;
	border-top: 2px solid #d49726;
   	width: 948px;
	height: 40px;
	color: #00A42C;
	text-align: center;
	margin-right: 10px;
	margin-left: 10px;
	}

	#footer p {
	font-size: 95%;
	margin: 0;
	padding-top: 8px;
	}		
		
#footer a {
	color: #00A42C;
	text-decoration: underline;
  	 }
  	 
#footer a:hover {
	color: #00A42C;
	background-color: white;
	text-decoration: none;
   }

/* @end */

/* @group Extras */
.rahmen_angebot {
	display: block;
	width: 468px;
	height: 300px;
	border: 1px solid silver;
	text-align: left;
	padding: 0 15px 15px;
	float: left;
	margin-bottom: 20px;
	background: #fafafa url(images/eggynet_box.gif) no-repeat 330px bottom;
	}

.rahmen {
	border: 1px solid silver;
	padding: 5px;
	font-size: 90%;
	}	

#right .link_login {
	background: url(images/icons/login.gif) no-repeat 2px center;
	padding-left: 40px;
	color: #333;
	}
	
#right .link_kontaktformular {
	line-height: 30px;
	background: url(images/icons/briefumschlag.gif) no-repeat 0 center;
	display: block;
	padding-bottom: 0px;
	padding-left: 40px;
	color: #00A42C;
		}
		
#right .link_rueckrufservice {
	line-height: 30px;
	background: url(images/icons/rueckruf.gif) no-repeat 6px center;
	display: block;
	padding-left: 40px;
	color: #00A42C;
	}					

span.kontakt_telefon {
	display: block;
	color: #00A42C;
	background: url(images/icons/telefon.gif) no-repeat 0 center;
	padding-left: 40px;
	border-bottom: 1px solid silver;
	line-height: 30px;
	font-size: 95%;
	}		

#right span.headline_kontakt {
	display: block;
	background: url(images/icons/kontakt.gif) no-repeat;
	line-height: 30px;
	padding-left: 40px;
	color: #00A42C;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	}		

#right span.headline_downloads {
	display: block;
	background: url(images/icons/downloads.gif) no-repeat;
	line-height: 30px;
	padding-left: 40px;
	color: #d49726;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	}

#right .link_downloadauswahl {
	line-height: 30px;
	background: url(images/icons/downloadauswahl.gif) no-repeat 9px center;
	display: block;
	padding-left: 40px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	color: #d49726;
		}
		
#right .link_downloadauswahl_bottom {
	line-height: 30px;
	background: url(images/icons/downloadauswahl.gif) no-repeat 9px center;
	display: block;
	padding-left: 40px;
	color: #d49726;
	}		

#right span.headline_warenkorb {
	display: block;
	background: url(images/icons/warenkorb.gif) no-repeat;
	line-height: 30px;
	padding-left: 40px;
	color: #7B7B7B;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	}

#right .link_warenkorbauswahl {
	line-height: 30px;
	background: url(images/icons/warenkorbauswahl.gif) no-repeat 9px center;
	display: block;
	padding-left: 40px;
	border-bottom: 1px solid silver;
	padding-bottom: 5px;
	color: #7B7B7B;
	}
#right .link_warenkorbauswahl_bottom {
	line-height: 30px;
	background: url(images/icons/warenkorbauswahl.gif) no-repeat 9px center;
	display: block;
	padding-left: 40px;
	color: #7B7B7B;
	}
		
a.bestellbutton {
    background: transparent url(images/button_rechts.gif) no-repeat right top;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    line-height: 22px;
    margin-right: 6px;
    padding-right: 4px; /* sliding doors padding */
    text-decoration: none;
	padding-left: 15px;
	}

a.bestellbutton span {
    background: transparent url(images/bestellbutton_links.gif) no-repeat;
    display: block;
    line-height: 22px;
	padding: 0 5px 0 30px;
	}
a.bestellbutton :hover  {
 	background-position: left -22px;
 	color: #d49726;
	} 	

a.infobox { text-decoration: none;
	background: url(images/icons/icon_hilfe.gif) no-repeat right;
	padding-right: 30px;
	}
	
a.infobox:hover { 
	cursor: help; 
	background: white url(images/icons/icon_hilfe.gif) 	no-repeat right;
	padding-right: 30px;
	}
a.infobox span { 
	visibility: hidden; 
	position: absolute; 
	left: 20em; margin-top: 1em; 
	padding: 1em; 
	text-decoration: none 
	}
	
a.infobox:hover span { 
	visibility: visible;
	border: 2px solid #d49726;  
	background: white; 
	width: 400px;
	}

a.infobox2 { text-decoration: underline;
	padding: 4px;
	color: maroon;
	}
	
a.infobox2:hover { 
	cursor: help; 
	text-decoration: none;
	}
	
a.infobox2 span { 
	display: none;
	text-decoration: none;
	}
	
a.infobox2:hover span { 
	display: block; 
	position: absolute;
	visibility: visible;
	border: 2px solid #d49726;  
	background: white;
	padding: 4px;
 	margin-top: 10px;
	margin-left: 0px;
	color: black; 
	width: 400px;
	text-decoration: none;
	}
	
.screenshotthumb {  
   float: left;
   	margin-bottom: 10px;
   	margin-left: 10px;
   	border: 1px solid #D7D5C2;
	padding: 1px;
	}	
/* @end */