/* Grundeinstellungen */







body {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color:#6E797D;


	
	
	background-color:  	#FFFFFF;
	padding: 0;
	margin: 0;
	

	
	/*Seems pointless - BOH */
	/*min-width: 764px;*/




}


/* INTERN ------------------------------------------*/

/*
a:link { color: #535A64; text-decoration: none;}
a:visited { color: #535A64; text-decoration: none; }
a:active { color: #535A64; weight: bold;}
a:hover { color:#535A64; text-decoration: none;}


*/


#a:link { color: #2D3A43; text-decoration: none;}
#a:visited { color: #2D3A43; text-decoration: none; }
#a:active { color: #395467; }
#a:hover { color: #84A4BB; text-decoration: none;}

/* INTERN ------------------------------------------*/


#content2 a:link { color: #ACACAC; text-decoration: underline;}
#content2 a:visited { color: #ACACAC; text-decoration: underline; }
#content2 a:active { color: #ACACAC; weight: bold;}
#content2 a:hover { color:#535A64; text-decoration: underline;}


.internal-link{
	color: black;
	}




 /* --------  news button--------------------------------*/
  
#news_b {
margin-top:75px; 
margin-left: 0;
}


/* LOGO ------------------------------------------*/

#logo{


	
	border-left: 8px solid white;

	margin-top: 4px;


}

/* MENU1 ------------------------------------------*/

#menu1{


margin-top:16px; /* Abstand zu Header */
margin-bottom: 0px;  /* Abstand zu Submenu*/
	width: 230px;

	text-align:left;
}

/* MENU2 ------------------------------------------*/

#menu2{
margin-top: 0px;
		width: 240px;
	border-left: 0px solid white;

	text-align:left;
}

#images{
width: 240px;
padding-top: 20px;
}

/* Tabelle um Content------------------------------------------*/

#content_tabelle{
 margin: 0;
 margin-left: 0;
width:100%;
border:thin solid white;


white-space:normal;
}



/* --------------- Abstand Projekte ------------------------------*/
.csc-textpic-clear{


font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: black;

margin-top:0px;
margin-bottom:20px;  /* Abstand zwischen dem Seiteninhalt*/
}





/* ------------------------------- tt_content                   ------------*/



DIV.csc-frame-rulerBefore { border-top: 1px solid; width: auto; border-color: #990000;}
DIV.csc-frame-rulerAfter { border-bottom: 1px solid; width: auto; border-color: #D0D3D9; 



margin-top:25px;
margin-bottom:23px;

}





/* -------------------------------     MENULINIE               ------------*/
#menulinie {

border-top: 1px solid; width: auto; border-color: #D0D3D9;

margin-top:15px;
margin-bottom:15px;


}


 /* -----------------------------------------------------------*/
 
 

/* ----------  text unter bild -- imgtxt  --------- */

.bildtext2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #535A64;
font-weight: bold;

margin-top:5px;

}





.bildtext {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color: #535A64;

margin-top:0px;
}


 
 
 

 /* -------------------------------  Überschrift  ------------*/
 
 
 
 
 
 
 
 

.ue {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

font-weight: bold;
	color: #535A64;
	text-decoration: none;
}






/* dotted hack */
.dotted {
    height: 20px;
    margin: 0;
    padding: 1px;
    background-image: url(dotted.gif);
    background-repeat: repeat-x;
    background-position: bottom;
}
html>body .dotted {
    border-bottom: 1px dotted black;
    background-image: none;
}










p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;

margin-bottom: 5px;
}

.pklein {
font-size:0.64em;
}

.beschriftung {
font-size:0.8em;
font-style:italic;
}


/*

.bildtext {
font-size:0.55em;
}

*/



.buchempfehlung {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.8em;
}


/* bodytext */

.bodytext {
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 1.5;
font-size:11px;
color: #6E797D;
padding-right: 65px;
padding-left: 65px;
margin-top:0px;
margin-bottom:0px;
}




/* ------------------- */

DIV.menulinie {
 height: 1px;
 margin-bottom:0px;  /* Abstand zwischen dem Seiteninhalt*/


}



/* ------------------- */


/* Ueberschriften */

h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #6E797D;
font-weight:bold;
margin-top:0px;
margin-bottom:0px;
}

h2 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:1.1em;
color: #606060;
font-weight:normal;
margin-top:4px;
margin-bottom:0px;
}

h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:0.9em;
color: #606060;
font-weight: bold;
margin-top:16px;
margin-bottom:6px;
}

h4 {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:15px;
color: #6E797D;
font-weight: bold;
margin: 0;
margin-bottom:6px;
padding-left: 65px;
}



 



 
td {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
color: #6E797D;

}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert                */
.linkact {
	list-style: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #535A64;
	text-decoration: none;

	background-image:url(http://www.kelemen-katz.de/fileadmin/bilder/09/pfeil.gif);
background-position:left center;
background-repeat:no-repeat;
border:0 none;
display:inline-block;

padding-left:10px;
}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert  agentur              */
.linkact1, .linkact2, .linkact3  {
	
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(61,123,171);
	text-decoration: none;

	background-image:url(http://www.kelemen-katz.de/fileadmin/bilder/09/pfeil.gif);
background-position:left center;
background-repeat:no-repeat;
border:0 none;
display:inline-block;

padding-left:10px;
margin-bottom: 5px;
}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert  leistungen             */
.linkact2 {
	
	color: rgb(186,106,145); 

}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert  leistungen             */
.linkact3 {

  
	color: rgb(120,172,39); 

}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert  leistungen             */
.linkact4 {
	
	color: rgb(241,205,66); 

}

/*-------------------- navi MENU LINKS --------------------*/
/* ---------------------Navipunkt aktiviert  leistungen             */
.linkact5 {

  
	color: rgb(163,47,48); 

}


/*
####################################
link ue der navi */
.linkactebene1, .linkactebene2, .linkactebene3, .linkactebene4, .linkactebene5{
 margin-left: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: rgb(61,123,171);
	text-decoration: none;

	background-image:url(http://www.kelemen-katz.de/fileadmin/bilder/09/pfeil.gif);
background-position:left center;
background-repeat:no-repeat;
border:0 none;
display:inline-block;

padding-left:10px;
margin-bottom: 10px;

}
/*
####################################
link ue der navi */
.linkactebene2{

	color:  rgb(186,106,145);  
	

}

/*
####################################
link ue der navi */
.linkactebene3{

	color:  rgb(120,172,39);   



}
/*
####################################
link ue der navi */
.linkactebene4{

	color:  rgb(241,205,66);     



}
/*
####################################
link ue der navi */
.linkactebene5{

	color:  rgb(163,47,48);      



}

/* menusub2 */

.link, .link1 , .link2, .link3, .link4{
	
  list-style: none;
  font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	
	color: #535A64;
	text-decoration: none;
		background-image:url(http://www.kelemen-katz.de/fileadmin/bilder/09/pfeil.gif);
background-position:left center;
background-repeat:no-repeat;
border:0 none;
display:inline-block;

padding-left:10px;

margin-bottom: 5px;
}

/* agentur hover menusub2 */
.link1:hover{
color: #3D7BAB; 
}
/* leistungen hover menusub2 */
.link2:hover{
color: #BA6A91; 
}

/* referenzen hover menusub2 */
.link3:hover{
color: #78AC27; 
}

.naviabstand{
margin-top: 8px;


}
/*-------------------- Textfeld Kontaktformular --------------------*/
.textfeld {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}




/*-------------------- nav  ebene1--------------------*/




#mainnavi
{
	margin: 0;
	padding: 0;
	width: 98%;
	background: #fff; /* IE6 Bug */
	color: white;
	font-size: 100%;
	text-decoration: none;
	border-bottom-width: 1px;
/*	border-bottom-style: dotted; */
	border-bottom-color: black;
}
	     /*-------------------- nav  submenu- ebene2-------------------*/

          #mainnavi2
          {
          	margin: 0;
          	margin-left: 16px;
          	padding: 0;
          	width: 98%;
          	background: #fff; /* IE6 Bug */
          	color: white;
          	font-size: 100%;
          	text-decoration: none;
          	border-bottom-width: 1px;
          /*	border-bottom-style: dotted; */
          	border-bottom-color: black;
          
          }
	
	
	



#mainnavi ul
{
	position: relative;
	/* list-style: none;*/
	text-decoration: none;

}

#mainnavi .ullevel1
{
	font-size: .8em;	
}

#mainnavi li
{
	line-height: 1.8;
	border-top: 0px dotted black;
 /* list-style-image: url(http://www.kelemen-katz.de/fileadmin/bilder/09/pfeil.gif)
*/


}

#mainnavi .li1no,
#mainnavi .li1act
{
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
}

#mainnavi ul li a
{
	color: #000000;
	text-decoration: none;
	display: block;
	text-decoration: none;
	
}

#mainnavi .a1no
{
	background: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
	border-left: 10px solid #ffffff;


}

#mainnavi .a1act
{
	width: 100%;
	
	padding:5px;
	width: 100%;
	border-left: 4px solid orange;
	font-weight: bold;
}

#mainnavi .a1no:hover,
#mainnavi .a1no:active,
#mainnavi .a1no:focus
{
	
	
		margin: 0;
	padding:0;
	width: 100%; /* Width of Menu Items */
	background: white; /* IE6 Bug */
	color: black;
	font-size: 100%;
	text-decoration: underline;
	border-left: 0px solid #0000ff;
		
	border-left: 10px solid #ffffff;
}


#mainnavi .ullevel2
{
	font-size: .8em;	
}

#mainnavi li2
{
	line-height: 1.8;
	border-top: 1px solid black;



}

#mainnavi .li2no,
#mainnavi .li2act
{
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
}




#mainnavi .a2no
{
	
	padding-left: 5px;
	padding-right: 3px;
	border-left: 10px solid #B2B2B2;

	background-color: #F8F8F8

}

#mainnavi .a2no:hover,
#mainnavi .a2no:active,
#mainnavi .a2no:focus,
#mainnavi .a2act
{
	background-color: #EAEAEA;
	padding-left: 5px;
	padding-right: 3px;
	border-left: 10px solid #A0A0A0;
}

#mainnavi .a3no
{
	background: #ffffff;
	padding-left: 5px;
	padding-right: 3px;
	border-left: 10px solid #EAEAEA;
}

#mainnavi .a3no:hover,
#mainnavi .a3no:active,
#mainnavi .a3no:focus,
#mainnavi .a3act
{
	background: #FFFFFF;
	padding-left: 5px;
	padding-right: 3px;
	border-left: 10px solid #EAEAEA;
}

/*conditional comment css for ie*/

#mainnavi ul li a
{
	height: 1px;
}


textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	width: 250px;
}



/****************************************/
/* Frontend editing / TYPO3 Admin Panel */
/****************************************/
IMG.frontEndEditIcons { vertical-align: middle; margin: 0px 2px 0px 2px; } 

/* Default styles for the Admin Panel */
TABLE.typo3-adminPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-hRow TD { background-color: #9BA1A8; }
TABLE.typo3-adminPanel TR.typo3-adminPanel-itemHRow TD { background-color: #ABBBB4; }
TABLE.typo3-adminPanel TABLE, TABLE.typo3-adminPanel TD { border: 0px; }
TABLE.typo3-adminPanel TD FONT { font-family: verdana; font-size: 10px; color: black; }
TABLE.typo3-adminPanel TD A FONT { font-family: verdana; font-size: 10px; color: black; }			
TABLE.typo3-editPanel { border: 1px solid black; background-color: #F6F2E6; }
TABLE.typo3-editPanel TD { border: 0px; }



#container {
 margin:0px auto;
    text-align:left;
    width: 951px;
    position:relative;

}

#menuoben {
 margin:0px ;
    text-align:left;
    width: 951px;
    height: 50px;
    position:relative;
margin-top:15px ;
background-color: white;


}
#impressum{
	float: left;
height: 15px;
width: 226px;
background-color: white;
margin-left:7px;
margin-top:39px ;


}

#logo{
	float: right;
 height: 40px;
width: 326px;
background-color:white;
margin-right: 3px;
margin-top:10px ;
text-align: right;

}

#bild{
	float: none;
width: 951px;

height: 407px;

margin-top: 15px;
background-color: white;
 z-index:1;

}



#content{
	float: none;

width: 951px;


background-color: white;



}



#content2{
	float: right;

width: 616px;

margin-top: 35px;

padding-left: 15px;
background-color: white;

}
#menu2{
	float: left;

background-color: white;


padding-left: 7px;

}
#sub {
margin-top: 12px;
}
/****************************************/
/* menu1 fade punkte */
/****************************************/

/* abstand button hauptmenu  */
.latest_img, .bselect {

	margin-right: 7px;
}

/****************************************/
/* menu1 fade punkte */
/****************************************/


#thumbbox .latest_img {

	margin-left: 0px;
	margin-bottom:0px;
	margin-right: 0px;
	display: none;
  opacity: 0.3;
}


ul#navigation{
list-style-type:none;
margin-left:0;
padding-left:0;
}

#content2 ul {

padding-left:79px;
line-height:1.5;
}


/****************************************/
/* js aktiv menu leistungen */
/**************************************/

li.aktiv .link2{
 margin-left: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #BA6A91;
	text-decoration: none;

	
border:0 none;
display:inline-block;


}

/****************************************/
/* js aktiv menu agentur */
/**************************************/

li.aktiv .link1{
 margin-left: 0px;
 font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D7BAB;
	text-decoration: none;

	
border:0 none;
display:inline-block;


}



#impressum a:link { color: #6E797D; text-decoration: none;}
#impressum a:visited { color: #6E797D; text-decoration: none; }
#impressum a:active { color: #6E797D; }
#impressum a:hover { color:#535A64; text-decoration: none;}

 a.link99:link { color: #6E797D !important; text-decoration: none  !important; }
a.link99:visited { color: #6E797D !important; text-decoration: none !important;}
 a.link99:hover { color: #6E797D !important; text-decoration: none !important; }
a.link99:active {color: #6E797D !important; text-decoration: none !important; }
 a.link99:focus { color: #6E797D !important; text-decoration: none !important;  }