/* CSS Document
Name: WEBWEX.NET
URI: http://webwex.net
Update: 17.03.09 */


/* ------ Body, Colors & Fonts ------ */

.typogreen {color: #0cb14b;}
.typoblue {color: #00aeef;}
.typomagenta {color: #ec008c;}
.typogrey {color: #6d6e70;}

a:link {text-decoration : none; color: #ec008c}
a:visited {text-decoration : none; color: #ec008c}
a:hover {text-decoration : underline; color: #ec008c}
a:active {text-decoration : none; color: #ec008c}


#container {
	text-align: center;
	height: 176px;
	width: 100%;
	min-width: 310px;
	position: absolute;
	top: 50%;
	left: 50%;
	line-height: 10px;
	margin-top: -72px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: -50%;
	/* background-color: #00aeef; */
}

body {
	/* overflow:hidden; */
	background-color:#FFF;
	background-image: url(../img/webwex_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	background-attachment: fixed;
}

/* html{
overflow:hidden;
} */


#logo {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 264px;
	height: 36px;
	background-image: url(../img/webwex_logo_magenta.png);
	background-repeat: no-repeat;
	margin-left: 5px;
}

#logo h1 {
	width: 264px;
	height: 36px;
}
#logo h1 a {
	height: 36px;
	width: 264px; 
	display: block;
	float: left;
	margin: 0px 0px 0px 0px;
	text-indent: -9999px;
	}

#icon {
	float: right;
	background-image: url(../img/webwex_icon_magenta.png);
	background-repeat: no-repeat;
	width: 36px;
	height: 36px;
	background-position: right;
	margin-right: 5px;
}

#icon h2{
	height: 18px;
	width: 36px; 
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	}

#icon h2 a {
	height: 18px;
	width: 36px; 
	display: block;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	text-indent: -9999px;
	}


#lines {
	float: left;
	width: 99.2%;
	height: 85px;
	background-image: url(../img/magenta_lines.gif);
	background-repeat: repeat-x;
	margin: 5px;
}

#lines h6 {
	float: left;
	text-indent: -9999px;
}


#navigation {
	float: left;
	width: 99.2%;
	height: 11px;
	list-style-type: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#navigation ul {
	float: left;
	margin: 0px;
	padding: 0px;
	height: 11px;
	width: 600px;
}	
#navigation li {
	display: inline;
	margin: 0px;
	padding: 0px;
	height: 11px;
}
#navigation li a {
	float: left;
	display: block;
	/* text-transform: uppercase;
	text-indent: -9999px; */
	height: 11px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #6d6e70;
	border-right-color: #6d6e70;
	border-bottom-color: #6d6e70;
	border-left-color: #6d6e70;
	margin: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
}

#navigation a:link {text-decoration : none; color: #ec008c}
#navigation a:visited {text-decoration : none; color: #ec008c}
#navigation a:hover {text-decoration : underline; color: #6d6e70}
#navigation a:active {text-decoration : none; color: #ec008c; font-weight: bold;}

body#body_home #navigation li#home a {font-weight: bold; }
body#body_works #navigation li#works a {font-weight: bold;}
body#body_projects #navigation li#projects a {font-weight: bold;}
body#body_network #navigation li#network a {font-weight: bold;}
body#body_contact #navigation li#contact a {font-weight: bold;}
body#body_homebase #navigation li#homebase a {font-weight: bold;}


#content {
    text-align:left;
	float: left;
	width: 99.2%;
	height: 11px;
	list-style-type: none;
	padding: 0px;
	margin-top: 9px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	}
	
#content h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #6d6e70;
	line-height: 16px
	}
	
#content .high {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #ec008c;
	line-height: 16px
	}


/* --- OTHERS --- */
.searchtext{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; font-weight: normal; line-height:11pt; font-variant: normal; color: #999999; background : #ffffff;}

.lauftext { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 13px; color: #68676c; text-decoration: none; font-weight: normal}

.smal { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #3db455; text-decoration: none; font-weight: normal }

.lauftext-bold { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #FFFFFF; text-decoration: none; font-weight: bold}

.bordergrey {border-top: 1px solid #7c6a5f; border-right: 1px none #7c6a5f; border-bottom: 1px solid #7c6a5f; border-left: 1px none #7c6a5f;}

.grey-line {color: #68676c;}

.green {color: #3db455; font-weight: normal; background-color: #3db455;}

.headerpro { font-family: Arial, Helvetica, sans-serif; font-size: 9px; color: #fff; text-decoration: none; font-weight: normal }