/*
Theme Name: CityStyleOne
Version: 0.7
Description: CityStyleOne is the first of sixteen included styles from the engine cmcitygadget
Copyright: www.bevolution.net
Author-Link: www.bevolution.net
You can modify it under the terms of the GPL
*/

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

body {
margin : 0 auto;
height : 101%;
text-align : center;
font-size : 1.2em;
background : #ffffff;
background-attachment: scroll;
background-repeat: repeat-x;
font-family : Arial;
}

td {font-size: 12px;}

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

#headercontrols{font-family : Arial; font-size : 0.7em; height: 45px; display: block; background: transparent;  }
.topnavigation{width : 850px !important; width : 852px; padding: 10px 0 0 0; text-align:right; color:#808080;}
.topnavigation #active{color: #ffffff;}
.topnavigation a {color:#808080; text-decoration: none; text-transform: normal;}
.topnavigation a:visited{color:#808080;}
.topnavigation a:hover {background: transparent; color: #ffffff; text-decoration: none;}
.search{width : 850px !important; width : 852px; text-align:right; margin: 5px 0 10px 0;}

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

#wrapper {
position : relative;
width : 850px !important;
width : 852px;
padding: 0 0 0 0;
margin : 0 auto;
background : #fff;

}

#logoheader {
width: 850px !important;
width: 850px;
height: 60px !important;
height: 60px;
margin: 35px 0 15px 0;
position: relative;
}

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

#header {

}
/*
#########################
_headertypes.tpl included in index.tpl
#########################
*/

#FlashHeader {
display: block;
padding : 0;
margin: 0 0 0 0;
position : relative;
background : transparent;
}

/* Seitentitel oder Logo-Text*/
#logotext_frontend {
position : absolute;
top : 50px;
left : 0;
z-index : 5;
}
/* der Logo-Text Hyperlink*/
#logotext_frontend a {
letter-spacing: 0.1em;
font-family : Arial;
font-size : 3.4em;
font-weight : bold;
color : #000000;
text-decoration : none;

}

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


#box {

}
#box a {
color : #333333;
}
#box a:hover {
color : #008CFF;
}
/*
#########################
navi.tpl included in content.tpl
---------------------------------------------
NavigationTyp 4 of 4 horizontal
#########################
*/
#menutyp4{ position: absolute;
top: 33px;
right: 0px; 
width : 450px !important;
width : 450px;
height: 20px;

}

#menutyp4 ul {
padding: 0;
margin: 0;
margin: 0;
color : #000000;
font-family : Arial;
background : transparent;
}
#menutyp4 li {
float : left;
list-style-type : none;
margin: 0 5px 0 0;
background: #ffffff;
}
#menutyp4 a {
display : block;
font-size : 0.8em;
font-weight: bold;
padding : 0;
color : #AFAFAF;
background : transparent;
text-decoration : none;
text-align : left;
}
#menutyp4 a:hover {
background : #ffffff;
color : #23313E;
}
#menuactivetyp4 a, #menuactivetyp4 a:hover {
background : #ffffff;
color : #25313D;
font-weight :bold;
text-decoration: none;
}
#menutyp4 span.menuOutputTyp4 {
padding-left : 0px;
padding-right : 15px;
}
#menuactivetyp2 span.menuOutputTyp4 {
font-weight : normal;

}

#submenu-page7 {margin:0; padding:0;}
#submenu-page7{border-top:1px solid #cccccc;}
#submenu-page7 li.submenu-li{list-style-type: none; margin:0; padding:0;}
#submenu-page7 li.submenu-li a{display:block; padding:5px; border-bottom:1px solid #cccccc;}





#content-blog {
width: 610px; 
float: left;
margin: 0px 20px 0px 0px;
}


#contentNavTyp4 {
position : relative;
display : block;
width : 850px;
padding-top : 0;
padding-left : 0;
text-align : left;
font-size : 0.7em;
background : #ffffff;
margin-left : 0;
}

#boxNavTyp4 {
float: left;
text-align : left;
padding : 0;
width : 220px !important;
width : 220px;
display : block;
background : #ffffff;

}

#boxNavTyp4 h1{
width : 210px !important;
width : 210px;
font-size: 16px;
padding: 10px;
font-weight: bold;
background: #ffffff url(/templates/frontend/bevolution/images/box_blog_heads.jpg) no-repeat left center;
color : #23313E;
margin: 0;
}

#boxNavTyp4 .ulist {
margin : 0px 0px 0px 0px;
list-style-type : disc;
color : #333333;
}


#contentNavTyp4Box{
float : left;
position : relative;
display : block;
text-align : left;
width : 850px !important;
width : 850px;
padding : 0px;
font-size : 0.7em;
background : transparent;
margin: 0;

}


#contentNavTyp4Box .bglogin{
display : block;
text-align : left;
padding : 20px;
font-size : 1em;
background : #f5f5f5;
margin: 0 0 15px 0;
border-top : 1px solid #cccccc;
border-bottom : 1px solid #cccccc;
}


#content {
position : relative;
display : block;
text-align : left;
width : 850px !important;
width : 850px;
padding : 0px;
font-size : 0.7em;
background : transparent;
margin: 0;
}


#content a,
#contentNavTyp4Box a
{background : #ffffff; color : #008CFF; font-weight: normal;}

#content a:visited,
#contentNavTyp4Box a:visited
{background : #ffffff; color: #008CFF;}

#content a:hover,
#contentNavTyp4Box a:hover
{background : #ffffff; color:#23313E;}



#boxNavTyp4 a
{background : #ffffff; color : #008CFF; text-decoration: none;}

#boxNavTyp4 a:visited
{background : #ffffff; color: #008CFF; text-decoration: none;}

#boxNavTyp4 a:hover
{background : #ffffff; color: #333333; text-decoration: underline;}
/*
#########################
media galeries
#########################
*/



.newsLinks {display: block; 
margin-top: 0px ;
margin-bottom: 20px ;
}
.newsLinks a {
padding-top: 4px; 
padding-bottom: 4px; 
padding-left: 8px; 
padding-right: 8px; 
border: 1px solid #dfdfdf;
background: #f5f5f5;
}

.newsLinks a:hover, .pagenumbers  {
padding-top: 4px; 
padding-bottom: 4px; 
padding-left: 8px; 
padding-right: 8px; 
border: 1px solid #000000;
background: #333333;
color: #ffffff;
text-decoration: none;
}

#pagenumbers.pagenumbers a{
padding-top: 4px; 
padding-bottom: 4px; 
padding-left: 8px; 
padding-right: 8px; 
border: 1px solid #dfdfdf;
background: #dfdfdf;
}


/* 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
#########################
*/

h1{margin: 0 0 15px 0; padding: 8px;
	font-size: 140%;
	font-family: arial, verdana, san serif;
	color: #23313E;
	letter-spacing: 0px;
	font-weight: normal;
	width: 840px !important;
	width: 850px;
	background: #ffffff url(/templates/frontend/bevolution/images/headlines.jpg) no-repeat center center;
	}
	
#contentNavTyp4Box .blogentry h2 {margin: 0 0 0 0; padding: 3px;

}
#contentNavTyp4Box .blogentry h2 a {background: transparent; text-decoration: none;}
	

.blogentry{
width : 610px !important;
width : 610px;
}	
	
.blogitems {background: #f5f5f5; display: block; margin: 15px 0 15px 0; padding: 3px; 
border-bottom: 1px solid #cccccc;
}	
.blogitems a {background: #f5f5f5; text-decoration: none;}	

h3 {
	font-family: arial, verdana, san serif;
	color : #23313E;
	font-weight: bold;
	border-bottom: 1px solid #cccccc;
	margin: 0;
}
h4 {
color : #333333;
font-family : arial, san-serif;
font-size : 1em;
font-weight : bold;
}
h5 {
color : #333333;
font-family :  arial, san-serif;
font-size : 1em;
font-weight : bold;
}
h6 {
color : #333333;
font-family :  arial, san-serif;
font-size : 1em;
font-weight : bold;
}
p {
padding : 0;
margin : 0;
font-size : 0.7em;
}
hr {
border-top: 2px solid #d7d7d7;
border-bottom : 0;
margin-top : 0;
height : 0;
}



.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 {
position : absolute;
z-index : 10;
top : 0;
left : 0;
border : 1px solid #333333;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer2 {
position : absolute;
z-index : 20;
top : 0;
left : 205px;
border : 1px solid #333333;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}
#layer3 {
position : absolute;
z-index : 30;
top : 0;
left : 410px;
border : 1px solid #333333;
background : #ffffff;
width : 170px;
padding : 10px;
display : block;
}

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

/*Bildergalery*/
.bildtitel {font-size: 0.8em; text-align: center; padding: 0 0 0 5px; background: #ffffff; color: #aaaaaa;}
.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 #333333; margin-bottom: 15px;  margin-top: 15px;}
/* kommentarFeld bei blog */
#legende{font-size: 13px; padding: 10px;}
#fieldset {border: 1px solid #333333; padding: 15px;}

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

/*Immobilienscout Expose and own */
.linerExpose{display: block; height: 18px; border-bottom: 1px solid #333333;}

 /* 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;}


/*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*/
#guestbookE, .CopyNone{display: none;}

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

#bookmarks{
width: 850px!important;
width: 850px;
text-align: right;
font-size: 12px;
text-decoration : none;
color : #333333;
line-height: 5px;
}

#footer {
position: relative;
clear : both;
color : #cccccc;
padding: 7px;
background: #ffffff url(/templates/frontend/bevolution/images/headlines.jpg) no-repeat top center;
font-size : 0.7em;
text-align : left;
height: 35px;
width: 840px!important;
width: 850px;
}
#footer a {
text-decoration : none;
color : #cccccc;
background : transparent;
}
#footer a:hover {
text-decoration : none;
color : #cccccc;
background : transparent;
}

.quicklinks {
margin: 20px 0 0 0;
padding: 10px 0 0 0;
font-size: 12px;
text-decoration : none;
color : #999999;
height: 50px;
width: 850px!important;
width: 850px;
}

.quicklinks a{
text-decoration : none;
color : #999999;
}

.quicklinks a:hover{
text-decoration : underline;
color : #23313E;
}

#projektlinks{
margin: 20px 0 0 0;
padding: 10px 0 0 0;
font-size: 12px;
text-decoration : none;
color : #999999;
height: 50px;
}
#projektlinks a{
text-decoration : none;
color : #999999;
}

#projektlinks a:hover{
text-decoration : underline;
color : #23313E;
}
#content h1 a {background: transparent; color:#23313E;}	
#content h1 a:hover {background: transparent; color:#23313E;}	

#footer .copy{margin: 5px 0 0 0; font-size: 12px; font-weight: normal; text-align: left; color:#ffffff;}
#footer .copy a{color:#999999; text-decoration: none;}
#footer .copy a:hover{color:#999999; text-decoration: none;}