@charset "utf-8";
/* CSS Document */



*{
	margin: 0px;
	padding: 0px;
}

body{
	background: #2F2F2F;
	color:#2F2F2F;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:17px;
}

h1{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 20px;
	margin: 0px 0px 15px 0px;
	letter-spacing: 1px;
	font-weight:bold;
	line-height:22px;
	line-height:22px;
}
	
addh1{
	font-family:"Times New Roman", Times, serif;
	/*  font-style:italic;  */
	font-size: 16px;
	margin: 0px 0px 15px 0px;
	letter-spacing: 1px;
	/* font-weight:bold; */
}

h2{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 12x;
	margin: 1px 0px 16px 0px;
	letter-spacing: 0px;
	line-height:20px;
	/* font-weight:bold; */
}

/*links auf der seite*/	
a {
	outline:none;
	text-decoration:none;
	color:#006666;
}

a:hover {
	color: #008585;
}
a.active {
	color: #006666;
}

a.out {
	color: #31302C;
}

/***** SUBNAVI contentBoxRight *****/	

/*** id ***/

#subnavi {
	color: #31302C;
}
#subnavi:hover {
	color: #008585;
}
#subnavi.active {
	color: #008585;
}

/*** class ***/

.subnavi {
	color: #31302C;
}
.subnavi:hover {
	color: #008585;
}
.subnavi.active {
	color: #008585;
}

/***** SUBNAVI conentConatainer Anwaelte *****/

#subnaviBox {
	position: absolute;
	top: 360px;
	right: 39px;
}	

/***** Logo *****/

#logo {
  width: 357px;
  height: 60px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
  background: url(../img/VK_LiessKassner_new.gif) no-repeat;

}



/************seitenelemente 1. ordnung**************************************************/
#containerAll{
	margin-left: auto;
	margin-right: auto;
	margin-top: 73px;
	width: 1000px;
	height: 425px;		
}

#navbar{
	height: 26px;
	width:100%;
	background-color:#efefef
}

#boxLogo{
	/*border-top:solid 1px blue;
	border-bottom:solid 1px blue;*/
	float: left;
	/*background: url(../img/logo_new1.jpg) no-repeat;*/
	width: 350px;
	height: 400px;
	background: #B7B5AB;
	}

#contentBoxLeft{
	/*border-top:solid 1px red;
	border-bottom:solid 1px red;*/
	width: 400px;
	height: 400px;
	float: left;
	background: #B7B5AB;
	overflow: hidden;
	/*background: url(../img/bg_content.gif) repeat-y;*/
	position: relative;	/*muss hier stehen wegen der scrollPfeile da diese hieran ausgerichtet werden*/	
}

#contentCentralBox{
	/*border-top:solid 1px red;
	border-bottom:solid 1px red;*/
	width: 750px;
	height: 400px;
	float: left;
	background: #B7B5AB url(../img/contentCentralBox.gif) no-repeat;
	overflow: hidden;
	/*background: url(../img/bg_content.gif) repeat-y;*/
	position: relative;	/*muss hier stehen wegen der scrollPfeile da diese hieran ausgerichtet werden*/	
}


#contentBoxRight{
	width: 250px;
	height: 400px;	
	float: left;
	background: #C9C7BD url(../img/contentrechts.jpg) no-repeat;
	position: relative;	
	overflow: hidden;
}

#footer{
}

/* Zwei Fenster für die Beratung.php Seite*/

#contentBeratungLeft{
	/*border-top:solid 1px red;
	border-bottom:solid 1px red;*/
	width: 563px;
	height: 400px;
	float: left;
	background: #B7B5AB url(../img/contentBeratungLeft.gif) no-repeat;
	overflow: hidden;
	position: relative;
}

#contentBeratungRight{
	/*border-top:solid 1px blue;
	border-bottom:solid 1px blue;*/
	width: 437px;
	height: 400px;
	float: left;
	background: #B7B5AB url(../img/contentBeratungRight.jpg) no-repeat;
	overflow: hidden;
	position: relative;
}



/************ENDE seitenelemente**************************************************/

#contentBoxLeft ul{
	list-style-type: disc;
	margin-left: 14px;
}

#contentBoxLeft ul li{
	margin: 0px 0px 4px 0px;
}

#contentcontainer {
	height: 322px;
	overflow: auto;
	margin: 40px 30px 20px 30px;
}

#contentcontainer ul{
padding-left:20px;
}

#contentcontentBeratungRight{
	height: 322px;
	overflow: auto;
	margin: 30px 30px 20px 30px;
}


#container {
	width: 100%;
	height: 600px;
}

#contentcontainer p{
	margin: 15px 0px;
	line-height: 17px;
}
	
#contentRight{
	padding: 40px 26px 20px 24px;
	overflow:hidden;
}
	
	
/*******************dreiteilung und Links des footers********************/

#footer div#footerLogoLeft{
	float:left;
	width: 350px;
	height:26px;
}

#footer p#footerLeft{
	float:left;
	width: 340px;
	padding: 4px 50px;
	color: #4E4E4E;
	font-size:11px;
	letter-spacing:1px;
}

#footer p#footerRight{
	float:right;
	width: 230px;
	text-align:right;	
}	

/*********************************************navi sprachwahl im footer*/	
#footer { padding-left:12px }
#footer div#footerLogoLeft ul{
	height: 26px;
	list-style-type: none;	
}

#footer div#footerLogoLeft ul li{
	float:left;
}

#footer div#footerLogoLeft ul li a{
	text-decoration: none;
	display: block;
	height: 26px;	
}

#footer div#footerLogoLeft ul li a#de {	
	width: 61px;
	background: url(../img/deutsch.gif) no-repeat;
	
}

#footer div#footerLogoLeft ul li a:hover#de,
#footer div#footerLogoLeft ul li a.active#de{
	width: 61px;
	background: url(../img/deutsch_over.gif) no-repeat;

}

#footer div#footerLogoLeft ul li a#en {	
	width: 61px;
	background: url(../img/english.gif) no-repeat;

}

#footer div#footerLogoLeft ul li a:hover#en,
#footer div#footerLogoLeft ul li a.active#en{
	width: 61px;
	background: url(../img/english_over.gif) no-repeat;	

}	









/*********************** ENDE navi sprachwahl im footer ****************/	

#footer p#footerRightDE a,
#footer p#footerRightDE a:link
	{
		background:url(../img/impressum_new.gif) no-repeat;
		display:block;
		width: 97px;
		height:26px;
		float:right;
}
#footer p#footerRightDE a:hover,
#footer p#footerRightDE a:active {
		background:url(../img/impressum-over_new.gif) no-repeat;
		display:block;
		width: 97px;
		height:26px;
		float:right;
}

/*** engl imprint **/

#footer p#footerRightEN a,
#footer p#footerRightEN a:link
	{
		background:url(../img/imprint_new.gif) no-repeat;
		display:block;
		width: 97px;
		height:26px;
		float:right;
}
#footer p#footerRightEN a:hover,
#footer p#footerRightEN a:active {
		background:url(../img/imprint-over_new.gif) no-repeat;
		display:block;
		width: 97px;
		height:26px;
		float:right;
}



/******************** Navigationselemente *******************************/
#navbar { 
width:100%;
background:#2E2E2E url(../img/bg-menu.gif) 0 0 repeat-x;
}

/*Ecken Oben*/
#hg{ width:27px;height:24px;background: #2F2F2F url(../img/Ecken/hg.gif) 0 0 no-repeat; }
#hd{ width:26px;height:24px;background: #2F2F2F url(../img/Ecken/hd.gif) 100% 0 no-repeat; }

#navbar ul li a:hover{
	background:#2E2E2E url(../img/bg-menu-hover-green.gif) 0 0 repeat-x;
	font-weight:400;height: 24px;
}
#navbar ul{
	text-align: left;
	height: 26px;
	list-style-type: none;	
	margin-left: 0px;	
}
#navbar ul li{
	float:left;
	border-right: 1px solid #2E2E2E;
	height: 26px;
	}
	
#navbar ul li.noborder{
	border-right:none;
	}

	
#navbar ul li a{
	text-decoration: none;
	display: block;
	height: 26px;	
	width: 133px;
}

#navbar ul li a.active{
background:#2E2E2E url(../img/bg-menu-hover-green.gif) 0 0 repeat-x;
font-weight:400;height: 24px;
}

#navbar ul li { text-align:center }
#navbar ul li a { color : #B7B5AB;text-shadow : 0 0 1px #B7B5AB;display:block;height:22px;line-height:22px;text-align:center;color:#B7B5AB;text-transform:uppercase;font-size:11px;letter-spacing:1px;font-family:verdana }



/***** Andere Tab Grösse Englisch *****/
#navbar ul li a#legalAdvice {	
	width: 146px;	
}

#navbar ul li a#contact {	
	width: 128px;	
}



/***** Andere Tab Grösse Deutsch *****/


#navbar ul li a#beratung {	
	width: 146px;	
}

#navbar ul li a#kontakt {	
	width: 128px;	
}


/****************************ENDE navigationselemente**********************/

#scrollPfeile{
	width: 16px;
	position: absolute; 
	right: 10px; 
	bottom: 8px;	
	}

/**********formulare*****************************************************/
#beratungFormular{
	color: #2F2F2F;
	font-family:Linotype Didot, Helvetica, sans-serif;
	font-size:11px;
	margin: 30px 33px 20px 23px;
}

#beratungFormular dl dt,
#beratungFormular dl dd{
	margin-bottom: 10px;
	float: left;
}
#beratungFormular dl dt{
	clear:left;
	text-align:right;
}

#beratungFormular label{
	float: left;
	width: 120px;
	display: block;
	margin: 0px 10px 0px 0px;
}


#beratungFormular input,
#beratungFormular textarea
{
	background: #a6a59c;
	border-bottom: 1px solid #d0cfc8;
	border-right: 1px solid #d0cfc8;
	border-top: 1px solid #7b7a74;
	border-top: 1px solid #7b7a74;
	float: left;
	width: 370px;
}
#beratungFormular dl dd.checkbox{
	width: 180px;
}
#beratungFormular dl dd input#r_versicherung{
	float: left; 
	width: 20px; 
	margin-right: 10px;  
	background: none!important; 
	border: none!important; 
	text-align: left; 
}
#beratungFormular textarea{
	height: 140px;	
}

/*senden button im formular*/
#beratungFormular #button{
	clear:left;
	float:right; 
	margin-right:4px;
	background: url(../img/senden.gif) no-repeat;
	width:67px;
	height:19px;
	border:none;
}
#beratungFormular #button:hover
 {
	background-position: 0px -19px;
}
#beratungFormular #button:active
 {
	background-position: 0px bottom;

}
/*ende senden button im formular*/

h1.emailAlert{
	font-family:"Times New Roman", Times, serif;
	font-style:italic;
	font-size: 18px;
	letter-spacing: 1px;
	font-weight:bold;
}
	
.emailAlert{
	position: absolute;
	top: 20px;
	left: 33px;
}
