/*
*****************************************************
 url					: www.dialog-select.com
 erstellt 			: 27-09-2007 
 Aenderung			: 27-09-2007 
 CSS + Webdesign	: www.delectat.de (D.P.)
*****************************************************
 (c) 2007 Dialog Vermoegensmanagement GmbH
*****************************************************

Farben:
Gelb: #F4C126;
Hellblau: #D6E5EC
Blau: #B5CCDA
Hellbraun: #E2D5C5
Braun: #C2AA92
Dunkelbraun: #CC6600;
 
Body
----------------------------------------------------*/
 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #555555;
	font-family: Trebuchet MS, Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 75%; 
	line-height: 170%;
	text-align: center;
	background: #fff url(../elemente/layout/bg-body-gelb.jpg) repeat-x 0 -35px;
}

img { border: none; }

a { text-decoration: none;}

.clear {clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide, #search label {display: none; }

/*  Interface, Layout 
-----------------------------------------------------------*/

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 770px;
}

/*  Interface, 
----------------------------------------------------*/

#header 	{

	float: none;
}

#logo 	{
	float: left;
	height: 60px;
	width: 120px;
	margin: 59px 0 0 20px;
	padding: 0;
}

html>body #logo {
	margin: 59px 0 0 35px;
}

#main	{
	padding: 0;
	border: 0;
	margin: 0;
}

#content	{	
	width: 538px;
	float: right;
	text-align: left;
	margin:0;
	padding:0;
}

#sidebar {
	float: left;
	margin: 0;
	padding: 0;
	width: 210px;
	height: 400px;
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) no-repeat 100% 85px;
	display: inline;
}

#home #content	{	
	width: 450px;
	float: left;
	text-align: left;
	margin:0 13px 0 10px;
	padding:0 0px 0 7px;	
}

#home #sidebar {
	float: left;
	width: 260px;	
	height: 400px;
	margin: 10px 0 0 0;
	padding: 0 0 0 20px;
	display: inline;
	background: transparent url(../elemente/layout/bg-dot-subnav-linesenkrecht.gif) no-repeat 0% 65px;
}

.cf_wrapper	{
	margin:38px 0 23px 0;
	padding:0; 
	width: 770px;
	height: 60px;
	text-align: left; 	
}

.cf_element{
	width: 770px;
	height: 60px;
}


#dialog #cf1, #team #cf1, #troiano #cf1, #wassenberg #cf1, #proksch #cf1, #depotbank #cf1, #verweise #cf1, #impressum #cf1,#sitemap #cf1  
{	background: transparent url(../elemente/layout/suchstreifen.jpg) no-repeat 0 0;}

#produkte #cf1, #konzept #cf1, #allokationsprozess #cf1, #portfolios #cf1, #vorteil #cf1, #factsheets #cf1
{	background: transparent url(../elemente/layout/1.jpg) no-repeat 0 0;}

#formulare #cf1
{	background: transparent url(../elemente/layout/2.jpg) no-repeat 0 0;}

#kontakt #cf1, #partner #cf1, #berater #cf1, #kunden #cf1
{	background: transparent url(../elemente/layout/3.jpg) no-repeat 0 0;}

#home .cf_wrapper	{
	margin:23px 0 23px 0;
	padding:0; 
	width: 770px;
	height: 230px;
	text-align: left; 	
   background: transparent url(../elemente/layout/dialog-select-home.jpg) no-repeat 0 0;
  }

#home .cf_element{
	width: 770px;
	height: 244px;
}

#statusnav	{
	height: 25px;
	width: 397px;
	padding: 0 0 0 3px;
	margin: 0 0 20px 0px;
	background: transparent url(../elemente/layout/bg-statusline.jpg) no-repeat 0 100%;
}

#statusnav .status p {
	margin: 12px 5px 0px 0px;
}

#maintopic {
	background: transparent url(../elemente/layout/bg-homemaintopic.gif) no-repeat 0 100%;
}

#imagestreifen {
	width: 260px;
	height: 300px;
	float:left;
	margin:0 0 0 2px;
	padding:0;
}

#maincolumnleft,  #maincolumnright {
	width: 250px;
	height: 180px;
	background: transparent url(../elemente/layout/dotted-linie-senkrecht.gif) repeat-y 100% 0;
	float: left;
	margin: 20px 0 10px 3px;
	display:inline;
}

#maincolumnright {
	background-image: none;
	margin: 17px 0 0px 12px;
	width: 240px;
}

#main	p {	
	margin: 0 15px 15px 0px;
}

.column, .columnright {
	width: 240px;
	height: 246px;
	background: #FFF url(../elemente/layout/bg-mainbox2.jpg) no-repeat 0 0;
	float: left;
	margin: 30px 22px 0 0; 
	padding: 0 0 0 2px;
}

.columnright {
	margin: 30px 0px 0px 0px;
}

#footer	{ height: 60px;
	padding: 14px 2px 0px 15px;
	margin: 45px 0 0 0;
	text-align: left;
	background: transparent url(../elemente/layout/bg-footer.jpg) no-repeat 0 0;
}

#topbar	{	
	display: inline; 
	margin: 0 10px 0 0;
	float:right;
}

#topbar #oben {
	padding: 0 10px 0 2px;
	background: transparent url(../elemente/layout/uparrow.gif) no-repeat 100% 5px;
}

.leistungen ul, .linklist ul {
	border: 0px solid #ccc;
	margin: 0 10px 50px 15px;
	padding: 2px 0;
}

#sitemap .linklist ul {
	margin: 0 10px 0px 15px;
}

.leistungen li, .linklist li {
	list-style: none;
	margin: 4px 0 4px 15px;
	background: url(../elemente/layout/bullet-blue.png) no-repeat 4px 7px;
	padding: 0 15px 0 25px;
	line-height: 1.6em;
	font-size: 1.1em;
}

#sitemap .linklist li {
	margin: 4px 0 4px 0px;
}

.linklist li {
	margin: 5px 0 5px 17px;
	background: url(../elemente/layout/bullet-blue.png) no-repeat 5px 5px;
}

a:link {color:#555;
	text-decoration: none;
}

a:visited {
	color:#555;
	text-decoration: none;
}

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

a:active {
	color:#555;
	text-decoration: none;
}

/*  Unternavigation 
----------------------------------------------------*/

.subnav {
	padding: 4px 0;
	margin: 45px 25px 0 19px;
}

.subnav ul {
	border-top: 0px solid #ccc;
	padding: 0;
	margin: 10px 0 0 0;
}

.subnav li {
	border-bottom: 1px solid #ececec;
	list-style: none;
	margin: 0;
}

.subnav li a {
	display: block;
	text-decoration: none;
	padding: 4px 0 4px 21px;
	background: transparent url(../elemente/layout/arrow2.gif) no-repeat 7px 10px;
	font-size: 1.1em;
	color:#555;
}

.subnav li a:hover {
	color:#F66013;color:#cc6600; color:#71797D;color: #000;
	background: #F4F4F4 url(../elemente/layout/arrow2.gif) no-repeat 11px 9px;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
}

.subnav a.selected {
	color:#555;
	background: #F4F4F4 url(../elemente/layout/arrow2.gif) no-repeat 7px 10px;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}
	
.subnav a.none {
	color: #3C618C;	
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}

.subnav a.noneselected {
	color:#F66013;
	background-color: #ececec;
	background-image: none;
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	}
	
/*  Content-Navigation 
-----------------------------------------------------------------------*/

#contentnav {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

#contentnav ul {
	border-top: 0px solid #E6E7E8;
	padding: 0px;
	margin: 0px 0 0 0;
}

#contentnav li {
	border-bottom: 1px solid #ececec;
	list-style: none;	
	margin: 2px 0 2px 0;margin: 0;
}

#contentnav li a:link, #contentnav li a:visited, #contentnav li a:active {
	display: block;
	text-decoration: none;
	color: #555;
	padding: 4px 0 4px 21px;
	font-weight: normal;
	background-image: none;
	font-size: 1.0em;
	}

#contentnav li a:hover {
	padding: 3px 0 3px 21px;
	margin: 1px 0;
	color: #333;
	background-color: #f4f4f4;
}

/*  Links
----------------------------------------------------*/

#main .column a:link, #main .column a:visited, #main .column a:active,
#main .columnright a:link, #main .columnright a:visited, #main .columnright a:active {
	padding: 0 0 0 12px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow2.gif) no-repeat 0px 4px;
}
#main .column a:hover {
	padding: 0 0 1px 12px;
	margin: 0;
	background: transparent url(../elemente/layout/arrow2.gif) no-repeat 0px 4px;
}

#maintopic a:link, #maintopic a:visited, #maintopic a:active,
#home #sidebar a:link, #home #sidebar a:visited, #home #sidebar a:active,
#content p a:link, #content p a:visited, #content a:active,
.leistungen a:link, .leistungen a:visited, .leistungen a:active {
	border-bottom: 1px solid #F4C126;
	padding: 0;
}
#content p a:hover, .leistungen a:hover, #home #sidebar a:hover {
	border-bottom: 1px solid #555;
	padding: 0;
}

#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #71797D;
	margin: 0;
	padding: 0;
}

#statusnav a:link, #statusnav a:visited, #statusnav a:active {
	padding: 0 0 1px 12px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow3.gif) no-repeat 0px 6px;
	color: #777; color:#71797D;
}

#statusnav a:hover{
	padding: 0px 0px 1px 12px;
	margin: 0 5px 0 0;
	background: transparent url(../elemente/layout/arrow3.gif) no-repeat 0px 6px; 
color:#F4C126;
}

#footer a:hover, #topbar a:hover {
	color: #000;
}

.more {
	background: url(../elemente/layout/arrow2.gif) no-repeat 0 0;
	padding: 0 20px 0 0;
}

#email {
}

/*  Text, Headlines, Listen
-----------------------------------------------------------------------*/

h1 {color: #71797D;
	padding: 0;
	font: normal 32px/33px  Arial,Times, Georgia,  Trebuchet MS, sans-serif;
	margin: 10px 0 5px 0;
	font-variant: small-caps;
}

h2 {color: #3C618C; 
	padding: 0;
	font: normal 19px/29px  Arial,Times, Georgia,  Trebuchet MS, sans-serif;
	margin: 0;		
}
h2 {color:#F4C126;
	padding: 0 0 0 26px;
	font: normal 18px/37px Arial, Times, Georgia, Trebuchet MS, sans-serif;
	margin: 2px 0 8px 0px;	
	background: transparent url(../elemente/layout/bg-h2.jpg) no-repeat -1px 3px;
}

.cf_element h2 {
	color: #888;
	padding: 21px 0 0 0;
	font: normal 22px/20px  Trebuchet MS, Times, Georgia, Arial, Trebuchet MS, sans-serif;
	margin: 0px 0 0 20px;	
	text-transform:uppercase;
	background-image: none
}


h3 {color: #606060;
	padding: 0 0 0 26px;
	font: bold 17px/37px Arial, Times, Georgia, Trebuchet MS, sans-serif;
	margin: 2px 0 8px 0;	
	background: transparent url(../elemente/layout/bg-h2.jpg) no-repeat -1px 2px;
}

h4 {
	color:#F4C126;
	padding: 0; 
	font: bold 14px/14px Arial, Georgia,  sans-serif;
	margin: 0 0 3px 0;
	text-transform: uppercase;
}

p {color: #555;
	font-size: 1.1em;	
	line-height: 1.5em;
	margin: 0;
	padding: 0;
}

#footer p{
	color: #666;
	padding:0;
	margin:0;
	line-height: 1.6em;
	font-size: 0.9em;
}

.tall {
	font-size: 1.1em;	
	line-height: 1.6em;
}

.zitat {
	background: transparent url(../elemente/layout/zitat-first2.gif) no-repeat  0px 0;
	font: italic 20px/28px  "Lucida Grande", Trebuchet MS, Arial,Times, Georgia,   sans-serif;
	padding: 5px 25px 0 25px;
 color:#F4C126;	
}

.zitatlast {margin:0px 0 0 0;
	background: transparent url(../elemente/layout/zitat-last2.giff) no-repeat 100% 100%;
}

#main	p {	
	margin: 0 5px 15px 0px;
}

#main .column	p, #main .columnright	p {	
	margin: 0px 13px 15px 15px;
}

i {font-style: italic;
	color: #333;
}

b, strong, .item {	
	font-weight: bold;
	color: #444;
}

.trenner{
	background: transparent url(../elemente/layout/dotted-linie-senkrecht.gif) repeat-y 100% 0px;
}

blockquote{
	font-size: 1.1em;
	color: #555555;
	padding: 11px 0 1px 7px;
	margin: 4px 0 8px 7px;
	border-left: 3px double #e4e4e4;
}

.colored {
	background-color: #Fff; 
	padding: 0px;
}

.hinweis{	
	border-top: 1px solid #F5C633;
	border-bottom: 1px solid #F5C633;
	margin: 0 0 10px 15px;
	padding: 9px 10px 8px 19px;
	background: #f4f4f4 url(../elemente/layout/box.gif) repeat-x 0 0;
}

.small{
	font-size: 13px;
	color: #333;
}

.tippdate {
	color: #CC6600;
	margin: 0 0 0 0px;
}

.white {
	background-color: #FFF;
}

.grey {
	background-color: #CCC;
}


td {
	padding: 5px 4px 5px 4px;
}

.linkus{
	width:522px; 
	height:65px;
	background-color:#f2f2f2;
	border: 1px solid #cc6600; 
	padding: 3px;
	margin: 0 0 20px 0;
}

 
 /*  Fotos
-----------------------------------------------------------------------*/ 

.img-shadow img {
	border: 1px solid #eaeaea;
	padding: 4px;
	display: block;
  	background-color: #F4f4f4;
}

.img-border img {
	border: 1px solid #dfdfdf; 
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.rightalign {
	float: right;
	margin: 6px 0px 2px 6px;
}

#portfolios .rightalign {
	float: right;
	margin: 0px 0px 92px 9px;
}

.leftalign {
	float: left;
	margin: 0 13px 12px 0px;
}

#home #sidebar .leftalign {
	float: left;
	margin: 2px 7px 5px 0px;
}

#home #content .leftalign {
	float: left;
	margin: 2px 13px 2px 0px;
}

#team .leftalign {
	float: left;
	margin: 5px 15px 30px 55px;	
	}

 /*  Formulare
-----------------------------------------------------------------------*/ 
 
fieldset {
	margin: 0 5px 0 0px;
	padding: 3px;
	border: 2px solid #ddd;
}  
  
#kontakt .formkontakt, #newsletter .formkontakt{
	width: 100%; height: auto;
	background-color: #f5f5f5;
}

.reihe {
  	clear: both;
  	margin: 0;
  	padding: 0;
}  

.feld {
  	float: left;
  	width: 370px;
  	text-align: left;
  	padding: 4px 0 0 0;
  	line-height: 17px
} 

.label {
	height: 15px;
	width: 110px;
	margin: 0 0 0 18px;
	padding: 5px 0 0 5px;
	text-align: left;
	float: left;
}

#kontakt #knopf, #newsletter #knopf {
  	padding: 30px 0 25px 130px; 
}

.defbreite {
  	width: 290px;
}

.defbreiteplz {
  	width: 42px;
}
.defbreiteort {
  	width: 241px;
}
.pflicht {
	color: #F66013;
}

/*  Navigation
----------------------------------------------------*/
#navigation {
	height: 30px;
	margin: 62px 0px 0 0;
	float: right;
	width: 564px;
	display:inline;
}

/* Navigation  
-----------------------------------------------------------------------*/
#nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 30px;
	background: url(../elemente/layout/divider.gif) no-repeat 100% -18px;
}
	
#nav li {
	float: left;
	margin: 0; 
	padding: 0;	
	list-style-type: none;
	text-align: center;	
	background: url(../elemente/layout/divider.gif) no-repeat 0 100%;
}

#nav a {
	float: left;
	width: 112px;
	padding: 0px 0 0 0;
	display:block; 
	text-decoration:none;
	text-transform:uppercase;
	font-weight:normal;
	color: #555;
	font-weight: bold;
	font-family: Arial;
	letter-spacing: 0.04em;
}
	
#nav a:hover {
	color: #000; 
	border-bottom: 2px solid #FFD553
	}

#nav a:active, #nav a.selected {
	
	}

	
	/* Navigation  
-----------------------------------------------------------------------*/
#headernav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 29px;
}
	
#headernav li {
	float: left;
	margin: 18px 0 0 0; 
	padding: 0 0px;	
	list-style-type: none;
	text-align: center;	
	font-family: "Trebuchet MS", Arial;	
	font-size: 0.9em;	
	line-height: 1.0em;
}

#headernav a {
	margin: 0;
	padding: 0 12px;
	display:block; 
	text-decoration:none;
	font-weight:normal;
	color: #505050;
	border-right: 1px solid #888;
}
	
#headernav a:hover {
	color:#cc6600;color: #999; color: #000;
	}

#headernav a:active, #headernav a.selected {
	
	}

a.navlast, navlast{
border-right:none !important;
background: url(elemente/.gif) no-repeat right;
}