/***** CSS - Ulmann Immobilien - CF 24 Web *****/

/***** Body >> *****/


body,td,th {
	background-color: #333333;
	background-image:url(/image/back/main.jpg);
	background-position:center;
	background-repeat:repeat-y;
	margin: 10px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: normal;
}

h1 {

color: #FFDC51;
font-size: 18px;
font-weight: bold;
margin: 20px 0 20px 10px;

}

h2 {

color: #D3AA3A;
font-size: 16px;
font-weight: bold;
margin: 0 0 0 10px;
text-decoration:none;
}

h2 a {
color: #D3AA3A;
text-decoration:none;
}

h2 a:hover {
color: #FFDC51;
text-decoration:none;
}

h3 {
color: #D3AA3A;
font-size: 14px;
margin: 0;

}

h4 {

color: #D3AA3A;
font-size: 16px;
font-weight: bold;
margin: 15px 0 15px 0;
text-decoration:none;
}


/***** << Body *****/

/***** Top >>*****/

.FFFlink{
color: #FFFFFF;
padding: 2px 4px 2px 4px;
}



.toppipe{
color: #999999;
font-weight: bold;
}

.topmenucell{
	height: 40px;
	font-size: 14px;
	color: #FFFFFF;
	text-align: right;
	background-image: url(../images/logo/ulmann400.jpg);
	background-position: left bottom;
	background-repeat: no-repeat;
	background-color: #1D1D1D;

}

.topmenucell a{

	color: #999999;
	text-decoration:none;
}

.topmenucell a:hover{

	color: #FFFFFF;
	background-color: #3b3B3B;
	text-decoration:none;
}



.adresse{
color: #FFFFFF;
font-size: 12px;
line-height: 18px;
padding: 10px 0 10px 0;
}

.adresse a{
color: #FFFFFF;
text-decoration:none;

}

.adresse a:hover{
color: #D3A833;
text-decoration:none;

}



/***** << Top *****/

/***** Menu >> *****/

.menucell{

text-align: left;
padding: 10px 0 10px 0;
border-top: 1px dotted #D3A833;
border-bottom: 1px dotted #D3A833;
}

/** Start Simple Menu >> **/
.simplenav {
list-style-type:none; 
margin: 0 0 0 0;
padding: 0; /*inneren Abstand entfernen, wichtig für Firefox*/
width:980px; /*Breite des Menüs*/
}

.simplenav li {
margin:0 0 0 0;
font-size: 16px;
display: inline;
}

.simplenav li a {

height:20px; /* Höhe der Links*/
padding: 3px 20px 3px 20px; /*hiermit werden die Links ausgerichtet.*/
color: #D3AA3A; /* Schriftfarbe*/
text-decoration:none; /* entfernt den Unterstrich*/
font-weight: bold;

}

.simplenav li .current {
color: #FFDC51;
text-decoration:none;

}

.simplenav li a:hover {
color: #FFDC51;
text-decoration:none; /* entfernt den Unterstrich*/

}

/** << Ende Simple Menu **/

/** Beginn Anylink >> **/
.anylinkcss{
	z-index: 100;
	position:absolute;
	float: none;
	visibility: hidden;
	font: normal 14px Arial, Verdana, Helvitica, sans-serif;
	z-index: 100;
	width: auto;
	border-top: 0px solid #6495C1;
	border-right: 0px solid #6495C1;
	border-bottom: 0px solid #6495C1;
	border-left: 0px solid #6495C1;
	background-image:url(/image/back/anylink.png);
	padding: 10px 0 10px 0;
	margin: 0 0 0 0;

}

.anylinkcss a{
	width: auto;
	display: block;
    text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color:#D3AA3A;
	padding: 5px  20px 5px 20px;

	
}

.anylinkcss a:hover{
color: #FFDC51;
text-decoration:none;
}

/** << Ende Anylink **/

/***** << Menu *****/



/***** Bottom >> *****/

.bottomcell{

font-weight: 10px;
color: #D3A833;
padding: 5px 0 5px 0;
border-top: 1px dotted #D3A833;
background-color: #1D1D1D;
}

.bottomcell a {
color: #D3A833;
text-decoration: none;


}

.bottomcell a:hover {

color: #FFDC51;


}

/***** << Bottom *****/

/********************** Beginn Hi Slide **********************/

.thumbwrapper {
   
    margin: 5px;
	border: 1px solid #666666;
	text-align: center;
	float: left;
	cursor: pointer;
}

.thumbwrapper1 {
   
    margin: 0 15px 15px 0;
	border: 1px solid #666666;
	text-align: center;
	float: left;
	cursor: pointer;
} 
.thumbwrapper:hover {

border: 1px solid #FFDC51;

}

.thumbwrapper1:hover {

border: 1px solid #FFDC51;

}


.thumbborder {
height: 90px;
width: 120px;
border-top: 10px solid #1D1D1D;
border-right: 5px solid #1D1D1D;
border-bottom: 20px solid #1D1D1D;
border-left: 5px solid #1D1D1D;
background-repeat:no-repeat; 
background-position: center center;

}

.highslide {

cursor: url(/index/java/highslide/graphics/zoomin.cur), pointer;
outline: none;
}

.highslide img {
border: 0px solid #cccccc;
margin-top: 35px;

}

.highslide:hover img {
border: 0px solid #666666;
}

.highslide-image {
    border: 2px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	font-size: 16px;
}
.highslide-loading {
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF; 
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
	background-color: #1D1D1D;

}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}

.highslide-move {
    cursor: move;
}

.highslide-overlay {
	display: none;
}

/* Controlbar example */
.controlbar {	
	background-image: url(/java/highslide/graphics/controlbar4.gif);
	width: 167px;
	height: 34px;
	margin-top: 0px;
}
.controlbar a {	
	display: block;
	float: left;
	/*margin: 0px 0 0 4px;*/	
	height: 27px;
}
.controlbar a:hover {
	background-image: url(/index/java/highslide/graphics/controlbar4-hover.gif);
	 
}
.controlbar .previous {
	width: 50px;
}
.controlbar .next {
	width: 40px;
	background-position: -50px 0;
}
.controlbar .highslide-move {
	width: 40px;
	background-position: -90px 0;
}
.controlbar .close {
	width: 36px;
	background-position: -130px 0;
}



/* Styles for the popup */
.highslide-wrapper, .rounded-white {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 800px;
    padding: 10px 20px 20px 20px;
}
.highslide-wrapper .highslide-header {
	padding-bottom: 5px;
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
	font-size: 14px;
	
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: #AAAAAA;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: #9F1438;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 20px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	margin-top: 4px;
	height: 11px;
	width: 11px;
	background: url(/java/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}




/* Necessary for functionality */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
/********************** Ende Hi Slide **********************/

.colum650white{
font-size:14px;
line-height: 20px;
color:#FFF;
width: 620px;
padding: 20px 10px 20px 10px;
}

.colum650white a{

color:#D3A833;
text-decoration:none;

}

.colum650white a:hover{

color:#FFDC51;
text-decoration:underline;

}



.colum320merkzetteloben{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	padding: 10px;
	width: 308px;
	border-top: 1px solid #FFAA00;
	border-right: 1px solid #FFAA00;
	border-bottom: 0px solid #FFAA00;
	border-left: 1px solid #FFAA00;
	background-color: #FFEAC0;
	/*position: fixed;*/
	vertical-align: top;

}
.colum320merkzettelunten{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	width: 308px;
	border-top: 0px solid #FFAA00;
	border-right: 0px solid #FFAA00;
	border-bottom: 0px solid #FFAA00;
	border-left: 1px solid #FFAA00;
	/*position: fixed;*/

}


.colum320white{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #fff;
	padding:10px;
	width: 308px;
	border: 1px solid #666;
	background-color: #1D1D1D;
}

.colum320white a{
	color: #fff;
    text-decoration: none;
}

.colum320white a:hover{
	color: #FFDC51;
    text-decoration: none;
}

.vpic_small {
padding: 3px; 
float: right; 
border: 1px solid #666666;
}

.vpic_small:hover {
border: 1px solid #FFDC51;
}

/*************************Beginn Merkzettelliste *******************************/

#merkzettel ul {
list-style-type: none;
margin: 0;
padding: 0;
width: 300px;
margin-left: 20px;
}

#merkzettel li a{
color: #09274D;
width: 100%;
padding: 2px 4px;
text-decoration: none;
font-weight: bold;
background-color: #FFEAC0;
text-decoration:none;
}

#merkzettel li a:hover{
color: #111111;
background-color: #FDD079;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect (non IE browsers only) */
border-style: inset;
}
/*************************Ende Merkzettelliste *******************************/


/*************** Ajax-Loader by Metzga *********/

div.ajax-loading
{
	background:				url(/immobiliensuche/images/ajax-loader.gif) no-repeat center;
}

div .ajax-loading-map
{
	background:				url(/immobiliensuche/images/ajax-loader-quickmap.gif) no-repeat center;
	height: 40px;
}

div .ajax-loading-map-h
{
	background:				url(/immobiliensuche/images/ajax-loader-quickmap.gif) no-repeat center;
}

/************** Ende ***************************/


/** Beginn Tuuuuhl TIPPPPPP **/


.tool-tip {

	padding: 4px;
	width: 200px;
	z-index: 13000;
	background: #FFFFFF;
}
 
.tool-title {
	font-size: 13px;
	font-weight: bold;
	color: #111111;
	padding: 5px 5px 2px 5px;
	background: #C3D9FF;
	border-top: 1px solid #6495C1;
	border-right: 1px solid #6495C1;
	border-bottom: 0px solid #6495C1;
	border-left: 1px solid #6495C1;

}
 
.tool-text {
    font-size: 12px;
	padding: 2px 5px 5px 5px;
	background: #EDF6FE;
	color: #111111;
	border-top: 0px solid #6495C1;
	border-right: 1px solid #6495C1;
	border-bottom: 1px solid #6495C1;
	border-left: 1px solid #6495C1;
}

/**  Ende Tuuuuhl TIPPPPPP **/

/******** FLOW FACT ********/

.details
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 2px 2px 0px 0px;
	padding: 2px 2px 0px 0px;
	float: left	
}

.headline_2
{
	padding-left: 25px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 5px;
}



.eck
{
		width: 650;
		margin-left: 0px;
		margin-right: 0px;
}

.eck_sp1
{
	width: 220px;
	vertical-align: top;
	font-family: Arial, Helvetica, sans-serif;
}

.eck_sp2
{    width: 430px;
     vertical-align: top;
}


.txt_sp1
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	margin: 2px 2px 0px;
	padding: 2px 2px 0px 20px;
	float: left;
	line-height: 20px;
	font-weight: bold;
}

.txt_sp2
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 2px 15px 2px 0px;
	padding: 2px 15px 0px 2px;
	float: left;
	line-height: 20px;

}


.txt_z1
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px 2px 0px;
	padding: 2px 2px 0px;
	float: left
}

.txt_z2
{
font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px 2px 0px;
	padding: 2px 2px 0px;
	float: left
}
/******** FLOW FACT ********/

/********************** >> >> Start Footer **********************/
/********************** >> >> Start Footer **********************/
/********************** >> >> Start Footer **********************/


.footerfix{
	clear:both;
	overflow: auto;
	width: 100%;
	bottom: 0px;
    position: fixed;
	background-image: url(../image/back/blende.png);
	background-repeat:no-repeat;
	background-position: center top;

	

}



.footer {


margin:5px;
background-color: #1D1D1D;


}





  
/********************** Ende Footer << << **********************/
/********************** Ende Footer << << **********************/
/********************** Ende Footer << << **********************/

/* ----------- formstyle ----------- */


#formstyle{
border:1px dotted #666666;
color: #D3A833;
background-color: #1D1D1D;
padding: 20px 0 0 0;
}

#formstyle label{
display:block;
font-weight:bold;
text-align:right;
width:140px;
float:left;
}
#formstyle .small{
color:#666666;
display:block;
font-size:11px;
font-weight:normal;
text-align:right;
width:140px;
}
#formstyle input{

font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:200px;
margin:2px 0 20px 10px;
background-color:#CCCCCC;
}

#formstyle textarea{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:400px;
height: 140px;
margin:2px 0 20px 10px;
background-color:#CCCCCC;
}
#formstyle select{
float:left;
font-size:12px;
padding:4px 2px;
border:solid 1px #999999;
width:100px;
margin:2px 0 20px 10px;
background-color:#CCCCCC;
}
#formstyle button{
clear:both;
margin-left:150px;
width:200px;
background-color: #D3A833;
border: 2px solid #D3A833;
text-align:center;
color:#111111;
font-size:14px;
font-weight:bold;
cursor: pointer;
}



#formstyle button:hover{

background-color: #FFDC51;
color: #111111;
border: 2px solid #FFDC51;
}

/********* Ende Form << << *********/ 

/********************** >> >> Start Slideshow **********************/
/********************** >> >> Start Slideshow  **********************/
/********************** >> >> Start Slideshow **********************/

.slideshowContainer {
	border: 1px solid #666666;
	width: 980px;
	height: 350px;
	margin: 10px 0 10px 0;
}

.loading {
	background: url(../images/ajax-loader.gif) center no-repeat;
}

.slideshowThumbnail {
	outline: none;
}

.slideshowThumbnail img {
	border: 1px solid #666666;
	padding: 3px;
	background-color:transparent;
}

a:hover.slideshowThumbnail img {
	border: 1px solid #666666;
	padding: 3px;
}

.current img {
	border: 1px solid red;
	padding: 3px;
}

.outline {
	border: 1px solid #FFDC51;
	z-index: 0;
	position: absolute;
}

#thumbnails {
	/*width: 130px;
	float: left;*/
}

/********************** Ende Slideshow << << **********************/
/********************** Ende Slideshow << << **********************/
/********************** Ende Slideshow << << **********************/

.immonav{
color: #FFFFFF;
display: inline;
}

.immonav_move {
color: #D3A833;
display: inline;
font-weight: bold;
}
.immonav_move a{
color: #D3A833;
text-decoration:none;
}

.immonav_move a:hover{
color: #FFDC51;
text-decoration:underline;
}