@charset "UTF-8";

 /* GENERAL RULES
--------------------------------------------------------------------*/

* {/*overwrite all default browser settings*/
margin: 0px; padding: 0px;}

body { background:#E6ECF2 url(../graphics/bg.jpg) repeat-x; font: normal 0.7em/1.4em Verdana, Arial, Helvetica, sans-serif; color: #000;}

* img {border:none;}
h1 {font: bold 1.4em/1.3em Verdana, Arial, Helvetica, sans-serif; color: #004D9C; margin-bottom:20px}

a {color: #007BBB; text-decoration: underline; }
a:hover {color: #004C92; text-decoration: underline; }



/* alle divs */
#alles { margin:0px auto auto auto; width:875px;}


/* INDEX */
#content_index_top {width:875px; height:20px; position:relative; background:transparent url(../graphics/top-line_index.png) no-repeat;}
#content_index_bottom {width:875px; height:15px; position:relative; background:transparent url(../graphics/bottom-line_index.png) no-repeat;}
	/* boxen */
#box_alle {width:875px; position:relative; height:189px; background:#ffffff;}
#box_alle_bg {width:845px; position:relative; height:184px; margin:0px auto 0px auto;}
#box { width:275px; height:184px; float:left; position:relative; padding-left: 5px;}

	/*flash */
#flash { width:875px; background:#ffffff; text-align:center; height:375px;}


/* TOP */
#top {width:875px; position:relative; height:105px; }
#logo {background:url(../graphics/euronics_logo_blau.jpg) no-repeat; width:225px; height:90px;}
#logo a{width:225px; height:90px; display:block;}
#logo a:hover{width:225px; height:90px; display:block;}
#top_menu {width:620px; position:absolute; top:10px; right:19px; height:28px; text-align:right;}
#top_menu ul { list-style-type:none; height: 28px;}
#top_menu li {display: inline; height:28px;  color: #fff;}
#logbutton {width:20px; position:absolute; top:15px; right:0px; height:28px; text-align:right;}
.submit { margin-bottom:0px;  }


#top a {color: #fff; text-decoration:none;}
#top a:hover {text-decoration:underline; }


/* CONTENT */
#content_top {width:875px; height:20px; position:relative; background:transparent url(../graphics/top-line.png) no-repeat;}
#content_bottom {width:875px; height:15px; position:relative; background:transparent url(../graphics/bottom-line.png) no-repeat;}

#content_site { width:875px; background:#fff url(bg_content.jpg) repeat-y; position:relative; }
#content_mitte { width:620px; margin:0px auto 0px 20px; float:left;}

#content_colums {
position:relative; 
width:620px;
}

#content_text {
	width:420px;
	padding-top:20px;
	padding-bottom:20px;
	position: relative;
	float:left
}
#content_text ul { list-style-position: outside; margin:0px auto auto 16px; color: #333333;}
#content_text li { list-style-image: url(../graphics/listdot.gif); margin:5px auto auto 20px;}

#content_bild {
	width:180px;
	position: relative;
	right: 0px;
	top: 0px;
	padding-top:20px;
	float:left
}

#content_table { width:600px; margin:20px 0px 20px 0px;}


 /* FUSSZEILE */
#Fusszeile {clear: both;  }


/* BOTTOM */
#legalnote {clear: both; position:relative; width:835px; height:30px; margin:20px; }
#legalnote_left {float: left; width: 405px; font: normal 10px Verdana, Arial, Helvetica, sans-serif; color: #666; background:transparent url(../graphics/stars.png) no-repeat; height:22px; padding:5px 0px 5px 35px; }
#legalnote_right {float: left; width: 370px; text-align:right; height:22px; padding:5px 5px 5px 0px; }
#legalnote_target {float: left; width: 20px; text-align:right; height:20px; }

#legalnote a {color: #666666; text-decoration:none;}
#legalnote a:hover { color: #004C92; text-decoration:underline; }






 /* fontstyles
--------------------------------------------------------------------*/
.small { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; line-height: 16px; }
.mandatory { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; font-weight:bold; background-color:#E51505; padding:10px }
.notmandatory { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000; font-weight:normal; background-color:#FFFFFF; padding:10px }


/* TABLES */
.tblhdnrmwht { background-color: #FFFFFF; font-weight:bold; color: #333333; padding: 3px; border:solid 1px #CCCCCC;}
.tbllightnrm { background-color: #CCCCCC; color: #333333; padding: 3px}
.tblwhitenrm { background-color: #EEEEEE; color: #333333; padding: 3px}

 /* form elements
--------------------------------------------------------------------*/
#formular_alles { background:#eee;  width:420px; text-align:center; }
#formular { background:#eee;  width:400px; text-align:left; margin:10px;}
.formleft {float: left; width: 190px;}
.formright {float: right; width: 190px; }
.formzeile {clear: both; position:relative; width:400px; min-height:25px;}


.contform {color:#333333; border:solid 1px #EEEEEE; width:192px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.contform_wide {color:#333333; border:solid 1px #EEEEEE; width: 400px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.contform_area {color:#333333; border:solid 1px #EEEEEE; width: 400px; height: 100px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}
.contform_area_kurz {color:#333333; border:solid 1px #EEEEEE; width: 192px; height: 18px; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000;}


#bnt_send {width:400px; text-align:center;}
ul#bnt_send {width: 400px; float: left; margin: 0; padding: 0; list-style-image:none;}
ul#bnt_send li {list-style: none; margin: 0; padding:0;  list-style-image:none;}
ul#bnt_send a {display: block;  padding:0; }
ul#bnt_send a:link {color:  #000000; background-color: #ccc; text-decoration:none; }
ul#bnt_send a:visited {color: #fff; background-color: #ccc; text-decoration:none;}
ul#bnt_send a:hover {color: #fff; background-color: #999; text-decoration:none;}
ul#bnt_send a:active {color: #fff; background-color: #ccc; text-decoration:none;}

.memberlogin { background:#00427D; border:1px solid #fff; color:#fff; font:normal 11px Arial, Helvetica, sans-serif; height:15px; width:90px; padding-left: 4px; }
.clickable{	cursor:hand; }

.sendwht { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #FFFFFF; }
a.sendwht:link { color: #FFFFFF; text-decoration:none; }
a.sendwht:active { color: #FFFFFF; text-decoration:none; }
a.sendwht:visited { color: #FFFFFF; text-decoration:none; }
a.sendwht:hover { color: #FFFFFF; text-decoration:none; }


/*Menleiste
--------------------------------------------------------------------*/

#navigation {top:84px; width:875px; height:34px; position:absolute; top:70px; z-index:100;}

ul#navlist_com { position:absolute; width:148px; margin-left:385px; z-index:200;  list-style-type: none; text-align:right;}
ul#navlist_bus { position:absolute; width:137px; margin-left:523px; z-index:300; list-style-type: none; text-align:right;}
ul#navlist_ser { position:absolute; width:127px; margin-left:650px; z-index:400; list-style-type: none; text-align:right;}
ul#navlist_con { position:absolute; width:98px; margin-left:767px; z-index:500; list-style-type: none; text-align:right;}

#navlist li { display: inline; list-style-type: none; }
#navlist img { padding-left:20px; }




ul#pulldown01 { position:absolute; width:166px; left: 0px; top:55px; text-align:left;}
#pulldown01 li { list-style-type: none;}
#pulldown01 a { display:block; padding:5px 0px 0px 15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; color:#FFF; }
#pulldown01 a:hover { color: #FFFF00; background-color:#333333; }

ul#pulldown02 { position:absolute; width:186px; left: 0px; top:55px; text-align:left;}
#pulldown02 li {list-style-type: none; }
#pulldown02 a { display:block; padding:5px 0px 0px 15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; color:#FFF; }
#pulldown02 a:hover { color: #FFFF00; background-color:#333333; }

ul#pulldown03 { position:absolute; width:136px; left: 0px; top:55px; text-align:left;}
#pulldown03 li {list-style-type: none; }
#pulldown03 a { display:block; padding:5px 0px 0px 15px; text-decoration:none; font-family:Arial, Helvetica, sans-serif; font-size:12px; height:20px; color:#FFF; }
#pulldown03 a:hover { color: #FFFF00; background-color:#333333; }



/*Submenu*/

#sub_menu{ width:220px; top:0px; position:relative; float:left;}
#sub_menu ul{ width:220px; display:block;}
#sub_menu li{ width:220px; list-style-type:none;}
#sub_menu li a{ background: transparent url(../graphics/submenu.jpg) no-repeat; width:175px; display:block; color:#000000; line-height: 24px; text-decoration:none; padding-left:45px; }
#sub_menu li a:hover { background: transparent url(../graphics/submenu_on.jpg) no-repeat;}

#sub_menu ul ul{ width:220px;}
#sub_menu ul ul li a{ background: transparent url(../graphics/submenu_bg.jpg) repeat-y; width:175px; display:block; }
#sub_menu ul ul li a:hover { background: transparent url(../graphics/submenu_ac_bg.jpg) repeat-y;}


#sub_menu_ac {width:220px; background: transparent url(../graphics/submenu_ac.jpg) no-repeat;} 
#sub_menu_ac a:link{ background: transparent url(../graphics/submenu_ac.jpg) no-repeat; display:block; color:#000; line-height: 24px; text-decoration:none;}
#sub_menu_ac a:visited { background: transparent url(../graphics/submenu_ac.jpg) no-repeat; display:block; color:#000; line-height: 24px; text-decoration:none;}
#sub_menu_ac a:hover{line-height: 24px; }

#subsub_menu_ac {width:220px; background: transparent url(../graphics/submenu_bg.jpg) repeat-y;} 
#subsub_menu_ac a:link{ background: transparent url(../graphics/submenu_bg.jpg) repeat-y; display:block; color:#000; line-height: 24px; text-decoration:none;}
#subsub_menu_ac a:visited { background: transparent url(../graphics/submenu_bg.jpg) repeat-y; display:block; color:#000; line-height: 24px; text-decoration:none;}
#subsub_menu_ac a:hover{ background: transparent url(../graphics/submenu_bg.jpg) repeat-y; line-height: 24px; }



/*Ende Menleiste*/