@media screen
{

* {
	margin: 0;
	padding: 0;
}

body {
	background-color: #fff;
	font-family: Arial, Helvetica, non-serif;
	font-size: 62.5%;
}

a img {
	border: 0;
}

.clb {
	clear: both;
	height: 1px;
}

#page{
	background: url(../images/bg-complete.jpg) repeat-x top left;
	margin: 0 auto;
}

#header {
	background: url(../images/header-bg-default.jpg) no-repeat top left;
	height: 118px;
	position: relative;	
}

#header a:hover, #footer a:hover {
	background-color: transparent;
}

#logo a {
	width: 160px;
	display: block;
	height: 60px;
	text-indent: -999em;
	background-image: url(../images/avnet_embedded150.gif);
	background-position: 12px 9px;
	background-repeat: no-repeat;
}


/* Festlegung der Layoutbreite und Zentrierung*/
#page_margins { 
	width: 983px;
	margin-left: auto;
 	margin-right: auto;
	max-width:inherit;  /*min-width f�r fixes Layout abschalten */
	min-width:inherit;  /*  max-width f�r fixes Layout abschalten */
}

/* Korrektur von Randabst�nden */
#main { 
	margin: 0 12px 0 13px;
	/* bitte pixel lassen, sonst zersprengt es alles (ff vs. ie) */
	width: 950px;
	padding: 0;
	z-index: 253;
}

#metasearch {
	padding: 0 2em 0 0;
	position: absolute;
	top: 30px;
	right: 20px;
	height: 38px;
	width: 600px;
}

#searchblock {
	position: absolute;
	bottom: 10px;
	right: 0;
	text-align: right;
}

#search {
	margin-right: 10px;
}

#searchblock input {
	width: 222px;
	height: 14px;
	color: #888888;
	font-size: 12px;
	padding: 4px 4px 5px 4px;
	border: 1px solid #939699;
	border-right: none;
}

* html #searchblock input {
	margin-top: -1px;
}

* + html #searchblock input {
	margin-top: -1px;
}

#searchselect {
	float: left;
}

#searchblock input#searchbutton {
	width: auto;
	height: auto;
	border: 0;
	padding: 0;
	margin: 0;
}

.search-input-wrap {
	float: left;	
	height: 28px;
}


/* ######################################################################################################
** ### Formatierung der Allgemeinen Inhaltsspalte LINKS  ###############################################
** ######################################################################################################*/

/*Breite  linke Spalte */
#col1, #col2, #col3 {
	margin: 0;
	padding: 0;
	float: left;
	min-height: 200px;
}

#col1 { 
	width: 150px; 
	margin-right: 10px;
}

/* damit die tooltips nicht abgeschnitten werden */
#col3_content .floatbox {
	overflow: visible;
}

* html #col1, * html #col2, * html #col3 {
	height: 200px;
}

/* ######################################################################################################
** ### Formatierung der inneren Spaltencontainer und deren Abst�nde ###############################################
** ######################################################################################################*/

#col1_content, #col2_content, #col3_content { margin: 0; padding: 0; }

/****** EL-SELECT ******/

.elSelect {
	width: 175px;
	padding-left: 10px;
	height: 27px;
	float: left;
	margin-right: 10px;
	position: relative;
}

* html .elSelect {
	margin-right: 5px;
}

.elSelect .selected {
	background-color:#fff !important;
	color: #D30826 !important;	
}

.elSelect .clear {
	clear:both;
}

.elSelect .selectedOption {
	float: left;
	font-size: 12px;
	padding: 5px 0 9px 6px;
	text-align: left;
	background-color: white;
	width: 139px;
	height: 9px;
	color: #888888;
	border: 1px solid #939699;
	border-right: 0;
	overflow:hidden;
	cursor: pointer;
}
.elSelect .dropDown {
	width: 28px;
	height: 23px;
	border: 1px solid #939699;
	float: left;
	position: absolute;
	right: 0;
	background:url(../images/dropdown.gif) no-repeat 0% 0%;
}

.elSelect .optionsContainerTop {
	position:absolute;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div {
	width:100%;
	height:5px;
}
.elSelect .optionsContainerTop div div {
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom {
	position:absolute;
	margin:-5px 0 0 0;
	width:100%;
	height:5px;
}
.elSelect .optionsContainerBottom div {
	width: 100%;
	height: 5px;
}
.elSelect .optionsContainerBottom div div {
	width: 100%;
	height: 5px;
}

.elSelect .optionsContainer {
	display:none;
	cursor: pointer;
	position: absolute;
	left: 10px;
	width: 143px;
	border: 1px solid #8b8b8b;
	border-top: 0;
	z-index: 999;
}

.elSelect .option {
	padding: 2px 5px;
	background-color: #fff;
	text-align: left;
	font-size: 12px;
}
}