/* CSS Document */


/* ___________________________ HTML definitionen Start ___________________________ */

*  {	
	margin: 0;
	padding: 0;
	}


body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-image:url(images/bg.jpg);
	background-repeat:repeat-x;
	background-color:#8aa3a7;
	color: #2b363e;
	text-align: center;
	font-size: 101%;
}

html>body { 
	font-size: 16px; /* Set correct font-size for safari browsers */
	}

img { border: 0; }

hr {
 	color: #e2e3e4; 
	background-color: #e2e3e4;
	border: #e2e3e4; 
	height: 1px;
	width: 50em;
	margin: 1.5em 0 2em 8.5em;
}

#containerContent {	line-height: 1.8em; }

/* ___________________________ HTML definitionen Start ___________________________ */






/* ___________________________ Standarts Start ___________________________ */
.killfloat {
	clear:both;
	visibility: hidden;
	}	

.alignRight {
	text-align: right;
	padding-right: 1em;
	}

.map {
	text-align: center;
	padding-right: 8em;
	margin-bottom: 3em;
	}

.logoTypo { color: #8a9799; }

.motoyama a { color: #8a9799; }

h2 .logoTypo { 
	color: #8a9799;
	font-weight: normal; 
	}
	
/* ___________________________ Standarts SEnde ___________________________ */


/* ___________________________ Definiton der Hauptnavigation Start ___________________________*/

a {
	color:#2b363e;
	text-decoration: none;
}

a:hover{ text-decoration: underline; }

/* ___________________________ Definiton der Hauptnavigation Ende ___________________________*/


/* ___________________________ Schriften definition der Typo Start ___________________________ */

h1 {
	color: #8a9799;
	font-weight: normal;
	padding-top: .75em;
	font-size: 1.8em;
	letter-spacing: .05em;
	}

#conMono h1 { font-size: 1.3em; }

#conMono ul li h1 { 
	font-size: 1.3em;
	margin: 0 0 .6em 0; }

h2 {
	color: #8a9799;
	padding-top: 0;
	font-size: 1.4em;
	font-weight: bold;
	padding-bottom: 1em;
	}

h3 {
	color: #8a9799;
	font-size: 1.2em;
	font-weight: bold;
	padding-bottom: .3em;
	}

#conRight ul,
#conLeft ul {
	font-size:1.2em;
	margin-bottom: 2em;
	width: 25em;
}

#conMono ul {
	font-size:1.2em;
	margin-bottom: 2em;
}

#conMono ul li ul,
#conMono ul p {
	font-size:1.1em;
}

#conRight li,
#conLeft li,
#conMono li {
	list-style-type: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	background-position: 0 .6em;
	padding-left: 1em;
	padding-bottom: .8em;
}

#conMono .kompetenzen {
	padding: 0 0 .5em 0;
	}

strong { color: #8a9799; }

.paddingLeft {padding-left:1.4em;}

.paddingPleft p {padding-left:1.4em;}

.paddingTop {padding-top: 2em;}

/* ___________________________ Schriften definition der Typo Ende ___________________________ */






/* ___________________________ Layout Start ___________________________ */

#centern {
	margin: 0px auto;
	width: 90em;
	font-size: 0.625em; /* 1 em entspicht 10px */
}

#container {
	padding-left:5em;
	text-align: left;
	width: 85em;
	background-image: url(images/bg_shadow.png);
	background-repeat: repeat-y;
}

#containerTopA {
	text-align: left;
	height: 6.2em;
	width: 80em;
	background-color: #a3b7ba;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #465056;
	border-right: 1px solid #465056;
}

#containerTopA p { float: right; }

#containerTopA p img {
	float: right;
	padding: .4em 1em 0 0;
	width: 1.8em;
}

#containerTopA img {
	padding-top: .6em;
	float: left;
}

#containerTopB {
	text-align: left;
	height: 22em;
	width: 80em;
	background-image:url(images/bg_navigation.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #25455a;
	border-left: 1px solid #465056;
	border-right: 1px solid #465056;
}

#containerPicture {
	width: 50em;
	float: left;
}

#containerPicture img { width: 50em; }

#containerContent {
	text-align: left;
	width: 73em;
	padding-left: 7em;
	background-image: url(images/bg_content.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #EEE;
	border-left: 1px solid #465056;
	border-right: 1px solid #465056;
}

#containerBottom {
	text-align: left;
	width: 73em;
	padding: 0 0 0 7em;
	background-image: url(images/bg_bottom.gif);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #e7e8e9;
	border-left: 1px solid #465056;
	border-right: 1px solid #465056;
}

#containerBottom p { 
	padding-top: .5em;
	color: #8a9799;
	}

#containerBottom p img { margin: 5em 0 4em 41.5em; }

#containerBottom .aktuell img { margin: -4em 0 3em 69.5em; }

/*Innerhalb des content Bereichs*/
#conHeadline {
	margin: 3.5em 0 3.5em 0;
	text-align: left;
	height: 5.1em;
	width: 66em;
	background-image: url(images/bg_headline.gif);
	background-repeat: repeat-x;
	float:left;
}

#conHeadlineSub {
	margin: 3.5em 0 .8em 0;
	text-align: left;
	height: 5.1em;
	width: 66em;
	background-image: url(images/bg_headline.gif);
	background-repeat: repeat-x;
	float:left;
}

#conLeft {
	width: 30em;
	text-align: left;
	float:left;
}

#conRight {
	width: 37em;
	text-align: left;
	float:right;
}

#conMono {
	width: 67em;
	text-align: left;
}

#conMono p { 
	font-size:1.2em;
	padding-bottom: 1.5em; 
}

#conLeft p { 
	font-size:1.2em;
	padding-bottom: 1.5em; 
}

#conLeft img { 
	padding-bottom: 1.5em; 
}

#conRight p {
	font-size:1.2em;
	padding-right: 6em;
	padding-bottom: 1.5em;
}

#conRight img {
	text-align: right;
	float: right;
	width: 37em;
	padding: 4em 0 4em 0;
}

#conRight .imgReset img {
	width: auto;
	float: left;
	margin: 0;
	padding: 0 1em 0 0;
}

#anwaelte {padding-bottom: 1em; }

.aktuelles .alignRight {padding-top: 4em; }

.kompDetail {
	margin: 0 0 1em 0;
	padding: 2em 0 0 2em;
	width: 51.55em;
	background-image: url(images/bg_kompetenzen.gif);
	background-repeat: no-repeat;
	background-position: top;
	}

/* __ 090918 Partner Tabelle Start __ */
table.mitarbeiter {
	width: 660px;
	border: 0;
	border-collapse: collapse;
}
table.mitarbeiter td {
	width: 147px;
	margin-right: 24px;
	vertical-align: text-top;
	text-align: center;
}
table.mitarbeiter td img {
	padding-bottom: 8px;
}
table.mitarbeiter td.last {
	margin-right: 0;
}
table.mitarbeiter tr.textRow {
	height: 60px;
}
/* __ 090918 Partner Tabelle Ende __ */

/* ___________________________ Layout Ende ___________________________ */


/* ___________________________ Navigation Start ___________________________  */

#navlist { 
	float: left;
	padding: 2.5em 0 0 1.8em; 
	}

#navlist li {
	list-style-type: none;
	width: 23.5em;
	}

#navlist a {
	display: block;
	padding: .55em 0 0 2.5em;
	width: 19.5em;
	height: 2em;
	color: #FFF;
	font-size: 1.1em;
	text-decoration: none;
	}

#navlist .navlist1 a { 
	background-image: url(images/button_1.jpg);
	background-repeat: no-repeat; 
	}
#navlist .navlist1 a:hover { background-image: url(images/button_1h.jpg); }
#navlist .navlist1 a.current { background-image: url(images/button_1h.jpg); }

#navlist .navlist2 a { 
	background-image: url(images/button_2.jpg);
	background-repeat: no-repeat; 
	}
#navlist .navlist2 a:hover { background-image: url(images/button_2h.jpg); }
#navlist .navlist2 a.current { background-image: url(images/button_2h.jpg); }

#navlist .navlist3 a { 
	background-image: url(images/button_3.jpg);
	background-repeat: no-repeat; 
	}
#navlist .navlist3 a:hover { background-image: url(images/button_3h.jpg); }
#navlist .navlist3 a.current { background-image: url(images/button_3h.jpg); }

#navlist .navlist4 a { 
	background-image: url(images/button_4.jpg);
	background-repeat: no-repeat;  
	}
#navlist .navlist4 a:hover { background-image: url(images/button_4h.jpg); }
#navlist .navlist4 a.current { background-image: url(images/button_4h.jpg); }

#navlist .navlist5 a { 
	background-image: url(images/button_5.jpg);
	background-repeat: no-repeat;  
	}
#navlist .navlist5 a:hover { background-image: url(images/button_5h.jpg); }
#navlist .navlist5 a.current { background-image: url(images/button_5h.jpg); }

#navlist .navlist6 a { 
	background-image: url(images/button_6.jpg);
	background-repeat: no-repeat; 
	}
#navlist .navlist6 a:hover { background-image: url(images/button_6h.jpg); }
#navlist .navlist6 a.current { background-image: url(images/button_6h.jpg); }

#navlistTop { 
	float: left;
	text-align: right;
	padding: 3em 0 0 34.5em;
	}
	
#navlistTop li {
	list-style-type: none;
	display: inline;
	padding-left: 1em;
	}

#navlistTop a {
	color: #FFF;
	font-size: 1.1em;
	text-decoration: none;
	}
	
#navlistTop a:hover { text-decoration: underline; }			
#navlistTop a.current { text-decoration: underline; }	

#navlistSub { 
	padding: 0;
	margin: 0 0 1.4em 0;
	clear: both;
	}
	
#navlistSub li {
	list-style-type: none;
	display: inline;
	padding-right: .7em;
	}

#navlistSub a {
	font-size: 1.1em;
	color: #8a9799;
	text-decoration: none;
	}

#conMono #navlistSub a {
	font-size: 1em;
	}
	
#navlistSub a:hover { 
	text-decoration: underline;
	color: #2b363e; 
	}			
#navlistSub a.current,
#conMono a.current { 
	text-decoration: underline; 
	color: #2b363e;
	}	

#navlistFooter { margin-bottom: .5em; }
	
#navlistFooter li {
	list-style-type: none;
	display: inline;
	padding-right: 2.6em;
	}

#navlistFooter a {
	color: #2b363e;
	font-size: 1.1em;
	text-decoration: none;
	}		

#navlistFooter a:hover {
	text-decoration: underline;
	color: #000;
	}
	
#navlistFooter a.current {
	text-decoration: underline;
	color: #000;
	}	
/* ___________________________  Navigation Ende ___________________________  */
