/* 	STYLE-SHEET DEFITIONS www.cogbyte.de  	*/
/*	A. Dickmann 17.02.2007			*/
/*       the Cogbyte-Team		      	*/


body {
	font-family: verdana, Bitstream Vera Sans;
	background: #FFD67C;
	margin: 0;
	overflow-x:hidden;
	/*overflow: hidden;*/
}

#top {
	background: url('../images/header.png');
}

#header {margin:0;
        padding-top:12;
        padding-left:48;
        padding-right:16;
        padding-bottom:0;}

#menu  {
	background: #00417E;
	font-size: 12pt;
	font-weight: bold;
	margin: 0;
        width: 95%;	/*-->105em;<--*/ 
	padding-top: 8;
	padding-left: 48px;
	padding-right: 0;
	padding-bottom: 8;
}

#lang  {padding:8; background:url('../images/logo_wz.jpg'); position:absolute;
       left:248;
       z-index:1;
       font-size:small;
       font-weight:normal;
       display:none;
       border-style:ridge}

#hello   {
        /*-->width: 65em;<--*/
	padding-left: 160;
	vertical-align: middle;
	color: #00417E;
}

#container {background:url('../images/backgrd.png');
	  font-size:1.2pc;
           font-weight:bold;
        	  padding-top:12;
        	  padding-left:80;
        	  padding-right:16;
        	  padding-bottom:8}

#navi  {background:url('../images/bkgrd-menu.png');
       padding-left:8;
       width:240;
       height:482;
       overflow:auto}

#button  {padding-left:16;}

#main  {
	background: url('../images/bkgrd-menu.png');
	overflow: auto;
	position: absolute;
	left: 248;
	top: 122;	/*121*/	
	width: 766;
	height: 482
}

#content  {
	background: url('../images/bkgrd-fig.png');
	/*margin-top: 8;*/
	padding-left: 32;
	padding-right: 32;
	width: 684;
	height: 482
}

#list, h4, p, li{
    font-size: 11pt;
}

#list  {
	color: #00417E;
	margin-left: -8;
	font-weight: bold;
	font-size: medium;
}


#amenu   {color:white;
    	 padding-right:24;
    	 text-decoration:none;}

#amenu:hover  {text-decoration:underline;}

#alink   {
	color: #00417E;
	padding-right: 32;
	text-decoration: none;
}

#alink:hover  {color: #C54919;}

#clink   {
	color: #00417E;
	padding-left: 8;
	text-decoration: none;
}

#clink:hover  {color: #C54919;}

* html h1 {
   font-size:large;
}

h3 {margin-left:150;
   margin-bottom:0;}

h4 {margin-left:32;
   margin-top:16;
   font-size:medium;
   font-weight:bold;}

h5 {margin-left:12;
   margin-top:16;
   font-size:medium;
   font-weight:bold;}

hr {width: 90%}

ul     {list-style-type:square;}

footer {
       width: 105em;		

}

.cogbytelogo img{
	transition: all 0.3s ease-in-out;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
}

.cogbytelogo img:hover {
	transform: rotate(-5deg);
	-webkit-transform: rotate(-5deg);
	-moz-transform: rotate(-5deg);
	-o-transform: rotate(-5deg);
	-ms-transform: rotate(-5deg);
}

.lang img {
	transition: all 0.2s ease-in-out;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	-ms-transition: all 0.2s ease-in-out;
}

.lang img:hover{
/*	border-color: white;
	border-width: 0px 0px 1px 0px;
	border-style: solid;*/
	transform: scale(2);
	-webkit-transform: scale(2);
	-moz-transform: scale(2);
	-o-transform: scale(2);
	-ms-transform: scale(2);
}
