/*
-----------------------------------------------
Site: knowlex.ch
Author: Frank Limbacher
Description: Base CSS
Copyright 2008
----------------------------------------------- */


/* General Styles */

body { background: #fff url(/site/images/bluegradient.jpg) repeat-x; font:12px/1.231 calibri,arial,helvetica,clean,sans-serif; }
#bd, #hd, #ft { width: 900px; margin: 0 auto; position: relative; }

#doc4 { background-color: #fff; width: 980px; }

a { text-decoration: none; color: #000; outline: none; }
a:hover  { text-decoration: underline; color: #607293; }
a[href^="mailto"]:hover:after { content: " > " attr(title); } 

cite { display: block; text-align: right; }


/* Header */

.rss { position: absolute; top: 20px; right: 0px; }
.rss img { width: 18px; height: 27px; }

.metanav { float: right; list-style: none; margin: 55px 0 0 0; width: 285px; height: 1.3em; background: #efefef; border: 1px solid #ccc; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: 1.2em; }
.metanav li { float: left; }
.metanav li a { height: 1em; line-height: 1em; margin: 0 0 0 12px; padding: 0 12px 0 0; color: #000; border-right: 1px solid #ccc; }
.metanav li a:hover { color: #607293; }
.metanav li .last { border: none; }
.metanav li .current { font-weight: bold; }

#hd { height: 85px; background: transparent url(/site/images/knowlex.gif) 0px 20px no-repeat; }


/* Branding */

#branding { position: relative; margin-top: 10px; height: 150px; width: auto; }

#tagline { float: right; background: transparent url(/site/images/box_blue.jpg) top right no-repeat; border: 1px solid #ccc; ; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -moz-border-radius: 6px; -webkit-border-radius: 6px; width: 285px; height: 150px; }

#branding h2 { color: #fff; font-size: 1.8em; line-height: 1.2em; display: block; width: 245px; margin: 20px; text-align: left; }

/* Main */

#maintext h2 { font-size: 1.7em; margin: 24px 0 0.5em 0; color: #607293; }

#maintext p { font-size: 1.2em; line-height: 1.4em; margin: 0.5em 20px 1em 0; }

#maintext div.line { position: relative; width: 277px; padding: 0; margin: 10px 0 0 0; border-top: 1px solid #ccc; color: #000; }
#maintext #news div.line, #maintext #page div.line  { position: relative; width: 573px; line-height: 0; padding: 0; margin: 0px 0 20px 0; border-top: 1px solid #ccc; }
#maintext #suche { position: relative; width: 573px; padding: 0; margin: 30px 0 20px 0; }

#maintext span.date { position: absolute; right: 0; width: 115px; height: 1.2em; top: -10px; padding: 0px 12px 0px 8px; color: #607293; font-size: 12px; background: #efefef; border: 1px solid #ccc; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -moz-border-radius: 6px; -webkit-border-radius: 6px; line-height: 1.2em; text-align: right; }

#maintext div.col_left { margin: 1em 0; float: left; width:50%; }
#maintext div.col_right { margin: 1em 0; float: left; width: 50%; }

#maintext div.col_left h3, #maintext div.col_right h3, #maintext #news h3 { margin: 30px 25px 1em 0; }
#maintext #suche h3 { padding-top: 20px; border-top: 1px solid #ccc; width: 573px; }
#maintext div.col_left h3 a, #maintext div.col_right h3 a, #maintext #news h3, #maintext #suche h3 a, #maintext #page h3 { font-size: 1.3em; line-height: 1.2em;  }

#maintext div.col_left p, #maintext div.col_right p, #maintext #news p { font-size: 1em; line-height: 1.5em; margin: 1em 25px 1em 0; }
#maintext #page p, #maintext #suche p, #maintext #news p { font-size: 1em; line-height: 1.5em; margin: 1em 25px 2em 0;  }
#maintext br { margin: 0; padding: 0; line-height: 0.8em; }
#maintext a img.left, #maintext a img.right { border: 1px solid #ccc; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; }
#maintext a:hover img.left, #maintext a:hover img.right { border: 1px solid #a7a7a7; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }


/* Sidebar */

#sidebar div.search h3 { color: #607293; margin: 15px 2em 3px 20px; border: none; padding: 0; }
#sidebar div.search input { margin: 0 3px 20px 20px; padding: 0; width: 200px; }
#sidebar div.search .searchbutton { height:18px; width:18px; border: 1px solid #ccc; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; vertical-align: bottom; margin-left: 5px; }
#sidebar div.search .searchbutton:hover { border: 1px solid #a7a7a7; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; }

#sidebar ul.links { margin: 30px 0 2em 0; }

#sidebar .box { background: #efefef; width: 285px; height: auto; display: block; margin: 20px 0; border: 1px solid #ccc; ; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -moz-border-radius: 6px; -webkit-border-radius: 6px; }
#sidebar h3 { color: #607293; font-size: 1.3em; margin: 20px 2em 1em 20px; border-bottom: 1px solid #ccc; padding-bottom: 0.5em; }
#sidebar h4 { font-size: 1.1em; margin: 10px 2em 10px 20px; }
#sidebar p { font-size: 1.1em; font-style: italic; margin: 20px; }
#sidebar ul { list-style: none; margin: 10px 2em 20px 20px; }
#sidebar ul li { margin: 20px 0; border-bottom: 1px solid #ccc; }
#sidebar ul li a { font-size: 1.1em; color: #000; }
#sidebar ul li a:hover { font-size: 1.1em; color: #607293; }
#sidebar .banner { background: transparent url(/site/images/box_blue.jpg) 0 0 no-repeat; width: 285px; height: 170px; border: 1px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; text-align: center; }
#sidebar .banner img { margin-top: 10px; }


#sidebar .events { padding-bottom: 5px; line-height: 1.3em; }
#sidebar .events .date { font-weight: bold; }
#sidebar .events h4 a { color: #000; }
#sidebar .events h4 a:hover { color: #607293; }

#sidebar .references { padding-bottom: 10px; }
#sidebar .references h4 { margin: 3px 2em 3px 20px; }


/* Footer */

#ft { margin-top: 25px; height: 60px;  border-top: 1px solid #ccc; position: relative; }
#ft p { margin-top: 1em; }
#ft p span { position: absolute; right: 0;  text-align: right; }



/**************************************************************

	Image Menu
	v 2.2

**************************************************************/


#imageMenu {
	position: relative;
	width: 573px;
	height: 150px;
	overflow: hidden;
	border: 1px solid #ccc; ; border-right: 1px solid #a7a7a7; border-bottom: 1px solid #a7a7a7; -moz-border-radius: 6px; -webkit-border-radius: 6px;
}



#imageMenu ul {
	list-style: none;
	margin: 0px;
	display: block;
	height: 150px;
	width: 1000px;
	background: #cea495;
	
	}

#imageMenu ul li {
	float: left;
}

#imageMenu ul li a {
	text-indent: -1000px;
	background: transparent none repeat scroll 0%;
	border-right: 2px solid #fff;
	cursor:pointer;
	display:block;
	overflow:hidden;
	width: 106px;
	height: 150px;
}

#imageMenu ul li#away a { display: none; 
}

#imageMenu ul li#home a  {
	background: #1d236c url(/site/images/nav_home.jpg) repeat scroll 0px 0px; height: 150px; 
}

#imageMenu ul li#kunden a {
	background: #90abd4 url(/site/images/nav_kunden.jpg) repeat scroll 0px 0px; height: 150px;
}

#imageMenu ul li#loesungen a {
	background: #523625 url(/site/images/nav_loesungen.jpg) repeat scroll 0px 0px; height: 150px;
}

#imageMenu ul li#produkte a {
	background: #9a6a58 url(/site/images/nav_produkte.jpg) repeat scroll 0px 0px; height: 150px;
}

#imageMenu ul li#news a {
	background: #cea495 url(/site/images/nav_news.jpg) repeat scroll 0px 0px; height: 150px;
}



.clear {
	clear: both;
}