/*** www.immowert-kaiser.de Framework Stylesheet ***/
/*** Copyright 2008 Kuse.de Werbeagentur GbR ***/
/*** Sebastian Wolf <sebastian aet kuse.de> ***/

body, html {
	 margin:0;
	 padding:0;
	 background:#f3f3f3;
	 height:100%;
	 font-family:Arial, Verdana;
	}
	
* {
	 margin:0;
	 padding:0;
	}
p {
	 margin:8px 0;
	}
h1 {
	 font-size:136%;
	 color:#126fb4;
	 font-weight:bold;
	}
h1 {
	letter-spacing:-0.5px;
	font-size:16px;
}
h1, h2, h3 {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	
	font-weight:normal;
	color:#A00000;
}

h2, h3 {
	font-size:14px;
}
	
h3 {color:#000;}

a {
	color:#A00000;
}
	
/* Framework */

#PageBgLeft, #PageBgRight {
	position:absolute;
	width:50%;
	left:0;
	top:0;
	right:50%;
	height:415px;
	background:url(../images/framework/PageBgLeft.gif) repeat-x;
}

#PageBgRight {
	left:50%;
	right:0;
	height:415px;
	background-image:url(../images/framework/PageBgRight.gif);
}

#BoxPagePosition {
	width:814px;
	display:block;
	position:relative;
	margin:0 auto;
}
	 * html #BoxPagePosition{
	 	margin-left:-407px;
		left:50%;
	 }
	 
#TopHead {
	width:100%;
	height:138px;
	top:22px;
	margin-bottom:44px;
	position:relative;	
	background:url(../images/framework/Logo.gif) no-repeat;
	text-align:right;
}

	#TopHead a {
		text-decoration:none;
		font-size:11px;
		text-transform:uppercase;
		color:#a3a3a3;
		margin-left:6px;
	}
	
	#hiddenText {
		display:none;
	}
	
		#TopHead a:hover {
			text-decoration:underline;
		}

	#TopHead #Logo {
		display:block;
		top:0;
		left:0;
		position:absolute;
		height:138px;
		width:370px;
		font-size:0;
		line-height:400px;
		overflow:hidden;
	}

	#TopHead #HeadText {
		color:#dadada;
		height:81px;
		position:absolute;
		text-align:left;
		width:252px;
		right:20px;
		top:44px;
		font-size:12px;
	}
	
#HeadImg {
	display:block;
	width:100%;
	height:193px;
	background:url(../images/framework/HeadImg.jpg) right no-repeat;
}
	#RedPage {
		display:block;
		position:relative;
		width:420px;
		height:193px;
	}
	
		#RedPage ul {
			list-style:none;
			margin:0;
			padding:0;
			position:absolute;
			width:290px;
			margin:20px 0;
		}
		#RedPage li {
			display:block;
			padding-left:20px;
			margin-bottom:15px;
			background:url(../images/framework/ArrowWhite.gif) 0 4px no-repeat;
		}
			#RedPage li a {
				text-decoration:none;
				color:#cbcbcb;
			}
			#RedPage li b {
				text-transform:uppercase;
				font-family:"Trebuchet MS", Arial;
				font-size:17px;
				font-weight:normal;
				letter-spacing:0.1px;
				color:#fff;
				display:block;
			}
		
	
/* Navigation */

#NavPosition {
	position:relative;
	background:#CACACA;
	display:block;
	width:100%;
	height:39px;
	border-bottom:1px solid #ababab;
}

#Nav {
	color:#000;
	font-family:"Trebuchet MS", Arial, Verdana;
	text-transform:uppercase;
	font-size:13px;
	margin:0;
	padding:0;
	list-style:none;
}

	#Nav li {
		float:left;
		margin-top:7px;
		margin-bottom:-2px;
	}
	
	#Nav li a{
		text-decoration:none;
		line-height:28px;
		display:block;
		height:32px;
		letter-spacing:-0.1px;
		color:#000;
		float:left;
		padding:1px 6px;
	}
	
	#Nav li:hover a, #Nav li a:hover , #Nav li.Active a{
		background:url(../images/framework/MenuActiveBg.jpg);
		border:1px solid #acacac;
		border-bottom:0;
		padding:0 5px;
		color:#A00000;
	}
	
/* Search */ 
#SearchPosition {
	position:absolute;
	right:0;
	background:#A00000 url(../images/framework/SearchLeft.gif) left no-repeat;
	height:40px;
	width:207px;
	padding-left:62px;
	line-height:40px;
	color:#fff;
}
	#SearchPosition label {
		padding:0 !important;
		margin-right:8px !important;
		font-size:12px;
		width:auto;
	}
		#SearchPosition #SearchInput {
			background:#fff url(../images/framework/SearchInput.gif) no-repeat;
			float:left;
			border:0;
			margin:9px 0 0 0!important;
			color:#555;
			padding:4px 0 0 5px!important;
			font-size:12px;
			height:18px;
			width:133px;
		}
		* html #SearchPosition #SearchInput {
			width:130px;
		}
		
		#SearchPosition #SearchSubmit {
			width:25px;
			height:22px;
			float:left;
			padding:0 !important;
			margin:9px 0 0 0!important;
			background:url(../images/framework/SearchSubmit.gif) no-repeat;
			border:0;
		}
		
/* Content */

#ContentPosition {
	clear:both;
	display:block;
	width:100%;
	margin:20px 0;
	color:#5c5c5c;
}

	.BoxContent {
		padding:1.96%;
		background:#fff;
		border:1px solid #dbdbdb;
		display:block;
		float:left;
	}

    .BoxContent2 {
		display:block;
		float:left;
		margin-right:10%
	}
	
	/* SubMenu */ 
	
	#SubMenu, #SubMenu li {
		list-style:none;
		padding:0;
		margin:0;
	}
	* html #SubMenu li {
		float:left;
		display:block;
		width:80%;
	}
	
	*+html #SubMenu li {
		float:left;
		display:block;
		width:80%;
	}
	
	#SubMenu a {
		text-decoration:none;
		display:block;
		font-size:12px;
		color:#555;
		line-height:22px;
		background:url(../images/framework/ArrowBlack.gif) 0 6px no-repeat;
		padding-left:15px;
	}
	
	#SubMenu a:hover {
		color:#A00000
	}
	
	/* Check List */ 
	
	ul.check {
		list-style:none;
		padding:0;
		margin:0;
	}
	ul.check li u, ul.check li i {
		padding:5px 0 15px 30px;
		display:block;
		text-decoration:none;
		font-style:normal;
		background:url(../images/framework/check.gif) no-repeat;
	}
	
	ul.check li i {
		background:url(../images/framework/cross.gif) no-repeat;
	}
	
	/* Table */
	
	table {
		border:1px solid #ccc;
		border-bottom:0;
		border-right:0;
		margin:10px 0;
	}
	table td {
		border:1px solid #ccc;
		border-top:0;
		border-left:0;
		padding:4px;
		background:#fff url( "../images/framework/TabBgGardient.gif" ) repeat-x !important;
	}
	
	
/* Footer */

#Footer {
	display:block;
	width:100%;
	margin:0;
	background:#e9e9e9;
	border-top:1px solid #adadad;
	height:50px;
	
}
	#FooterContent {
		width:814px;
		position:relative;
		text-align:right;
		background:0 3px url(../images/framework/Tueflogos.jpg) no-repeat;
		line-height:16px;
		margin:0 auto;
		display:block;
		padding:10px 0 10px 0;
	}
		* html #FooterContent {
			left:50%;
			margin-left:-407px;
		}
		
	#FooterContent a {
		text-transform:uppercase;
		text-decoration:none;
		color:#5e5e5e;
		margin-right:6px;
	}
	
	#FooterContent a:hover {
		text-decoration:underline;
	}
	
	#Footer #Call {
		position:absolute;
		left:240px;
		width:250px;
		text-align:left;
		padding:0;
		display:block;
		top:0;
	}
	#Footer #Call img {
		float:left;
	}
	#Footer #Call a {
		line-height:auto;
	}
	
/* TABS */

/* Tab inaktiv*/
.dynamic-tab-pane-control .tab-row .tab {
		width:auto !important;
		margin:1px 2px 1px 0px;
		padding-left:0;
		position:relative;
		border:1px solid #ccc;
		/*font-size:1em;*/
		overflow:visible;
		border-width:0 1px;
		background:transparent !important;
}

/* Alle TextLinks in Tabs */
.dynamic-tab-pane-control .tab-row .tab a {
		color:#666 !important;
		padding:0 4px;
		/*font-size:1em;*/
		border:0;

}

/* Tab aktiv */
 .dynamic-tab-pane-control .tab-row .tab.selected {
		background:#fff url("../images/framework/TabBgGardient.gif") repeat-x !important;
		width:auto !important;
		line-height:21px;
		position:relative;
}

/* TextLinks TabAktiv */
#ContentPosition .dynamic-tab-pane-control .tab-row .tab.selected a {
		border-top:1px solid #ccc;
		top:-1px !important;
		position:relative;
		height:21px;
		display:block;
		float:left;
		line-height:21px;
		font-size:1em;
		width:auto !important;
		color:#A00000 !important;
}
	* html #Content .dynamic-tab-pane-control .tab-row .tab.selected a {width:0;}

/* Tab Hover */

.dynamic-tab-pane-control .tab-row .tab.hover {
		width:auto;
}



	/* Tab Content */

.dynamic-tab-pane-control .tab-page {
		border:0 !Important;
		border-top:1px solid #c0c0c0 !important;
		background:transparent;
		font-size:1.05em;
		line-height:1.3em;
		color:#444;
		height:auto !Important;
		padding:10px 0 !important;
}


h2.TabHeadline {
	display:none;
}

/* END TABS */


/* ImageBox */

#ContentPosition .BoxImgBorder { padding:0; border:0; width:202px;}

#ContentPosition .BoxImgPositionRight {float:right}

#ContentPosition .BoxImgPositionLeft { float:left;}

#ContentPosition .BoxImgPositionRight .BoxImgBorder .BoxBigImage, #Content .BoxImgPositionLeft .BoxImgBorder .BoxBigImage {
	display: table;
	#position: relative;
	overflow: hidden;
	border:1px solid #ccc;
	background:#fff;
	width:200px;
	height:200px;

}

#ContentPosition .BoxBigImage a {
	#position: absolute;
	#top: 50%;
	display: table-cell;
	vertical-align: middle;
	overflow:visible;
}

#ContentPosition .BoxBigImage { margin:auto 0; height:auto; width:200px; font-size:11px; line-height:inline; border:0; background:transparent;}
#ContentPosition .BoxBigImage a img {
	#position: relative;  #top: -50%; #left:-50%;}

#ContentPosition .BoxSmallImages a {
	 border:1px solid #ccc;
	 padding:2px;
	 display:block;
	 margin:2px 2px 0 0;
	 float:left;
	}

#ContentPosition .BoxSmallImages a img {
	border:0;
	margin:0;
}


/* BoxAdditionalsites */
.BoxAdditionalsites {
	border:0 !important;
	padding:0 !important;
}

.BoxAdditionalsites a.LinkAdditionalsites{
	text-decoration:none !important;
}

.BoxAdditionalsites a {
	border:1px solid #ccc;
	padding:16px;
}

.BoxAdditionalsites a:hover {
	text-decoration:underline;
}

.BoxAdditionalsites a:hover span {
	text-decoration:none;
}

/* Form / Button */ 
.btn, input {
	margin:0 2px 2px 0 !important;
}

.FormLabel {width:100px;}

.BoxKontakt{
  	display:block; width:33%; float:left;
}

/* News / Referenzen */ 
 
.preview {
	border:0 !important;
	margin-right:10px;
}

.ShortKatPosition a {
	width:150px !important;
}