/*
Common Data
*/

.screen
{
width: 100%;
min-width: 1003px;
width: expression( document.body.clientWidth < 1003 ? "1003px" : parseInt ( document.body.clientWidth*1 ) + "px" );
}

body
{
background: #ffffff;
font-family: tahoma, sans-serif;
font-size: 70%;
color: #000000;
padding: 0em;
margin: 0em;
}

a
{
text-decoration: underline;
color: #0066cc;
}

img
{
border: 0em;
margin: 0em;
}

table
{
border-collapse: collapse;
border: 0em;
margin: 0em;
}

td, div, form
{
padding: 0em;
margin: 0em;
}

/*
Head
*/

.head
{
width: 100%;
margin: 41px 0 23px 0;
}

.octobersoft
{
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 10px 0 10px;
}

.octobersoftslogan
{
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 0 17px 0;
font-size: 12px;
color: #999999;
}

.language
{
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 0 14px 0;
}

.microsoft
{
width: 20%;
text-align: center;
vertical-align: bottom;
}

.microsoftslogan
{
width: 20%;
text-align: center;
vertical-align: bottom;
padding: 0 10px 17px 10px;
}

/*
Body
*/

.body
{
width: 100%;
margin: 23px 0 23px 0;
}

/*
Menutop
*/

.menutop
{
width: 100%;
margin: 0 0 23px 0;
}

.menutopinactive
{
height: 31px;
width: 20%;
padding: 0 0 0 0;
border-right: #ffffff 1px solid;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: center;
background: url(../design/background_menu_inactive.png) 0 0 repeat-x;
}

.menutopinactive a
{
color: #ffffff;
text-decoration: none;
}

.menutophover
{
height: 31px;
width: 20%;
padding: 0 0 0 0;
border-right: #ffffff 1px solid;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: center;
background: url(../design/background_menu_hover.png) 0 0 repeat-x;
}

.menutophover a
{
color: #cc3300;
text-decoration: none;
}

.menutopactive
{
height: 31px;
width: 20%;
padding: 0 0 0 0;
border-right: #ffffff 1px solid;
font-size: 11px;
font-weight: bold;
color: #ffffff;
text-align: center;
background: url(../design/background_menu_active.png) 0 0 repeat-x;
}

.menutopactive a
{
color: #ffffff;
text-decoration: none;
}

.menutitle
{
padding: 9px;
color: #ff6600;
font-style: italic;
font-size: 12px;
}

/*
Menufavorit
*/

.menufavorit
{
width: 100%;
margin: 0 0 18px 0;
}

.menufavorit td
{
width: 20%;
padding: 9px;
border-right: #e5e5e5 1px solid;
vertical-align: top;
}

/*
Banner
*/

.banner
{
width: 100%;
}

.bannerarea
{
width: 100%;
background: #ccccff url('../design/center2.png') 0 0 repeat-x;
text-align: center;
}

/*
Foot
*/

.foot
{
width: 100%;
margin: 23px 0 23px 0;
}

.foot td
{
width: 20%;
padding: 9px;
border-right: #cccccc 1px solid;
font-size: 11px;
color: #999999;
vertical-align: top;
}

.foot a
{
color: #999999;
}

/*
Content
*/

.content
{
width: 100%;
}

.content td
{
padding: 9px;
vertical-align: top;
}

.contenttext
{
font-size: 12px;
color: #666666;
margin-bottom:10px;
}

.contentclient
{
font-family: times;
font-size: 14px;
color: #666666;
}

.contenttitle
{
font-size: 16px;
color: #999999;
margin-bottom:5px;
}

.contentsubtitle
{
font-size: 11px;
color: #666666;
}

/*
Menuportfolio
*/

.menuportfolio
{
font-size: 11px;
color: #999999;
margin: 0 0 5px 0;
}

.menuportfoliolink
{
padding: 9px;
line-height: 170%;
}

.menuportfoliopart
{
font-size: 11px;
border-bottom: 1px dotted #666666;
color: #666666;
cursor: pointer;
}

/*
Menuskills
*/

.menuskills
{
font-size: 12px;
color: #666666;
padding: 0 0 3px 0;
}

.menuskillspart
{
font-size: 11px;
border-bottom: 1px dotted #6699cc;
color: #6699cc;
cursor: pointer;
}

.menuskillspartover
{
font-size: 16px;
border-bottom: 1px dotted #6699CC;
color: #6699CC;
cursor: pointer;
}

.top5
{
padding: 5px 0 0 0;
}

.text10
{
padding: 5px 0 5px 0;
}

.text10bold
{
font-weight: bold;
padding: 5px 0 5px 0;
}

.text10italic
{
font-style: italic;
}


/*
Column
*/

.colclientlogo
{
width: 20%;
text-align: center;
border-right: #e5e5e5 1px solid;
}

.col20
{
width: 20%;
}

.col20border
{
width: 20%;
border-right: #e5e5e5 1px solid;
}

.col40
{
width: 40%;
}

.col40border
{
width: 40%;
border-right: #e5e5e5 1px solid;
}

.col60
{
width: 60%;
}

.col60border
{
width: 60%;
border-right: #e5e5e5 1px solid;
}

.col80
{
width: 80%;
}

.col80border
{
width: 80%;
border-right: #e5e5e5 1px solid;
}