/*
 * Detection discovered: Unknown, Unknown version Unknown
 */

/*
 *
 * #B55A5A = LIGHT RED
 **/

html{
	height: auto;
	width: auto;
}

body{
	font-family: 'Trebuchet MS', Verdana, Tahoma, Arial, 'Arial Black', Helvetica, 'Century Gothic', 'Lucida Sans Unicode', Impact, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:     black;
	line-height: 1.5em;
	padding:   0px;
	margin:    10px 20px;

	background-color: white;
	background-image: url( "/images/site/background/background_alex_fade.png" );
	background-repeat: repeat-x;
	background-attachment: fixed;
}

a{
	text-decoration: none;
}

a:link{
	color: #b50000;
}

a:visited{
	color: #A52A2A;
}

a:hover{
	color: #b50000;
}

a:active{
	color:           #b50000;
	text-decoration: underline;
}

div, span{
	margin:  0;
	padding: 0;
}

p{
	margin:  1em .5em;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, h7{
	margin:  0 0 .5em 0;
	padding: 0;
}

h1{
}

h2{
}

h3{
}

ul, ol{
	margin:  1em 0;
	padding: 0;
}

li{
	margin:      0;
	margin-left: 2em;
	padding:     0;
}

form{
	margin:  0;
	padding: 0;
}

textarea, select, input{
	border:     1px solid #bbb;
	background: #ffe;
	margin:     .1em 0;
}

table{
}

th{
}

tr{
}

td{
	vertical-align: middle;
}

.highlite_red{
	color: #b50000;
}

.highlite_black{
	color: #000;
}

#container{
	width:     100%;
	min-width: 740px;
	max-width: 1024px;
	margin:    0 auto;
	color:     #333;
	border:    1px solid gray;
	background: white;
}

#sitelogo{
	margin-right: 180px;
	height: 150px;
	min-width: 400px;
}

#sitelogo h1{
	padding:  150px 0 0 0;
	overflow: hidden;
	background-image: url( "/images/site/site_head/logo_allset_automatisering.png" );
	background-repeat: no-repeat;

	height:   0px !important;
	height/**/: 150px;
	width:    379px;
}

#sitelogo h1 span {
    display: none;
}

/* rootmenu */
#rootmenu{
	float: right;
	width: 180px;
	height: 150px;
	background: white;
}

#rootmenu a{
	/* http://www.thewatchmakerproject.com/journal/154/simple-css-how-to-make-clickable-areas-bigger# */
	display: block;
}

#rootmenu ul{
	width:   100%;
	padding: 0;
	margin:  6px 0 0 0;
}

#rootmenu li{
	cursor: pointer;
	margin: 2px 10px;
	padding: 0px 1em;
	list-style-type: none;
	background: #ddd;
	border-left: 8px solid #ddd;
}

#rootmenu .rootmenu_active{
	border-left: 8px solid #b50000;
}

#rootmenu li:hover{
	background: #b50000;
	color: white;
	border-left: 8px solid #b50000;
}

#rootmenu a:hover{
	color: white;
}
/* rootmenu */

/* submenu */
#submenu{
	border-top:    1px solid gray;
	border-bottom: 1px solid gray;
	height:        30px;
	background:    #b50000;
	font-weight:   bolder;
	font-size:     13px;
}

#submenu a{
	/* http://www.thewatchmakerproject.com/journal/154/simple-css-how-to-make-clickable-areas-bigger# */
	display: block;
	color: white;
}

#submenu a:hover{
	color: gold;
}

#submenu ul{
	padding: 0;
	margin: 0;
	border-left: 1px solid gray;
	margin-left: -1px;
	list-style-type: none;
	color:  white;
	width:  100%;
}

#submenu li{
	float:  left;
	cursor: pointer;
	min-width: 6em;
	color:  #fff;
	background: #b50000;
	margin: 0;
	padding: 6px 10px 0px 10px;
	text-decoration: none;
	border-left: 1px solid #fff;
	height: 25px;
}

#submenu li.submenu_active{
	background-color: #600;
}

#submenu li:hover{
	background-color: #800;
	color: #fff;
}
/* submenu */

/* related */
#related{
	float: left;
	width: 230px;
	padding-top: 30px;
	background: #ddd;
	color: #222;
	font-size: small;
	line-height: normal;
	border-bottom: 1px solid gray;
	border-right: 1px solid gray;
	margin-bottom: 100px;
}

#related form{
	margin: 0 10px;
}

#related a{
}

#related img{
	max-width: 230px;
	padding: 0;
	/* -5px Hack voor ruimte onder het plaatje */
	margin:  5em 0 -5px 0;
	background: white;
}

#related p{
	margin:     5px 10px;
	font-style: italic;
}

#related ul, ol{
	padding: 0;
	margin: 10px 10px 10px 15px;
}

#related li{
	padding: 0 2px;
	border: 1px solid #ddd;
	margin: 0;
	margin-left: 5px;
	margin-bottom: 2px;
	list-style: square;
}

#related table{
	margin: 0 10px;
	width: 90%;
}

#related li:hover{
	background: #ccc;
	border: 1px solid #999;
}

#related h1{
	margin:    0 10px;
	font-size: 16px;
	border-bottom: 1px solid #b50000;
}

#related h2{
	margin:    1em 10px;
	font-size: 14px;
	font-weight: normal;
	border-bottom: 1px solid #bbb;
}

#related h3{
	margin:    0 10px;
	font-size: 10px;
}

#related .quote{
	font-style: italic;
}

#related .author{
	color: #b50000;
}
/* related */

#whereami{
	background: #eee;
	padding: 0 .5em;
	margin-top: 6px;
	margin-bottom: 10px;
}

/* content */
#content{
	margin-left: 230px;
	padding: 10px;
	padding-top: 0;
	/* really dont know why this has to be 34px :P */
	background: white;
	height:  100%;
	min-height: 600px;
	font-size: small;
	line-height: 1.5em;
}

#content table{
	width: 100%;
}

#content th{
	background: #B55A5A;
	color: white;
	padding: 2px 5px;
}

#content th.omschrijving{
	width: 60%;
}

#content h1{
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #b50000;
}

#content h2{
	border-left: 18px solid #C0C0C0;
	margin: 1.5em;
	margin-left: .3em;
	padding-left: .5em;
}

#content h2:hover{
	border-left: 18px solid #b50000;
}

#content h3{
	margin:      .5em;
	margin-left: .3em;
}

#content p{
	margin:  1em .5em;
	padding: 0;
}

#content ul ol{
	margin:  0;
	padding: 0;
}

#content li{
	margin:  0 2em;
	padding: 0;
}

#content img{
	margin:  .5em;
	padding: 0;
}

#content img.content{
	border: 1px solid #C0C0C0;
	float: right;
	margin-left: 1em;
	margin-right: 0em;
}

#content img.icon{
	border: 0px;
}

#content #hardware tr td{
	vertical-align: top;
	width: auto;
}

#content img{
	margin-right: 20px;
}

#content #hardware tr td img{
	float: right;
	margin-right: 0px;
}
/* content */

/* footer */
#footer{
	clear:  both;
	margin: 0;
	padding: .5em;
	color:  #333;
	background-color: #ddd;
	border-top: 1px solid gray;
}

.footer_left{
	margin-right: 180px;
}

.footer_right{
	float:      right;
	text-align: right;
}
/* footer */

/* sitemap */
ul.sitemap_root{
	list-style: none;
	width: 50%;
	max-width: 260px;
}

li.sitemap_root{
	background: #ccc;
	text-align: right;
	padding-right: 1em;
	color:      #b50000;
}

ul.sitemap_parent{
	list-style:  none;
	margin-left: 90%;
	width:       95%;
	border-left: 1px solid #b60000;
}

li.sitemap_parent{
	margin:  10px;
	padding: 20px;
}

li.sitemap_parent:hover{
	background: #b50000;
	color: white;
}

a.sitemap_parent{
	display: block;
}

a.sitemap_parent:hover{
	color: white;
}
/* sitemap */

/* floats */
#content .float-right{
	width:  250px;
	height: auto;
	background: #eee;
	border: 1px solid #ccc;
	float:  right;
	clear:  right;
	margin: 1em;
	margin-right: 0;
}

#content .float-right h1{
	font-size: small;
	padding: 0 .5em;
}

#content .float-right p{
	font-size:   x-small;
	line-height: normal;
	font-style:  italic;
}

#content .float-right img{
	float:   right;
	padding: 0;
	margin:  .5em;
}

#content .float-left{
	width:  250px;
	height: auto;
	background: #eee;
	border: 1px solid #ccc;
	float:  left;
	clear:  left;
	margin: 1em;
}

#content .float-left h1{
	font-size: small;
}

#content .float-left p{
	font-size:   x-small;
	line-height: normal;
	font-style:  italic;
}

#content .float-left img{
	float:   left;
	padding: 0;
	margin:  .5em;
}
/* floats */

/* site_debug */
#site_debug{
	background: #8fb5a2;
	color:      black;
	border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-bottom: 1px solid black;
	border-right: 1px solid black;
	font-size:  xx-small;
	position:   fixed;
	bottom:        70px;
	left:       100px;
}

#site_debug h1{
	font-size: small;
}

#site_debug h2{
	font-size: x-small;
}
/* site_debug */