@import url(rte.css);
@import url(jquery.fancybox-1.3.0.css);
/* Import for TYPO3 RTE above */

/* 
------------------------------------------
*
* Standard-StyleSheet KALLER & KALLER Nürnberg, Berlin, Köln
* V 1.1 - Peter Scheffler - 01.11.09
* Projektname: Ferrang Becker Immobilien- Relaunch 2010
* Projektstart: 01.10.09
* Typographie (Body) - Font: Helvetica, Arial, sans-serif // Color: #000 // Size: 1.2em (12px)
* Adresse: http://www.ferrang-becker.de
* Adresse: 
*
* Global ----------
* reset.css
* typographie.css
* - headlines
* - links 
* - text
Speziell -------
* layout.css
* navi.css
* elements.css
*
------------------------------------------ 
*/

/*
#############
# reset.css #
#############
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* Hilfsklassen */
.floatleft 	{float: left;}
.floatright	{float: right;}
.clear 		{clear: both;}
.clearleft	{clear: left}
.clearright	{clear: right;}
/*
###################
# typographie.css #
###################
*/
html {
overflow-y: scroll;
font-size: 62.5%;
font-family:"Trebuchet MS",Helvetica,Arial,sans-serif;
}
body {
font-size:1.1em;
line-height: 130%;
color: #fff;
}
/* headlines */ 
h1,h2,h3,h4,h5,h6 {line-height: 120%;}
h1 {font-size: 1.7em;margin: 0px 0 10px 0; }
h1:first-child {margin-top: 0;}
h2 {font-size: 1.2em;line-height: 2em;margin: 6px 0 4px 0;font-weight:bold;} 
h3 {font-size: 1em;margin: 15px 0 4px 0;font-weight: bold;} 		
h4 {font-size: 1em;margin: 6px 0 4px 0;}
h5 {font-size: 1em;margin: 6px 0 4px 0;}
h6 {font-size: 1em;margin: 6px 0 4px 0;}

/* links - LoVe Focus HaTe Link Visited Focus Hover Active */
a {
	color: #fff;
	text-decoration: none;
	}
a:visited {
	color: #fff;
	text-decoration: none;
	}
a:focus {
	color: #fff;
	text-decoration: underline;
	}
a:hover {
	color: #fff;
	text-decoration: underline;
	}
a:active {
	color: #fff;
	text-decoration: underline;
	outline:none;
	}
#content {
	line-height: 160%;
	}	
strong {font-weight: bold;}
em {font-style: italic;}

#content p, #content ul {
	margin: 0 0 10px 0;
	
	}
#content ul {
	list-style-type: disc;
	list-style-position:outside;
	margin: 0 0 10px 20px; 
	}
#content ul li ul {
			list-style-type: circle;
}	
#content p {width: 450px;}
#content .csc-firstHeader {
	margin-top: 65px;
}
#content dl {

}
#content dt {
    font-weight: bold;
    float:left;clear:left;
    width: 100px;
}
#content dd {
    width: 330px;
    margin:0 0 15px 100px;
    padding:0;
    min-height:10px;
}
.csc-textpic {
	min-height: 100px;
}
.csc-textpic-text p {
	width: 400px!important;
	}
hr { 
	clear: both;
	margin: 0px 15px 5px 0px;
	padding:10px 0 0 0;
	border:0;
	background:transparent;
	border-bottom: 1px solid #FDA526;
}
/*
##############
# layout.css #
##############
*/

#container {
	width: 960px;
	min-height: 400px;
	height: auto!important;
	height: 400px;
	margin: 30px auto 0 auto;
	background: transparent url(../layimages/bgcontainer.png) repeat-x 0 0;
	}
#top {
	width: 275px;
	min-height: 400px;
	height: auto!important;
	height: 400px;	
	overflow:hidden;
	background: transparent url(../layimages/bgtop.jpg) no-repeat 0 0;
	float:left;
	}
#left {
	width: 275px;
	min-height: 325px;
	height: auto!important;
	height: 290px;
	float:left;
	background: transparent none no-repeat 0 0;
	}
#main {
	width: 655px;
	margin:0;
	height: auto!important;
	float:left;
	margin-top:-14px;
	}
#content {
	margin: 0px 0px 0 0;
	padding: 70px 0 70px 50px ;
	min-height: 454px;
	height: auto!important;
	height: 454px;	
	width: 605px;
	background-color: red;
	background: #f15925 url(../layimages/bgcontenttop.png) repeat-x 0 0;
	float:left;
	border: 1px solid left;
	}
#footer {
	clear: both;
	width: 635px;
	min-height: 35px;
	height: auto!important;
	height: 30px;
	margin: 0 0 0 275px;
	padding: 0 10px;
	background-color: #e7e3d9;
	border:0;
	background: #FDA526 none no-repeat 0 0;
	text-transform: uppercase;
	line-height: 35px;
	}
#impressum {
	float:right;
	}	
/*
############
# navi.css #
############
*/
#left {
	font-size: 1.2em;
	letter-spacing: 1px;
	}
#left ul {
	line-height: 20px;
	text-transform: uppercase;
	margin: 55px 0 0 25px;
	}
#left ul li {
	line-height: 25px;
	}

#left ul li a {
	
	}
#left ul li a:focus,#left ul li a:active {
	text-decoration: none;
	}	
#left ul li ul {
	font-size: 0.8em;
	border: 0; 
	margin:0 0 0px 15px; 
	padding:0;
	}
#left ul li ul li{
	line-height: 1.8em;
}
	
#left ul li a:hover,#current {
	color: #ED2625!important;
	text-decoration: none;
	}	
#left ul li ul li a:hover;#current01 {
	color: #ED2625;	
	text-decoration: none;
	}	
	

/*
###############
# element.css #
###############
*/
#logo {

	}
/*
################
# elements.css #
################
*/

/*
#############
# form.css #
#############
*/
#kontaktfomular legend {
    display: none; visibility:hidden;
}
#kontaktfomular div {
    clear:left;
    margin-bottom: 3px;
}
#kontaktfomular label {
    width: 80px; 
    float:left;
    display: block;
    text-align:right;
    padding: 0 20px 0 0;
}
#kontaktfomular input[type="text"],#kontaktfomular textarea,#kontaktfomular select  {
    width:300px;
    padding: 2px; 
    margin:0;
    border: 1px solid #ccc;
    line-height: 1.3em;
}
#kontaktfomular textarea {
    height: 90px;
    overflow-y: scroll;
    padding: 2px 0 2px 4px;
}
#kontaktfomular select {
width: 305px;
padding:1px;

margin:0;
}
#kontaktfomular input[type="checkbox"] {
}

#kontaktfomular input[type="submit"] {
    margin-left: 100px;
    border: 1px solid #ccc;
    width: 100px;
}
#kontaktfomular .powermail_check_inner label { 
	width: 300px;
	text-align:left;
	margin: 0 0 10px 0; padding: 1px 0 0 0;
	
	}
#kontaktfomular .powermail_check_inner input {
	float: left; 
	margin: 4px 10px 0 100px;
	padding: 0;
}
/*
############
# news.css #
############
*/

/*
#############
# icons.css #
#############
*/
#content a[href ^="http:"] {
	  padding-right:10px;
	  background: transparent url(../images/arrowtopright.png) no-repeat center right;
}

a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(.../images/pdf.png) no-repeat center right;
}

.slideshow {
		width: 425px;
		overflow:hidden;
		position:relative;
		margin: 0 0 10px 0;
}
#uid8 .slideshow {
	height: 370px;
}
#uid9 .slideshow {
	height: 344px;
}
#uid10 .slideshow {
	height: 345px;
}
#uid41 .slideshow {
	height: 300px;
}
.line{
	position:absolute;
	top: 59px;
	height: 36px;
	width: 100%;
	opacity: .6;
	background: red;
	z-index:10;
}

/*
###############
# gallery.css #
###############
*/
.list {
		float:left;

}
.listitem {
	margin: 0 5px 0 0;
	float:left;

}

#gallery {
	margin: 0 0 0 160px;
	}
	#fancybox-title-over {visibility:hidden;}
#uid43 	#gallery {
	margin: 0 0 0 0px;
}



/* Aktuelles Datum anzeigen */

#datum {color:#707173;position:relative;top:-19px;left:0;margin-left:859px;}

/* Logo Forum deutscher Sachverstaendiger */

#fdsv {margin:0 0 0 10px;}


#c111 img {margin-top:30px;}