/* CSS Document BASIC STRUCTURE */

@import "2_usr_style.css"; /* Home.css */

@import "3_usr_style.css"; /* Navigation.css */
@import "4_usr_style.css"; /* Fonts.css */
@import "5_usr_style.css"; /* Search.css */
@import "6_usr_style.css"; /* Projects.css */
@import "7_usr_style.css"; /* Projects (New styles).css */



body{
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    line-height: 18px;
    font-weight: normal;
    color: #333333;
}

font, textarea, select, input, form, button, table, tr, td, li, ul, p {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #333333;
}

#blendContent {
    width: 820px;
    margin: 0px;
    padding: 0px;
    float:left;
    background: url(../../interconcept.php?medlibGetFile=112) repeat-x 0 0;  /* blend_content.png */

}

#wrapperHome {
    width: 820px;
    text-align: left;
    margin: 0px auto;
    padding: 0px 0px 0px 9px;
    float:left;
    background: url(../../interconcept.php?medlibGetFile=93) repeat-y center; /* background.png */
    position:relative;
}

html>body #wrapperHome {
    width: 800px;
    padding: 0px 10px;
}

#wrapper {
    width: 820px;
    text-align: left;
    background: url(../../interconcept.php?medlibGetFile=111) repeat-y right top; /* background_following.png */
    margin: 0px;
    padding: 0px 4px 0px 9px;
    float:left;
    clear: both;
    position:relative;
}

html>body #wrapper {
    width: 800px;
    padding: 0px 10px;
}

#wrapperProjekte {
    width: 820px;
    text-align: left;
    background: url(../../interconcept.php?medlibGetFile=157) repeat-y right top;
    margin: 0px;
    padding: 0px 4px 0px 9px;
    float:left;
    clear: both;
    position:relative;
}

html>body #wrapperProjekte {
    width: 800px;
    padding: 0px 10px;
}


/* --- HEADER --- */

#head {
    width: 800px;
    height: 60px;
    background:#FFFFFF;
    padding: 0px;
    margin: 0px auto;
}


img.logo {
    float:left;
}

img.flags {
    width: 20px;
    height: 14px;
    margin-left: 10px;
    margin-top: 36px;
    float:right;
}

#bigImage {
    width: 800px;
    height: 200px;
    margin: 0px auto;
    padding: 0px;
}


/* --- HEAD IMAGES --- */

.headImageHome {
    background: #FFFFFF url(../../usr_data/interconcept/css_images/head_img_home.jpg) no-repeat 0px 0px;
}

.headImageSoftware {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=145) no-repeat 0px 0px;
}

.headImageDesign {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=141) no-repeat 0px 0px;
}

.headImageSolutions {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=146) no-repeat 0px 0px;
}

.headImageNews {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=144) no-repeat 0px 0px;
}

.headImageCompany {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=139) no-repeat 0px 0px;
}

.headImageClients {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=138) no-repeat 0px 0px;
}

.headImageImpressum {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=142) no-repeat 0px 0px;
}

.headImageContact {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=140) no-repeat 0px 0px;
}

.headImageiguana {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=313) no-repeat 0px 0px;
}

.headImageJobs {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=143) no-repeat 0px 0px;
}

.headImageSearch {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=318) no-repeat 0px 0px;
}


.headImageDefault {
    background: #FFFFFF url(../../interconcept.php?medlibGetFile=113) no-repeat 0px 0px;
}



/* --- MAIN NAVIGATION --- */

#mainNavWrapper {
    width: 800px;
    height: 10px;
    padding: 0px;
    margin: 0px 0px 0px 10px;
    background: #282a29 url(../../interconcept.php?medlibGetFile=91) repeat-x left top;
    z-index: 0;
}

html>body #mainNavWrapper {
    height: 30px;
}


/* --- RIGHT COLUMN --- */

#rightColumnContainer {
    width: 260px;
    float: right;
    padding: 0px;
    margin: 0px;
}


#quotationEnvelop { 
    margin: 0 0 0 1px;
    padding: 25px 0px 20px 20px;
    float: left;
    width: 258px;
    background: #eff3f7 url(../../interconcept.php?medlibGetFile=114) no-repeat 10px 21px;
    border: 1px solid #fff;
    display: inline;
}

html>body #quotationEnvelop {
    width: 236px;
}


img.minRightQuotHeight {
    width: 0px;
    height: 50px;
    float:right; 
    margin: 0px;
    padding: 0px;
}


#rightColumnLightBackground {
    background: url(../../interconcept.php?medlibGetFile=131) no-repeat 0px 0px;
    float:left;
    width: 260px;
    margin: 0px;
    padding: 20px 0px 0px;
    overflow: hidden;
}


#rightColumnEnvelop {
    margin: 0px 0px 0px 7px;
    padding: 0px;
    float:left;
    display: inline;
    /*
    width: 238px;
    */
}


html>body #rightColumnEnvelop {
    width: 245px;
}

div.rightColBox {
    background: url(../../interconcept.php?medlibGetFile=316) no-repeat 0px 0px;
    margin: 0;
    padding: 20px 15px 0 15px;
    float: left;
    width: 246px;
    display: inline;
}

html>body div.rightColBox {
    background: url(../../interconcept.php?medlibGetFile=315) no-repeat 0px 0px;
	padding-top: 10px;
    width: 216px;
}

div.rightColBoxBottom {
    background: url(../../interconcept.php?medlibGetFile=316) no-repeat 0 bottom;
    margin: 0;
    padding: 0;
    height: 20px;
    width: 246px;
    float: left;
}

html>body div.rightColBoxBottom {
    background: url(../../interconcept.php?medlibGetFile=315) no-repeat 0 bottom;
}


img.sloganHome {
    float:left;
    margin: 0px 6px 5px 0px;
    padding: 0px;
}

html>body img.sloganHome {
    margin: 0px 0px 5px;
}

#slogan {
    margin: 0px;
    padding: 0px;
    z-index: 10000;
    position: absolute;
    right: 0px;
    top: 0px;
}

img.sloganImg {
    padding: 0px;
    margin: 0px 0px 10px 0px;
}

img.rightColumnBack {
    margin: 100px 0px 0px;
    padding: 0px;
    position:absolute;
    top: 0px;
    left: 0px;
}

img.minRightColumnHeight {
    width: 0px;
    height: 400px;
    float:right; 
    margin: 0px;
    padding: 0px;
}

object.flashLogoSamples {
    padding: 0px;
    margin: 0px;
}


/* --- CONTENT --- */

#leftNavBackground {
    /* background: url(../../interconcept.php?medlibGetFile=137) no-repeat left top; */
    width: 178px;
    height: 200px;
    position:absolute;
    top: 0px;
    left: 11px;
    z-index: 0;
}

#documentEnvelop {
    width: 627px;
    float:right;
    padding: 0px;
    margin: 0px;
    /* background: url(../../interconcept.php?medlibGetFile=109) no-repeat left top; */
}

html>body #documentEnvelop {
    width: 621px;
}

#projekteEnvelop {
    width: 627px;
    float:right;
    padding: 0px 10px 0px 0px;
    background: url(../../interconcept.php?medlibGetFile=314) repeat-x 0px 0px;
}

html>body #projekteEnvelop {
    width: 620px;
    margin: 0px 1px 0px 0px;
    padding: 0px;
}

#threeColumnsBack {
    float:left;
    width: 361px;
    padding: 0px;
    margin:  0px;
}

html>body #threeColumnsBack {
    width: 360px;
}

#twoColumnsBack {
    width: 570px;
    float:left;
    margin: 0px 0px 0px 10px;
}

html>body #twoColumnsBack {
    margin: 0px 0px 0px 20px;
}

#twoColumnsBack form {
    width: 190px;
    margin-top: 20px;
}

.searchInput {
    float: left;
    width: 150px;
}

#sectionTitleEnvelop {
    float: right;
    width: 340px;
    margin: 0px;
    padding: 0px;
}

#teaserEnvelop {
    width: 320px;
    margin: 20px 10px 0px 0px;
    padding: 0px;
    float:right;
    font: bold 12px Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #3d6f91;
}

html>body #teaserEnvelop {
    margin: 20px 20px 0px 0px;
    width: 321px;
}

#bodyTextEnvelop {
    padding: 20px 20px 0px 0px;
    float: right;
    width: 340px;
}

html>body #bodyTextEnvelop {
    width: 320px;
}

#projectsBodyTextEnvelop {
    margin: 20px 10px 0px 0px;
    padding: 0px;
    float: left;
    width: 560px;
}


img.minBodyHeight {
    width: 0px;
    height: 500px;
    float:right; 
    margin: 0px;
    padding: 0px;
}


img.minSubMenuHeight {
    width: 0px;
    height: 200px;
    margin: 0px;
    padding: 0px;
    float:right
}


#envelopGeneralBack {
    width: 100px;
    float: right;
    margin: 0px 0px 10px 0px;
    padding: 0px;
    text-align: right;
}

div.pageNavigationContainerHome,
div.pageNavigationContainer {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #666;
}

div.pageNavigationContainerHome span,
div.pageNavigationContainer span {
	margin: 0 10px;
    color: #ccc;
}


div.pageNavigationContainerHome {
    width: 400px;
    float: left;
    text-align: left;
    margin: 20px 0 0 20px;
    padding: 0px;
}

div.pageNavigationContainer {
    width: 340px;
    float: left;
    text-align: left;
    margin: 20px 0 0 10px;
    padding: 0px;
}

div.pageNavigationContainerHome b,
div.pageNavigationContainer b {
	color: #ff6600;
	margin: 0;
	padding: 0;
	text-decoration: none;
}


div.searchResultEnvelopTitle {
    width: 320px;
    height: 40px;
    padding: 0px;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
    float: none;
}


div.searchResultEnvelop {
    width: 320px;
    padding: 0px;
    margin: 0px auto;
    overflow: hidden;
    text-align: left;
    float: none;
}

div.searchContainer {
    width: 580px;
    float: left;
    padding: 0;
    margin: 0px;
    /* text-align: center; */
}

div.searchContainer h3,
div.searchContainerHome h3 {
    margin: 23px 0 10px 0;
    padding-top: 10px;
    border-top: 1px dotted #a3b0cc;
}

table.clientListLogos {
    width: 303px;
}

table.clientListLogos img {
    margin: 10px 0;
}


/*WYSIWYG_STYLES*/

font.rightColumnTitle {
    font: 11px Verdana, Arial, Helvetica, sans-serif;
    color: #333333;
    margin: 20px 0px 10px;
    padding: 0px;
}

font.rightColumnIntroText {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #888888;
    margin: 0px;
    padding: 0px;
}

font.rightColumnSmallSamplesTitle {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #555555;
    margin: 0px 0px 5px;
    padding: 0px;
}

font.rightColumnSmallSamplesDescription {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #888888;
    margin: 5px 0px 0px;
    padding: 0px;
}

img.rightColumnfeaturedImages {
    margin: 10px 0px;
    padding: 0px;
}

img.rightColumnSeparator {
    margin: 15px auto 10px;
    width: 210px;
    height: 2px;
}

img.rightNewsSeparator {
    margin: 15px auto 0px 20px;
}

font.smallSamplesTitle {
    font: bold 10px Verdana, Arial, Helvetica, sans-serif;
    color: #555555;
    margin: 0px 0px 5px;
    padding: 0px;
}

font.smallSamplesDescription {
    font: 10px Verdana, Arial, Helvetica, sans-serif;
    color: #888888;
    margin: 5px 0px 0px;
    padding: 0px;
}

font.defaultFont {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #555555;
    margin: 0px 0px 10px;
    padding: 0px;
}

p {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #555555;
    margin: 0px 0px 10px;
    padding: 0px;
}


font.defaultFont li{
    line-height: 20px;
    color: #555555;
}

.hidden{
    display: none;  
}

img.clientLogoLeft {
    float:left;
}

img.clientLogoRight {
    float:right;
}


/*CM2DB_TEXTAREA*/
font.defaultFont {
    font: 12px Arial, Helvetica, sans-serif;
    line-height: 20px;
    color: #555555;
    margin: 0px 0px 10px;
    padding: 0px;
}


/*CM2DB_LINK*/
a.LinkGeneric {}
a.LinkGeneric:link {}
a.LinkGeneric:active {}
a.LinkGeneric:hover {}
a.LinkGeneric:visited {}
a.LinkGeneric:visited:hover {}
