/*open source: xhtml/css website layout by Andreas Viklund - http://andreasviklund.com

/**************** Body and tag styles ****************/

*{margin:0; padding:0;}

body{
font:78% Verdana,Tahoma,Arial,sans-serif;
line-height:1.2em;
text-align:left;
color:#303030;
background:#dfdfdf;
}

a{
color:#4682B4;
text-decoration:none;
background-color:inherit;
}

a:hover{color:#FF0000; text-decoration:none; background-color:inherit;}
a img{border:none;}

p{padding:0 0 1.6em 0;}
p form{margin-top:0; margin-bottom:20px;}

img.left,img.center,img.right{padding:4px; border:1px solid #a0a0a0;}
img.left{float:left; margin:0 12px 5px 0;}
img.center{display:block; margin:0 auto 5px auto;}
img.right{float:right; margin:0 0 5px 12px;}


/**************** Header and navigation styles ****************/

#container{
width:760px;
margin:10px auto;
padding:1px 0;
text-align:left;
background:#ffffff;
color:#303030;
border:none;
}


#navigation{
height:2.9em;
line-height:2.9em;
width:758px;
border:none;
margin:0 1px;
float:right;
background:#333333;
color:#ffffff;
}

#navigation li{
float:left;
list-style-type:none;
border-right:1px solid #333333;
white-space:nowrap;
}

#navigation li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-weight:normal;
text-transform:none;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

#navigation2{
height:1.9em;
line-height:1.9em;
width:758px;
border:none;
margin:0 1px;
float:right;
background:#333333;
color:#ffffff;
}

#navigation2 li{
float:right;
list-style-type:none;
border-right:1px solid #333333;
white-space:nowrap;
}

#navigation2 li a{
display:block;
padding:0 10px;
font-size:0.8em;
font-family:arial;
font-weight:normal;
text-transform:none;
text-decoration:none;
background-color:inherit;
color: #ffffff;
}

* html #navigation a {width:1%;}

#navigation .selected,#navigation a:hover{
background:#414141;
color:#ffffff;
text-decoration:none;
}

#navigation2 .selected,#navigation2 a:hover{
background:#0000FF;
color:#ffffff;
text-decoration:none;
}

/**************** Content styles ****************/

#content{
float:right;
width:535px;
text-align:left; margin:4px;
font-size:0.9em;
padding:10px 0 0 10px;
}

#content h2{
display:block;
margin:0 0 16px 0;
font-size:1.7em;
font-weight:normal;
letter-spacing:-1px;
color:#505050;
background-color:inherit;
}


#navigation .selected,#navigation a:hover{
background:#414141;
color:#ffffff;
text-decoration:none;
}


#content h2 a{font-weight:normal;}
#content h3{margin:0 0 5px 0; font-size:1.4em; font-weight:normal;-1px;}
#content h4{margin:0 0 5px 0; font-size:1.1em; letter-spacing:0px;}
#content a:hover,#subcontent a:hover{text-decoration:none;}
#content ul,#content ol{margin:0 5px 16px 35px;}
#content dl{margin:0 5px 10px 25px;}
#content dt{font-weight:bold; margin-bottom:5px;}
#content dd{margin:0 0 10px 15px;}



/**************** News Content styles ****************/

.Summary_Body{
font-size:10px;
line-height:13px;
text-align: left;
text-decoration: none;
}

.Summary_Date{
font-size:10px;
line-height:12px;
text-align: left;
text-decoration: none;
}

.Summary_Title{
font-size:13px;
line-height:25px;
text-align: left;
text-decoration: none;
}


/**************** Sidebar styles ****************/

#subcontent{
float:left;
width:190px;
padding:10px 10px 0px 5px;
line-height:1.1em;
}


#subcontent h2{
display:block;
margin:0 0 12px 0;
font-size:1.6em;
font-weight:normal;
text-align:left;
letter-spacing:-1px;
color:#505050;
background-color:#F7F7F7;
}



#subcontent p{margin:0 0 16px 0; font-size:0.9em;}
#subcontent img{margin:0 0 0 0; border:none;}
#subcontent a:hover{text-decoration:none;}

#small box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
line-height:1.5em;
}

#boximage{
margin:0 0 0 0;
float:left;
padding:0;
border:none;
}

/**************** Menublock styles ****************/

.menublock{margin:0 0 20px 8px; font-size:0.9em;}
.menublock li{list-style:none; display:block; padding:2px; margin-bottom:2px;}
.menublock li a{font-weight:bold; text-decoration:none;}
.menublock li a:hover{text-decoration:none;}
.menublock li ul{margin:3px 0 3px 15px; font-size:0.9em; font-weight:normal;}
.menublock li ul li{margin-bottom:0;}
.menublock li ul a{font-weight:normal;}

/**************** Tech Tips ****************/

.news_item { border-bottom: 1px solid #f0f0f0; padding: 3px; margin-bottom: 3px; background-color: #f0f0f0; overflow: hidden; width: 527px;  }
.news_item .controls { float: right; }
.news_item .text { clear: right; margin: 5px 0; }
.news_item .posted_by { float: right; color: #777; }
.news_item.private { background-color: #dfdfdf; }

.bulleted#news li { background-image: url(images/star.gif); }



/**************** Searchbar styles ****************/

#searchbar{margin:0 0 20px 0;}
#searchbar form fieldset{margin-left:1px; border:0 solid;}

#searchbar #s{
height:1.2em;
width:190px;
margin:0 5px 0 0;
border:1px solid #a0a0a0;
font-size:0.8em;
}

#searchbar #searchbutton{
width:auto;
padding:0 1px;
border:1px solid #808080;
font-size:0.7em;
text-align:center;
}

/**************** TreeMenu styles ****************/

#treeMenu ul {
  margin: 0em;
  padding: 0em;
  list-style-type: none;
}
#treeMenuli {
  padding: 0em;
  margin: 0em;
  border-left: 1px solid #000000;
  margin-left: 0em;
  padding-bottom: 0.5em;
}
#treeMenuli.ende {
  border-left: none;
}
#treeMenuli div {
  padding-top:0.5em;
}
#treeMenuli div span {
  border-bottom: 1px solid #000000;
  padding-left: 10px;
}
#treeMenuli.ende > div {
  border-left: 1px solid #000000;
}



/**************** tabs styles ****************/	


#vdividermenu ul{
margin:0;
padding:0;
margin-bottom:0.2em;
float:left;
width:534px;
height:1.5em;
font-size:1.2em;
color:#000000;
border:0px solid #c0c0c0;
background-color:#BFBFBF;
}

#vdividermenu2 ul{
margin:0;
padding:0;
margin-bottom:0.2em;
float:left;
width:534px;
height:35px;
font-size:1.2em;
color:#000000;
border:0px solid #c0c0c0;
background-color:#BFBFBF;
}

#vdividermenu3 ul{
margin:0;
padding:0;
margin-bottom:0.2em;
float:left;
width:60%;
height:1.5em;
font-size:1.2em;
color:#000000;
border:0px solid #c0c0c0;
background-color:#BFBFBF;
}

* html #vdividermenu ul{ /*IE only rule, reduce menu width*/
width: 98%;
}

#vdividermenu ul li{
display:inline;
}

#vdividermenu ul li a{
float:left;
color:#333333;
padding:2px 12px;
text-decoration:none;
background-color:#BFBFBF;
}

#vdividermenu ul li a:visited{
color: black;
}

#vdividermenu ul li a:hover{
color:#333333;
background-color:#FF0000;
}

/**************** Footer styles ****************/

#products{
clear:both;
width:760px;
padding:10px 0px 10px;
margin:0px 0px;
text-align:center;
font-weight:normal;
color:#f0f0f0;
}



#footer{
clear:both;
width:760px;
padding:5px 0;
margin:0 1px;
font-size:0.8em;
font-weight:normal;
color:#f0f0f0;
background:#333333;
}

#footer p{padding:0; margin:0; text-align:center;}
#footer a{color:#f0f0f0; background-color:inherit; font-weight:normal;}




#footer2{
clear:both;
padding:0px 0;
margin:0 1px;
font-size:10px;
font-weight:normal;
text-align:left;
color:#f0f0f0;
background:#333333;
}

#footer2 p{padding:0; margin:0; text-align:center;}
#footer2 a{color:#87CEFA; background-color:inherit; font-weight:normal;}

/**************** Shadetabs ****************/

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li.selected{
position: relative;
top: 1px;
}

.shadetabs li.selected a{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li.selected a:hover{ /*selected main tab style */
text-decoration: none;
}

.contentstyle{
border: 1px solid gray;
width: 450px;
margin-bottom: 1em; padding: 10px;
}





/**************** Misc classes and styles ****************/

.splitcontentleft{float:left; width:48%;}
.splitcontentleft2{float:left; width:57%;}
.splitcontentleft5{float:left; width:39%;}
.splitcontentright{float:right; width:48%;}
.splitcontentright2{float:right; width:60%;}
.splitcontentright1{float:right; width:52%;}
.splitcontentright3{float:right; width:30%;}
.splitcontentright4{float:right; width:40%;}
.splitcontentright5{float:left; width:40%;}
.splitcontentright6{float:right; width:37%;}
.splitcontentcentre{float:left; width:95%;}
.splitcontentcentre2{float:left; width:99%;}
.clear{clear:both;}
.small{font-size:0.9em;}
.hide{display:none;}
.textcenter{text-align:center;}
.textright{text-align:right;}
.textleft{text-align:left;}
.important{color:#f02025; background-color:inherit; font-weight:bold;}

.box{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
line-height:1.5em;
}

.box1{
margin:0 0 5px 0;
padding:5px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
font-size:10px;
line-height:14px;
}


.box2{
margin:0 0 0px 0;
float:left;
width:533px;
padding:0px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
line-height:1.5em;
}


.box3{
margin:0 0 0px 0;
width:505px;
font-size:10px;
padding:10px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
line-height:1.5em;
}

.box4{
margin:0 0 20px 0;
padding:10px;
border:1px solid #c0c0c0;
background-color:#F7F7F7;
color:#505050;
line-height:1.5em;
}


.box5{
margin:0 0 1px 0;
width:513px;
padding:10px;
border:1px solid #black;
background-color:#333333;
color:#FFFAFA;
line-height:1.5em;
}


.box6{
margin:1px 2px 1px 1px;
width:736px;
padding:10px;
border:1px solid #c0c0c0;
background-color:#f0f0f0;
color:#505050;
line-height:1.5em;
}


.box7{
margin:1px 2px 1px 1px;
width:736px;
padding:10px;
border:1px solid #c0c0c0;
background-color:#e0e0e0;
color:#505050;
line-height:1.5em;
}

.box8{
margin:1px 2px 1px 1px;
width:736px;
padding:10px;
border:1px solid #c0c0c0;
background-color:#d0d0d0;
color:#505050;
line-height:1.5em;
}


.boxArchiv{
margin:3px 2px 1px 5px;
padding:10px;
width:728px;
border:1px solid #c0c0c0;
background-color:#f0f0f0;
color:#505050;
font-size:10px;
line-height:14px;
text-decoration:none;
}

/**************** table  ****************/

.x24{text-align:left;
background:#eeeeee;
}

.x25{vertical-align:top;
}

.x26
	{vertical-align:middle;
	background:#BFBFBF;
	font-weight: bold;
	padding-right:5px;}
	

.x27
	{vertical-align:middle;
	background:#eeeeee;}

.x28
	{vertical-align:middle;}

.x29
	{text-align:left;
	vertical-align:middle;
	background:#eeeeee;}
.x291
	{text-align:left;
	vertical-align:middle;
	background:#BFBFBF;}

.x30
	{text-align:left;
	vertical-align:middle;}
	
	.x324
	{font-size:12.0pt;}
.x325
	{font-size:14.0pt;
	font-weight:700;}
.x326
	{background:#eeeeee;}
.x327
	{font-size:14.0pt;
	font-weight:700;
	text-align:left;
	vertical-align:top;
	background:silver;}
.x328
	{
	text-align:left;
	font-size:10px;
	vertical-align:top;
	padding-left:5px;
	background:#e0e0e0;}
	
.x3288
	{
	text-align:left;
	vertical-align:middle;
	padding-left:5px;
	background:silver;}
	
	
.x329
	{
	font-weight:700;
	text-align:left;
	vertical-align:top;
	background:#eeeeee;}
.x330
	{
	font-weight:700;
	text-align:left;
	vertical-align:top;}
.x331
	{
	text-align:left;
	font-size:10px;
	vertical-align:top;
	padding-left:5px;
	background:#d0d0d0;}
.x332
	{
	text-align:left;
	font-size:10px;
	vertical-align:top;
	padding-left:5px;
	background:#f0f0f0;}
.x333
	{text-align:left;
	vertical-align:top;}


/**************** Copyright 2006 Joost de Valk ****************/
a img {
border: 0;

}
table.sortable {
border-spacing:0;
border: 0px solid #000;
border-collapse: collapse;
}

table.sortable th, table.sortable td {
text-align:left;
padding:2px 4px 2px 4px;
width:169px;
border-style:none;
color:#323232;
border:0px solid #c0c0c0;
}

table.sortable th {
border-width: 0px 0px 0px 0px;
background-color:#BFBFBF;
}
table.sortable td {
border-width: 0px 1px 0px 1px;
}
table.sortable tr.odd td {
	background-color:#BFBFBF;
}
table.sortable tr.even td {
	background-color:#fff;
}
table.sortable tr.sortbottom td {
	border-top: 0px solid #444;
	background-color:#BFBFBF;
	font-weight: bold;
}	


table.sortable2 {
border-spacing:0;
border: 0px solid #000;
border-collapse: collapse;
}

table.sortable2 th, table.sortable2 td {
text-align:left;
padding:2px 4px 2px 4px;
width:20px;
border-style:none;
border-color: #444;
}

table.sortable2 th {
border-width: 0px 0px 0px 0px;
background-color:#BFBFBF;
}
table.sortable2 td {
border-width: 0px 1px 0px 1px;
}
table.sortable2 tr.odd td {
	background-color:#BFBFBF;
}
table.sortable2 tr.even td {
	background-color:#fff;
}
table.sortable2 tr.sortbottom td {
	border-top: 0px solid #444;
	background-color:#BFBFBF;
	font-weight: bold;
}	


table.sortable3 {
border-spacing:0;
border: 0px solid #000;
border-collapse: collapse;
}

table.sortable3 th, table.sortable2 td {
text-align:left;
padding:2px 4px 2px 4px;
width:310px;
border-style:none;
border-color: #444;
}

table.sortable3 th {
border-width: 0px 0px 0px 0px;
background-color:#BFBFBF;
}
table.sortable3 td {
border-width: 0px 1px 0px 1px;
}
table.sortable3 tr.odd td {
	background-color:#BFBFBF;
}
table.sortable3 tr.even td {
	background-color:#fff;
}
table.sortable3 tr.sortbottom td {
	border-top: 0px solid #444;
	background-color:#BFBFBF;
	font-weight: bold;
}	

/****************  Inset 3D Raised krazy_container ****************/



/* Inset 3D Raised */
.raised {background: transparent; width:40%; margin:0 auto;}
.raised h1, .raised p {margin:0 10px;}
.raised h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.raised p {padding-bottom:0.5em;}

.raised .top, .raised .bottom {display:block; background:transparent; font-size:1px;}
.raised .b1, .raised .b2, .raised .b3, .raised .b4, .raised .b1b, .raised .b2b, .raised .b3b, .raised .b4b {display:block; overflow:hidden;}
.raised .b1, .raised .b2, .raised .b3, .raised .b1b, .raised .b2b, .raised .b3b {height:1px;}
.raised .b2 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #eee;}
.raised .b3 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #ddd;}
.raised .b4 {background:#ccc; border-left:1px solid #fff; border-right:1px solid #aaa;}
.raised .b4b {background:#ccc; border-left:1px solid #eee; border-right:1px solid #999;}
.raised .b3b {background:#ccc; border-left:1px solid #ddd; border-right:1px solid #999;}
.raised .b2b {background:#ccc; border-left:1px solid #aaa; border-right:1px solid #999;}


.raised .b1 {margin:0 5px; background:#fff;}
.raised .b2, .raised .b2b {margin:0 3px; border-width:0 2px;}
.raised .b3, .raised .b3b {margin:0 2px;}
.raised .b4, .raised .b4b {height:2px; margin:0 1px;}
.raised .b1b {margin:0 5px; background:#999;}
.raised .boxcontent {display:block;  background:#ccc; border-left:1px solid #fff; border-right:1px solid #999;}






/* Inset 3D Curved */
.inset {background: transparent; width:84px; padding:0 2px; align:center; margin:8px auto;}
.inset h4, .inset p {margin:0;text-align:center;}
.inset h4 {font-size:2em; color:solid #fff; letter-spacing:1px;}
.inset p {padding-bottom:0;text-align:center;}

.inset .top, .inset .bottom {display:block; background:transparent; font-size:1px;}
.inset .b1, .inset .b2, .inset .b3, .inset .b4, .inset .b1b, .inset .b2b, .inset .b3b, .inset .b4b {display:block; overflow:hidden;}
.inset .b1, .inset .b2, .inset .b3, .inset .b1b, .inset .b2b, .inset .b3b {height:1px;}
.inset .b2 {background:#ebebeb; border-left:1px solid #999; border-right:1px solid #aaa;}
.inset .b3 {background:#ebebeb; border-left:1px solid #999; border-right:1px solid #ddd;}
.inset .b4 {background:#ebebeb; border-left:1px solid #999; border-right:1px solid #eee;}
.inset .b4b {background:#ebebeb; border-left:1px solid #aaa; border-right:1px solid #fff;}
.inset .b3b {background:#ebebeb; border-left:1px solid #ddd; border-right:1px solid #fff;}
.inset .b2b {background:#ebebeb; border-left:1px solid #eee; border-right:1px solid #fff;}

.inset .b1 {margin:0 5px; background:#999;}
.inset .b2, .inset .b2b {margin:0 3px; border-width:0 2px;}
.inset .b3, .inset .b3b {margin:0 2px;}
.inset .b4, .inset .b4b {height:2px; margin:0 1px;}
.inset .b1b {margin:0 5px; background:#fff;}

.inset .boxcontent {display:block; background:#ebebeb; border-left:1px solid #999; border-right:1px solid #fff;}


/* Pillar type */
.pillar {background: transparent; width:88px; margin:0 auto;}
.pillar h1, .pillar p {margin:0;text-align:center;}
.pillar h1 {font-size:2em; color:#fff; letter-spacing:1px;}
.pillar p {padding-bottom:0;text-align:center;}

.pillar .top, .pillar .bottom {display:block; background:transparent; font-size:1px;}
.pillar .b1, .pillar .b2, .pillar .b3, .pillar .b4 {display:block; overflow:hidden;}
.pillar .b1, .pillar .b2, .pillar .b4 {height:1px;}
.pillar .b2, .pillar .b3 {background:#d66; border-left:1px solid #fff; border-right:1px solid #fff;}
.pillar .b4 {background:#d66; border-left:4px solid #fff; border-right:4px solid #fff;}

.pillar .b1 {margin:0 2px; background:#fff;}
.pillar .b2 {margin:0 1px; border-width:0 1px;}
.pillar .b3 {height:2px; margin:0;}
.pillar .b4 {margin:0 2px;}

.pillar .boxcontent {display:block; background:#d66; border-left:1px solid #fff; border-right:1px solid #fff; margin:0 5px;}

/**************** CSS FOR SLIDESHOW SCRIPT  ****************/
	.imageSlideshowHolder,.imageSlideshowHolder_left{
		margin:0px;	/* "Air" */
		float:left; /* Floating gallery at the right side of other web page content */		
		width:100px;	/* Image width */
		height:100px;	/* Image height */
		
		position:relative;	/* Don't remove this line */
	}
	.leftFloatingDiv{
		float:left;
		width:100px;
		height:100px;
	}
	/* Don't change these values */
	.imageSlideshowHolder img{
		position:absolute;
		left:0px;
		top:0px;
	}