/*
Theme Name: www.monaco-matin.com Style 
Version: 0.9
Description: www.monaco-matin.com
Copyright: www.monaco-matin.com
Author-Link: www.bevolution.net
*/

/*
#########################
BODY
#########################
*/

body {
margin : 0 auto;
height : 101%;
text-align : center;
font-size : 1.2em;
background : #cccccc;
background-attachment: scroll;
background-repeat: repeat-x;
font-family : arial, helvetica, sans-serif;
}

/*
#########################
Top-Navigation / languages / search / sitemap / impressum 
--------------------------------------------------
header.tpl
#########################
*/

#headercontrols{font-family: Arial,Sans-serif; font-size : 0.7em; height: 35px; display: block; background: transparent; padding: 10px 0 0 0 ; }
.topnavigation{width : 910px !important; width : 910px; padding: 5px 0 0 0; text-align:right; color:#ffffff;}
.topnavigation #active{color: #999999;}
.topnavigation a {color:#ffffff; text-decoration: none;}
.topnavigation a:visited{color:#ffffff;}
.topnavigation a:hover {background: transparent; color: #ffffff; text-decoration: underline;}
.search{width : 850px !important; width : 852px; text-align:right; margin: 5px 0 10px 0;}

/*
#########################
index.tpl
#########################
*/

#wrapper {
position : relative;
width : 890px !important;
width : 890px;
padding: 0 0 0 0;
margin : 0 auto;
background : #fff;
border: 10px solid #ffffff;
}

/*
#########################
header.tpl included in index.tpl
#########################
*/

#header {
width : 890px !important;
width : 890px;
height : 210px !important;
height : 220px;
display: block;
padding : 0;
position : relative;
background : transparent;
border-bottom: 10px solid #333333;
background: transparent url(http://www.monaco-matin.com/_neu/_medien/header/hd_01.jpg) no-repeat left top;
}
/*
#########################
_headertypes.tpl included in index.tpl
#########################
*/

#FlashHeader {
position : absolute;
top : 0;
left : 0;
z-index : 1;
}

#home-btn{
position : absolute;
top : 0;
left : 0;
z-index : 100;
}

/* Seitentitel oder Logo-Text*/
#logotext_frontend {
display: none;
}
/* der Logo-Text Hyperlink*/
#logotext_frontend a {
display: none;

}

/*
#########################
navi.tpl included in content.tpl
---------------------------------------------
NavigationTyp 1 of 4 vertical
#########################
*/

/* Block um die Navigation Typ1*/
#NaviOutBlockTyp1 {
float : left;
margin: 30px 0 0 0 !important;
margin: 30px 0 0 0;
padding : 0;
text-align : left;
width : 225px !important;
width : 225px;
}

/* open menutyp 1*/
#menutyp1 { 
padding : 0;
text-align : left;
width : 225px !important;
width : 225px;
display : block;
}
#menutyp1 ul {
padding-left : 0;
margin-bottom : 0;
margin-left : 0;
color : #000000;
width : 225px!important;
width : 225px;
font-family : arial, sans-serif;
background : #ffffff;
}
#menutyp1 li {
list-style : none;
margin-top : 0 !important;
margin-top : -1px;
}
.submenutyp1 {
background : transparent;
height : 30px;
}
#menutyp1 a {
display : block;
font-size : 0.7em;
width : 225px !important;
width : 225px;
padding : 7px 0;
color : #000000;
background : transparent;
text-decoration : none;
text-align : left;
border-bottom : 1px solid #333333;
}
#menutyp1 a:hover {
background : #f5f5f5;
color : #000000;
}
#menuactivetyp1 a, #menuactivetyp1 a:hover {
background : #333333;
color : #ffffff;
font-weight : normal;
}
/* end menutyp 1*/
/* open Submenutyp 1*/
#submenuactivetyp1 a {
background : #f5f5f5;
color : #000000;
font-weight : normal;
}
#menutyp1 li a span.submenuOutputTyp1 {
padding-left : 20px;

}
/* end Submenutyp 1*/
/* open SubSubmenutyp 1*/
#menutyp1 li a span.subsubmenuOutputTyp1 {
padding-left : 30px;
color : #333333;
}
#menutyp1 li a span.subsubmenuOutputTyp1:hover {
text-decoration : none;
}
#subsubmenutyp2 a:hover {
background : #333333;
display : block;
}
#subsubmenuactivetyp1 a.subsubmenuOutputTyp1 {
background : #ffffff;
color : #333333;
font-weight : normal;
}
#subsubmenuactivetyp1 a:hover {
background : #ffffff;
color : #333333;
}

.subsubmenuOutputTyp1 {
padding-left : 50px;
display : block;
}
/* end SubSubmenutyp 1*/


/* promotionbox  block unter menutyp 2*/
#boxOut {
margin-top : 30px;
margin-bottom : 30px;
padding : 0;
width : 225px !important;
width : 225px;
background : transparent;

}
#box {
margin-top : 0;
margin-left : 0;
width : 225px !important;
width : 225px;
background : #ffffff;
font-size : 0.7em;
padding : 0;
color : #3d3937;
background : transparent;
}
#box a {
color : #333333;
text-decoration: none;
}
#box a:hover {
color : #333333;
text-decoration: underline;
}

#box h1,
#box h2,
#box h3,
#box h4,
#box h5,
#box h6{
background: #333333;
color : #ffffff;
font-family : Arial, san-serif;
font-size : 13px;
font-weight : bold;
padding: 2px;
}

#content {
position : relative;
text-align : left;
width : 640px !important;
width : 640px;
padding : 0;
font-size : 13px;
background : transparent;
margin : 30px 0 0 250px !important;
margin : 30px -300px 0 0;
font-family : arial, helvetica, sans-serif;
}

#content a{color: #000000; text-decoration: none;}
#content a:hover{color: #000000; text-decoration: underline;}

* html  #content {
float:left;
border-left: 20px solid #ffffff;
}



#expose-pics-table table tr td
{
border: none;
padding:0 0 0 0;
font-size: 12px;
}

#exposecontent table tr td{
width: 320px;
background: #f5f5f5;
border: 1px solid #333333;
font-size: 12px;
padding:5px;
}


#content h1
{font-family : Arial, san-serif;
font-size : 20px;
font-weight : normal;}

#content h2
{font-family : Arial, san-serif;
font-size : 16px;
font-weight : bold;}

#content h3,
#content h4,
#content h5,
#content h6
{font-family : Arial, san-serif;
font-size : 14px;
font-weight : bold;
padding: 0;
margin: 0;
}

/*
#########################
media galeries
#########################
*/

/* mpdrei on site */
.mpdrei {
background-color : #fff;
border-bottom : 1px solid #333333;
padding-left : 4px;
padding-top : 8px;
padding-bottom : 8px;
color : #000000;
margin-bottom : 5px;
}
.downloadlinkmedien {
color : #333333;
margin-top : 5px;
margin-right : 5px;
text-align : right;
}
.downloadlinkmedien a:hover{background-color : #333333; color: #000;}

.player {
float : left;
}
.movielink {
float : left;
padding-top : 3px;
padding-left : 4px;
padding-bottom : 3px;
padding-right : 4px;
background-color : #fff;
}

/*
#########################
headlines and content formatting
#########################
*/



.tdeditor {
border-spacing : 15px;
padding : 10px;
font-size : 0.7em;
background-color : #ffffff;
border : 0 solid #333333;
vertical-align : top;
}
.dropright {
margin-top : 5px;
float : right;
padding-left : 15px;
padding-bottom : 5px;
}
.dropleft {
margin-top : 5px;
float : left;
padding-right : 15px;
padding-bottom : 5px;
}
.textRight {
text-align : right;
}
.textLeft {
text-align : left;
}
.textCenter {
text-align : center;
}
.blocksatz {
text-align : justify;
}
.ulist {
margin-left : 30px;
list-style-type : disc;
color : #333333;
}
.olist {
margin-left : 30px;
color : #333333;
}
.licolor{color: #000;}

#layer1 {
padding: 0 0 0 10px;
}
#layer2 {
padding: 0 0 0 10px;
}
#layer3 {
padding: 0 0 0 10px;
}

/*
#########################
picture gallery
#########################
*/

/*Bildergalery*/
.bildtitel {font-size: 0.7em; text-align: left; padding: 0 0 0 5px;}
.bilddescription{font-size: 0.7em;text-align: left; padding: 0 0 0 5px;}

/*
#########################
news frame
#########################
*/

/*NEWS*/
#newsDetail, #newsDetail a {font-size: 13px; font-weight : bold; color : #333333; margin-bottom : 20px;}
.pubDateDetail{color : #333333; background-color : #f5f5f5; width : 45px;}
#myframe {
width : 260px !important;
width : 260px;
}
/*news in box */
#boxframe{
width : 180px !important;
width : 180px;
}

/*
#########################
goole map 
#########################
*/
/*google maps */
#map {
width : 500px;
height : 500px;
}

/*
#########################
Blog 
#########################
*/

/*Comment linie Blog*/
.CommentLiner{border-bottom: 1px dotted #ffffff; margin-bottom: 10px;  margin-top: 10px;}
/* kommentarFeld bei blog */
#legende{font-size: 13px; padding: 10px;}
#fieldset {border: 1px solid #333333; padding: 15px;}

/*
#########################
Immobileinscout24.de Expose Displays
#########################
*/

.exposepics{width: 140px; height: 140px;margin: 0 0 20px 0}
.exposepics img{border: 0px solid #fff;}


.expose-listing{ border-bottom: 1px solid #333333; padding: 10px; height: 110px;}

.expose-listing h2 a{color: #333333; text-decoration: none; font-size: 14px;}
.expose-listing h2 a:hover{color: #333333; text-decoration: underline;}
.expose-listing a{color: #333333; text-decoration: none;}
.expose-listing a:hover{color: #333333; text-decoration: underline;}
.expose-listing img{border: none;}

/*Immobilienscout Expose and own */
.linerExpose{ height: 1px; border-bottom: 1px solid #333333; margin: 10px 0 10px 0;}

 /* immo 24 */
.adressHead{width: 580px; background: #d8d5c4;}
.exposeItems {border: 1px solid #fff; display: block;}
.exposeItemsLabel{width: 280px; background: #f5f5f5; display: block; border: 1px solid #333333; padding: 3px;}
.exposeItemsValue{width: 280px; background: #f5f5f5; display: block; border: 1px solid #333333; padding: 3px; float: right; margin-top: -22px;}

/*Bilder listing Immo*/
.listingpics{float: left; margin-top: -5px; margin-right: 15px; display: block; height: 120px; width: 120px; text-align: center;}


.attachments a{ background:#fffffff; color:#333333; text-decoration: underline;}
.attachments a:hover{ background:#333333; color:#ffffff; text-decoration: none;}

/*pager*/
#expDetail-bottom,
#expDetail{display: block; text-align: right; position: relative; padding: 10px; margin: 15px 0 15px 0;}
.newsLinks a{padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333;}
.newsLinks a:hover{border: 1px solid #999999; color: #999999; text-decoration: none;}

#pagenumbers{padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333;background: #333333; color: #ffffff; }



#expDetail a{padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333; color: #333333; text-decoration: none;}
#expDetail a:hover{ background:#333333; color:#ffffff; text-decoration: none;}


#expDetail .backbtn a{ float: left; display: block; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333; color: #333333; text-decoration: none;}
#expDetail-bottom .backbtn a{ float: left; display: block; padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333; color: #333333; text-decoration: none;}
#expDetail .backbtn a:hover{ background:#333333; color:#ffffff; text-decoration: none;}
#expDetail-bottom .backbtn a:hover{ background:#333333; color:#ffffff; text-decoration: none;}



#expDetail-bottom a{padding-top:2px; padding-right:5px; padding-bottom:2px; padding-left:5px; border: 1px solid #333333; color: #333333; text-decoration: none;}
#expDetail-bottom a:hover{ background:#333333; color:#ffffff; text-decoration: none;}

.expose-listing h2 {margin: -8px 0 0 135px; }

/*Bildergalerie*/
.thumbs {
text-align : center;
padding-top : 5px;
padding-bottom : 5px;
}
/*Bildergalerie Popup*/
#bildpopupGalery{text-align : center; background : transparent;}
.bildpopup, #bildpopupGalery a{font-size : 13px; color : #333333; background : transparent;}

/*
#########################
Sitemap
#########################
*/

#sitemap {
clear : right;
float : left;
display : block;
width : 580px;
padding-top : 0;
font-size : 0.7em;
background : #ffffff;
margin-top : 30px;
margin-left : 20px;
}
.sitemap {
left : 280px;
}
.sitemap a {
text-decoration : none;
}


/*
#########################
Thirs Party Tools
#########################
*/
.youtubethumb {
float : left;
margin-bottom : 10px;
width : 140px;
height : 120px;
}
.youtubevideo1 {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 440px;
height : 370px;
}
.youtubevideo2 {
float : left;
margin-bottom : 10px;
margin-right : 10px;
width : 220px;
height : 190px;
}
.youtubevideo4 {
float : left;
position : relative;
margin-bottom : 10px;
margin-right : 10px;
width : 110px;
height : 100px;
}

/*
#########################
Clearer 
#########################
*/

#clearer {
clear : left;
}
.clearer {
clear : left;
}


/*popup empfehlen*/
#empfehlen{text-align: left; padding: 15px;}
#empfehlen input, #empfehlenTxt{
border : 1px solid #333333;
background : #f5f5f5;
width : 300px;
font-size: 11px;
}
input#sendBtn{width : 150px;}
input#translate{
background : #ffffff;
color : #333333;
border : 1px solid #333333;
cursor : pointer;
}

#fieldtranslate{position: absolute;
top: 15px; right: 0px; width: 120px;
}

input#translate:hover {
background : #333333;
color : #ffffff;
border : 1px solid #333333;
}
.translateSel{border : 1px solid #333333; width: 50px;}

/* diplays none*/
.CopyNone{display: none;}

/*
#########################
Footer 
-------------------------------------------------
footer.tpl
#########################
*/

#emailSend{border: 1px solid #3D8F00; background:#D1FFAF ; color:#3D8F00; font-weight: bold; padding: 10px;}


#errname,
#erremail,
#errfon,
#errnachricht {color: #FF0000; font-weight: bold; font-size: 10px;}


.tableeditor tr td
{
font-size:13px !important;
font-size:13px;
}

#footer {
position: relative;
display : block;
clear : both;
color : #3d3937;
padding : 15px;
border-top : 10px solid #333333;
background : #ffffff;
font-size : 0.7em;
text-align : center;
width : 860px !important;
width : 890px;
}
#footer a {
text-decoration : none;
color : #000000;
background : transparent;
}
#footer a:hover {
text-decoration : none;
color : #333333;
background : transparent;
}