/***
 * @file base.css
 * @author katarina micanovic <katarina@ideegeo.com>
 * @version 1.0
 *
 * includes all the other stylesheets
 * handles the typography and various stuff
 ***/
/*** ---------- import the other stlysheets ---------- ***/
@import url("defaults.css"); /* the default html elements */
@import url("grid.css"); /* the layout grid */
@import url("menu.css"); /* the main menu */
/*** ---------- #header ---------- ***/
#header .logo {
    margin: 14px 0 0 -15px;
}
/*** ---------- #content headlines ---------- ***/
#content .projects, #content .company, #content .contact,
#content .partners, #content .idegeeofeed, #content .ideegeo,
#content .partnershome {
    width: 100%;
	height: 107px;
	margin-bottom: 30px;
	border: 1px solid #FCEEE0;
}
#content .idegeeofeed, #content .ideegeo, #content .partnershome {
	background-color: #FFFBF6;
}
#content .ideegeo img, #content .partnershome img,
#content .idegeeofeed img {
    margin: 10px;
}
#content .partners {
    background: #FFFBF6 url(/global/images/symbol_partners.gif) no-repeat 10px 10px;
}
#content .projects {
    background: #FFFBF6 url(/global/images/symbol_projects.gif) no-repeat 10px 10px;
}
#content .company {
    background: #FFFBF6 url(/global/images/symbol_company.gif) no-repeat 10px 10px;
}
#content .contact {
    background: #FFFBF6 url(/global/images/symbol_contact.gif) no-repeat 10px 10px;
}
#content .projects h1, #content .company h1,
#content .contact h1, #content .idegeeofeed h1,
#content .ideegeo h1, #content .partners h1,
#content .partnershome h1 {
    margin: 40px 0 0 145px;
}

/*** ---------- #content html elements ---------- ***/
#content p {
    width: 90%;
}

#content h2 {
    width: 90%;
}
/*** ---------- rounded corners box ---------- ***/
.box {
    background-color: #FDF5EC;
    width: 100%;
    height: auto !important; /*** for standards compliant browsers ***/
}
.feedbox {
    background-color: #FDF5EC;
    width: 100%;
    height: auto !important; /*** for standards compliant browsers ***/
}
.homebox {
    background-color: #FDF5EC;
    width: 450px;
    height: auto !important; /*** for standards compliant browsers ***/
}
.box .content {
    padding: 20px;
}
.box .topright, .homebox .topright, .feedbox .topright {
    background: url(/global/images/box_topright.gif) top right no-repeat;
    margin: 0;
    padding: 0;
}

.box .topleft, .homebox .topleft , .feedbox .topleft{
    background: url(/global/images/box_topleft.gif) top left no-repeat;
    margin: 0;
    padding: 0;
}

.box .bottomright, .homebox .bottomright, .feedbox .bottomright {
    background: url(/global/images/box_bottomright.gif) bottom right no-repeat;
    margin: 0;
    padding: 0;
}

.box .bottomleft, .homebox .bottomleft, .feedbox .bottomleft {
    background: url(/global/images/box_bottomleft.gif) bottom left no-repeat;
    margin: 0;
    padding: 0;
}
/*** ---------- #footer ---------- ***/
#footer p {
    margin: 10px 0;
}
#footer a {
	color: #888888;
	background-color: transparent;
}
/*** ---------- list types ---------- ***/
ul.disc {
    list-style-type: disc;
}

ul.square {
    list-style-type: square;
}

ul.circle {
    list-style-type: circle;
}

ul.decimal {
    list-style-type: decimal;
}
/*** ---------- various ---------- ***/
.teaser {
	margin-top: 16px;
	margin-bottom: 5px;
}
a.decornone {
	text-decoration: none;
}
.up {
	padding-left: 20px;
	background: transparent url(/global/images/up.gif) no-repeat 0 50%;
}
.readmore {
    float: right;
    margin-right: 20px;
}
.dopadding {
    padding: 30px 20px;
}

.small {
    font-size: 0.75em; /* 16x0.75=12px */
}

.medium {
    font-size: 1.0em;
}

.big {
    font-size: 1.2em;
}

.center {
    text-align: center;
}

.left {
    float: left;
}
.img-left {
    float: left;
	margin-right: 20px;
}
.right {
    float: right;
}
.img-right {
    float: right;
	margin-left: 20px;
}
.clear {
    clear: both;
}

.none {
    display: none;
}

.error {
    color: #f00;
    background-color: transparent;
}

.baseline {
    vertical-align: baseline;
}

.middle {
    vertical-align: middle;
}

.sub {
    vertical-align: super;
}

.text-top {
    vertical-align: text-top;
}

.text-bottom {
    vertical-align: text-bottom;
}

.top {
    vertical-align: top;
}

.bottom {
    vertical-align: bottom;
}
/*** ---------- clearfix ---------- ***/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/*.clearfix {
    display: inline-table;
}*/
/*** hides from IE-mac ***/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}
/*** end hide from IE-mac ***/