@CHARSET "UTF-8";
@import "system.css";
@import "sifr.css";


/** GLOBAL **/
html{
	overflow-x: hidden;
	overflow-y: scroll;
}
html,
body{
	height:100%;
	border:0;
	padding: 0;
	margin: 0;
	background-color: #6A7CB0;
	background-image: url("../img/bg_24bit.png");
	background-repeat: no-repeat;
}

* html body{
	overflow-x: hidden; /* nur für den IE */
}

* {
	font-family:sans-serif;
	font-size: 14px;
	color: #FFFFFF;

	scrollbar-base-color: #5E6D9C;
	scrollbar-face-color: #5E6D9C;
	scrollbar-track-color: #5E6D9C;
	scrollbar-3d-light-color: #C6CCE4;
	scrollbar-arrow-color: #C6CCE4;
	scrollbar-highlight-color: #C6CCE4;
	scrollbar-darkshadow-color:#000000;
	scrollbar-shadow-color:#000000;
}

p{
	margin-top:11px;
	margin-bottom:11px;	
}

h1 {
	font-size: 14px;
	padding-bottom: 10px;
	text-transform: uppercase;
}

h2 {
	font-size: 1.1em;
}

a,
a:link,
a:hover,
a:visited,
a:active,
a:focus{
	font-size: 1em;
	/*text-decoration: none;*/
}

abbr {
	text-decoration: none;
	border: 0px solid #FFFFFF;
}

address{
	font-size: 1em;
	font-style: normal;
}

.hListNavigation,
#serviceNavigationContainer ul,
#mainNavigation ul,
#subNavigation ul,
#thirdLevelNavigation ul,
#langSelect ul{
	float: left;
	padding: 0px;
	margin: 0px;
}

.hListNavigation li,
#serviceNavigationContainer li,
#mainNavigation li,
#subNavigation li,
#thirdLevelNavigation li,
#langSelect li{
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}

.clear {
	clear: both;
	float: none;
	font-size: 0px;
	line-height: 0px;
	height: 0px;
	padding: 0px;
	display: block;
}


/** TEMP STYLES **/
#dummyTextControl{
	position: absolute;
	left: 10px;
	padding: 2px;
	border:1px solid #FFFFFF;
	z-index: 100000;
}

#dummyTextControl a{
	font-size: 9px;
	text-decoration: underline;
	z-index: 100000;
}

/** ELEMENT STYLES **/
#main{
	position: relative;
	text-align: left;
	margin-left: 50px;
	width: 950px;
	overflow: visible;
}

#topSpacer{
	height: 45px;
}

/** Diverse Elemente im Seitenkopf **********************************/
div.header.navigation.container {
	width: 916px;
}

/** Sprachwahl **********************************/
#langSelect{
	height:20px;
	text-align: right;
}

#langSelect ul {
	height:10px;
	line-height:10px;
	float: right;
}

#langSelect li{
	border-left: 1px solid #C1C1C1;
}

#langSelect li.first{
	border-left: 0px solid #C1C1C1;
}

#langSelect li a,
#langSelect li a:link {
	font-size: 0.8em;
	text-decoration: none;
	padding-left:5px;
	padding-right:3px;
}

#langSelect li a abbr{
	font-size: 1em;
}

#langSelect .selected a abbr,
#langSelect .selected a{
	color: #ED146F;
}


/** Logo **********************************/
#logo{
	position: absolute;
	top: 40px;
	left: 15px;
	height: 53px;
	text-align: right;
	background-repeat: no-repeat;
	z-index: 1000;
}

#logo a{
	width: 200px;
	height: 53px;
}

#logoImage{
	cursor: pointer;
	display: block;
	width: 200px;
	height: 53px;
}

#logoImage.logo{
	background-image: url("../img/logo.png");
}

#logoImage.logoGlas{
	/*background-image: url("../img/logo_glas.png");*/
	background-image: url("../img/logo.png");
}

#logoImage.logoBeton{
	background-image: url("../img/logo_beton.png");
}

#stoneImage {
	position: absolute;
	top: 65px;
	left: 200px;
	height: 84px;
	width: 87px;
	background-repeat: no-repeat;
	background-image: url('../img/stone_small.png');
}

/** Intro **********************************/
#misaporGlasIntroLogo{
	width: 360px;
	height: 383px;
	background-repeat: no-repeat;
	background-image: url('../img/stone_big.png');
	position: absolute;
	left: 700px;
	top: 95px;
}

#misaporGlasIntroBanner{
	background-color: #E6166C;
	padding: 5px;
	width: 240px;
	position: absolute;
	z-index: 9999;
	left: 620px;
	top: 380px;
	text-align: center;
}

#misaporGlasIntroBanner a,
#misaporGlasIntroBanner a:link{
	text-decoration: none;
	font-size: 1.2em;
	font-weight: 700;
	text-transform: uppercase;
}

div#misaporGlasIntroBanner.tree3 {
	left: 530px;
	top: 465px;
}

#misaporBetonIntroLogo{
	width: 494px;
	height: 432px;
	background-repeat: no-repeat;
	background-image: url('../img/house_big.png');
	position: absolute;
	left: 615px;
	top: 125px;
}

/** ServiceNavigation **********************************/
#serviceNavigationContainer {
	height: 68px;
	text-align: right;
}

#serviceNavigationContainer ul {
	float: right;
	display: inline;
	/*padding-right: 35px;*/
}

#serviceNavigationContainer li {
	font-weight: 700;
	font-size: 0.85em;
	padding-left: 29px;
	letter-spacing: 0.1em;
	text-transform: lowercase;
	
}

#serviceNavigationContainer li a {
	text-decoration: none;
}


#serviceNavigationContainer li.selected a {
	color: #E6166C;
}

/** Hauptnavigation **********************************/
#mainNavigationBackground{
	width:100%;
	height: 20px;
	position: absolute;
	top: 133px;
	left: 0px;
	background-image: url("../img/bar.jpg");
}

#mainNavigation{
	clear: both;
	height: 20px;
	position: absolute;
	z-index: 100;
	left: 365px;
}

#mainNavigation ul{
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
	float:left;
}

#mainNavigation li {
	float: left;
	padding-right: 8px;
	padding-left: 8px;
	width: 130px;
	height: 20px;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}

#mainNavigation li.sIFR-replaced{
	padding-top: 2px;	
}

#mainNavigation li a{
	color: #3B4365;
	text-transform: uppercase;
	text-decoration: none;
	font-family: 'ITC Stone Sans Std Bold', Arial, sans-serif;
	font-weight: 700;
	font-size: 12px;
}

#mainNavigation li.selected,
#mainNavigation li.open{
	background-image: url("../img/bar_red.jpg");
	background-repeat: repeat-x;
}

#mainNavigation li.selected a,
#mainNavigation li.open a{
	color: #FFFFFF;
}

/** Sublevel Navigation **********************************/
.clearShadow{
	float: none;
	clear: both;
	font-size: 1px;
	line-height: 1px;
}
#subNavigation{
	margin-top: 40px;
	position: relative;
	z-index: 1001;
	padding-bottom: 45px;
}

#subNavigation ul{
	height: 26px;
	line-height: 25px;
}

#subNavigation li {
	font-size: 0.75em;
	float:left;
	padding-left: 2px;
	padding-right: 2px;
	border-style: solid;
	border-width: 1px;
	border-left-color: #404E72;
	border-right-color: #92A2CA;
	border-top-color: #92A2CA;
	border-bottom-color: #3F4D70;
	background-color: #667CB5;
	text-align: center;
	text-transform: lowercase;
	width: 95px;
	letter-spacing: 0.1em;
}

#subNavigation li a{
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
}

#subNavigation li.selected,
#subNavigation li.open {
	background-color: #A4B8EF;
}

#subNavigation li.selected a,
#subNavigation li.open a{
	font-weight: 700;
	/*color: #FF006E;*/
	color: #3B4365;
}

#subNavigationShadowBottomContainer {
	position: relative;
	float: left;
}

#subNavigationShadowBottomSubContainer{
	position: absolute;
	height: 10px;
	width: 100%;
	overflow: hidden;
}
#subNavigationShadowRightContainer{
	float: left;
	width: 10px;
}

#subNavigationShadowRightTopCorner{
	height: 10px;
	font-size: 0px;
	background-repeat: no-repeat;
	background-image: url("../img/shadow_trc.png");
}

#subNavigationShadowRight{
	height: 16px;
	font-size: 0px;
	background-repeat: repeat-y;
	background-image: url("../img/shadow_r_rep.png");
}

#subNavigationShadowRightBottomCorner{
	height: 10px;
	font-size: 0px;
	background-repeat: no-repeat;
	background-image: url("../img/shadow_brc.png");
}

#subNavigationShadowBottomLeftCorner{
	float: left;
	height: 10px;
	width: 10px;
	font-size: 0px;
	background-repeat: no-repeat;
	background-image: url("../img/shadow_blc.png");
}

#subNavigationShadowBottom{
	position: absolute;
	float: left;
	left: 10px;
	height: 10px;
	width: 100%;
	font-size: 0px;
	background-repeat: repeat-x;
	background-image: url("../img/shadow_b_rep.png");
}

/** Navigation des Dritten-Levels **********************************/
#thirdLevelNavigation{
	position: absolute;
	top: 261px;
	width:130px;
	left:-50px;
	margin-top: 0px;
	vertical-align: top;
	text-align: right;
}

#thirdLevelNavigation ul{
	/*line-height: 14px;*/
	/*height: 46px;*/
	padding-top: 0px;
}

#thirdLevelNavigation li {
	float: left;
	font-size: 0.9em;
	padding-left: 0px;
	padding-right: 0px;
	margin-bottom: 4px;
	width: 130px;
	/*border-left: 1px solid #FFFFFF;*/
	text-align: right;
	text-transform: lowercase;
}

#thirdLevelNavigation li.first {
	/*border-left: 0px solid #FFFFFF;*/
}

#thirdLevelNavigation li a{
	font-weight: 700;
	color: #FFFFFF;
	text-decoration: none;
}

#thirdLevelNavigation li.selected a,
#thirdLevelNavigation li.open a {
	color: #E6166C;
}

/** Inhaltsbereich **********************************/
#contentPadding{
	float: left;
	width: 101px;
}

#content {
	float: left;
	width: 383px;
	overflow: auto;
	overflow-x:hidden;
	line-height: 1.8em;
	text-align: justify;
	padding-right: 3px;
}

#content_einspaltig {
    float: left;
    width: 812px;
    overflow: auto;
    overflow-x:hidden;
    line-height: 1.8em;
    text-align: justify;
    padding-right: 3px;
}

#content h1 {
	font-size: 18px;
	text-align: left;
	margin: 0px;
}

#content_einspaltig h1 {
    font-size: 18px;
    text-align: left;
    margin: 0px;
}

#content,
#content_einspaltig {
	font-size: 0.8em;
}

#content *, 
#content_einspaltig * {
    font-size: 11px;
}

#content ul,
#content_einspaltig ul {
	font-size: 0.9em;
}

/** Sidebar - News **********************************/
#sidebar {
	position: relative;
	float: right;
	width: 445px;
	overflow: auto;
	overflow-x: hidden;
	height: 295px;
	margin-top: 4px;
}

#sidebar ul {
	padding: 0px;
	margin: 0px;
}

#sidebar li {
	list-style-type: none;
	font-size: 0.8em;
	line-height: 1.4em;
	padding-bottom: 20px;
}

#sidebar li a {
	font-size: 1em;
	text-transform: lowercase;
	line-height: 1.4em;
}

#sidebar li.selected a {
	color: #E6166C;
}

#sidebar .sidebarText a {
	color: #C1C1C1;
}

/** Footer **********************************/

#footer {
	position: relative;
	vertical-align: middle;
	height: 167px;
	line-height: 167px;
	padding-left: 85px;
	font-size: 0.7em;
}

#footer.secondLayout {
	padding-left: 85px;
	height: 45px;
	line-height: 45px;
}

/** News-Modul **********************************/
#newsThirdRowTitle{
	margin: 0px;
	padding: 0px;
}

.newsContent{
	font-size: 1em;	
	margin: 0px;
	padding: 0px;
}
.newsContent img{
	/*float: left;
	margin-right: 20px;*/
	margin-bottom: 8px;
}

/** ReferenzObjekt-Modul **********************************/
.referenceobjects #thirdLevelNavigation {
	width: auto;
}

#thirdLevelNavigation ul.refobjectList {
	
	list-style: none;
	list-style-type: none;
	
	position: absolute;
	left: 152px;
	top: 284px;
	width: 850px;
	
	padding: 0px;
	margin: 0px;
}

#thirdLevelNavigation ul.refobjectList li {
	list-style: none;
	list-style-type: none;
	
	display: inline;
	border: 0px solid;
	
	padding: 0px;
	margin: 0px;
	
	width: 105px;
	text-align: left;
}

.refObjDataTable {
	text-align: left;	
}

table {
	font-size: 0.9em !important;
}

.refobjectList img{
	border: 0px;
	width: 95px;
}

.refObjDataLabel{
	width: 85px;
	vertical-align: top;
	font-weight: 700;
}

/** Verkaeufer-Modul **********************************/
ul.vendorAreasList{
	list-style-type: none;
	padding-left: 0px;
	margin-left: 0px;
}

.vendorAreasList a{
	text-decoration: none;
	font-size: 0.8em;
}

/* Detailansicht */
div.vendorDetail {
	text-align: left;
	clear: both;
	margin-bottom: 2.5em;
}

/** Spezieller Content **************************************/
#misapor_about_team {
    width: 100%;
}
	
#misapor_about_team th{
 text-align: left;
 font-size: 1.1em;
 
}
#misapor_about_team td.title{
 font-weight: 700;
 background-color: #667cb5;
 text-transform: uppercase;
}
#misapor_about_team td.subtitle{
 font-weight: normal;
 background-color: #667cb5;
}
#misapor_about_team td{
 vertical-align: top;
 padding:2px;
}

/** Bereich: MISAPOR AG > Standorte **************************************/
div#standorte-karte {
	font-size: 1em;
}
div#standorte-adressen {
	font-size: 0.9em;
}
	
div#standorte-karte {
	width: 300px;
	height: 250px;
	float: left;
	margin: 0px;
}
div#standorte-adressen {
	width: 460px;
	height: 250px;
	margin: 0px;
	margin-left: 340px;
	* padding-top: 10px;
}
div.adresse-eintrag {
	float: left;
	width: 220px;
	height: 120px;
	overflow: hidden;
}

div.adresse-eintrag h3 {
	margin-bottom: 2px;
}

div.adresse-eintrag p {
	line-height: 1.25em; 
	margin: 0px;
	margin-top: 4px;
	margin-bottom: 8px;
}

/** Bereich: Modulspezifische Anpassungen **************************************/

div#main.search #content {
	width: 812px;
}

div#main.search p,
div#main.search h2 {
	font-size: 	0.95em;
	padding-right: 18px;
}

#content div.vcard, 
#content_einspaltig div.vcard {
	margin-top: 0.25em;
}

#content div.vcard *,
#content_einspaltig div.vcard * {
	font-size: 11px !important;
}

#content address.vcard h2,
#content_einspaltig address.vcard h2 {
	margin: 0px;
}

/* Flaggen */
.langFlag {
	border:0px;
}