/*
 * imhof-consulting.de
 *
 * (c) 2008 @mazing - Gregor Hermens http://www.a-mazing.de/
 *
 */

* {
	padding: 0; 
	margin: 0;
	border: 0;
}

html { 
	height: 101%;
	width: 100%;
}

body {
	background-color: #05365b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 90%;
	width: 100%;
}

/* ===================================================
	 Layout-Formate
=================================================== */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 1001px;
	background-color: #fff;
	background-image: url("/fileadmin/imhof-consulting/images/sidebar-bgd.gif");
	background-position: 189px 0;
	background-repeat: repeat-y;
	color: #033c66;
}

/* ===================================================
	 Header
=================================================== */

#header {
	position: absolute;
	top: 50px;
	left: 0;
}

#logo {
	position: absolute;
	top: 0;
	left: 0;
}
#header-bild img {
	position: absolute;
	top: 0;
	left: 188px;
}

/* ===================================================
	 Content
=================================================== */

#content {
	float: right;
	width: 528px;
	padding: 278px 50px 50px 50px;
}

#content h1 {
	font-size: 1.25em;
	font-weight: bold;
	text-align: right;
	margin: 1em 0 .5em 0;
	color: #0d528a;
}

#content h2 {
	font-size: 1.15em;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	color: #0d528a;
}

#content h3 {
	font-size: 1.1em;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	color: #0d528a;
}

#content h4 {
	font-size: 1em;
	font-weight: bold;
	margin: 1em 0 .5em 0;
	color: #0d528a;
}

#content h5 {
	font-size: 1em;
	font-weight: bold;
	margin: .5em 0 .25em 0;
	color: #0d528a;
}

#content .csc-firstHeader {
	margin-top: 0;
}

#content p {
	font-size: 1em;
	line-height: 1.5em;
	margin-bottom: .5em;
}

#content ul {
	margin-left: 2em;
	line-height: 1.5em;
	font-size: 1em;
}

#content ul ul {
	font-size: 1em;
}

#content a:hover {
	color: #538EE0;
}

/* ===================================================
	 menu
=================================================== */

#sidebar {
	float: left;
	width: 372px;
}

#menu {
	margin-top: 230px;
	width: 188px;
}

#menu li {
	position: relative;
	width: 188px;
	margin: 2px 0px 0;
	background-image: url("/fileadmin/imhof-consulting/images/menu-bgd.gif");
	background-position: left top;
	background-repeat: repeat-x;
	list-style-type: none;
}

#menu a {
	display: block;
	padding: 10px 15px;
	text-decoration: none;
	vertical-align: middle;
	color: #033c66;
}

#menu .current,
#menu li:hover {
	background-image: url("/fileadmin/imhof-consulting/images/current-bgd.gif");
	background-position: left top;
	background-repeat: repeat-x;
	width: 210px;
	text-align: right;
}

#menu li:hover a,
#menu .current a {
	color: #fff;
	font-weight: bold;
}

#text {
	padding: 30px 15px;
	width: 158px;
}

/* ===================================================
	 submenu
=================================================== */

.submenu {
	display: none;
	position: absolute;
	top: -2px;
	left: 209px;
	width: 164px;
	padding-bottom: 5px;
}


#menu .submenu li {
	width: 160px;
	padding-bottom: .5em;
}

#menu .submenu .current {
	margin-bottom: 0;
}

#menu .current .submenu {
  font-size: .9em;
	display: block;
	position: relative;
	left: 190px;
	top: 4px;
	padding-top: .2em;
	background-color: none;
	background: transparent;
	text-align: left;
	z-index: 100;
}

#menu li:hover .submenu {
  background-color: #e8f4fc;
	display: block;
	z-index: 999;
}

#menu li:hover .submenu li,
#menu .current .submenu li,
#menu li.current:hover .submenu  {
	background: transparent;
	text-align: left;
}
/*
#menu li:hover .submenu li {
	background-color: #E7F4FC;
}
*/
#menu li:hover .submenu a,
#menu .current .submenu a {
	padding: 0 0 0 5px;
	color: #033c66;
	font-weight: normal;
}

#menu .current .submenu .current a {
	font-weight: bold;
}

#menu .submenu a:hover {
	color: #033c66;
	text-decoration: underline;
}

/* ===================================================
	 header-menu
=================================================== */

#header-menu {
	position: absolute;
	top: 25px;
	right: 1em;
	font-size: .8em;
}

#header-menu li {
	display: inline;
	margin: 0 .5em;
	list-style-type: none;
}

#header-menu a {
	text-decoration: none;
}

#header-menu a:hover {
	color: #033c66;
	text-decoration: underline;
}

.trenner {
	margin-bottom: -3px;
	padding-left: 4px;
}

/* ===================================================
Formulare
=================================================== */

input,
textarea {
border: 1px solid #ccc;
width: 22em;
font-size: 1em;
}

.csc-mailform-field {
clear: left;
margin-bottom: .5em;
}

.csc-mailform-field label {
display: block;
float: left;
width: 12em;
padding-right: .5em;
text-align: right;
}

.csc-mailform-submit {
background-color: #e3e4e8;
width: auto;
margin-left: 9.5em;
}

/* ===================================================
Allgemeine Definitionen
=================================================== */


#content ul {
  list-style-image: url(/fileadmin/imhof-consulting/images/bullet-quadrat.gif);
}

#content .csc-bulletlist-1 {
  list-style-image: url(/fileadmin/imhof-consulting/images/bullet-dreieck-hoch.gif);
}

#content .csc-bulletlist-2,
#content .csc-menu-1 {
  list-style-image: url(/fileadmin/imhof-consulting/images/bullet-dreieck-quer.gif);
}


a {
text-decoration: underline;
outline: none;
color: #0d528a;
}

.clear {
	clear: both;
}

.clearleft {
	clear: left;
}

.clearright {
	clear: right;
}

.align-left {
	text-align: left;
}

.align-center {
	text-align: center;
}

.align-right {
	text-align: right;
}

.align-justify {
	text-align: justify;
}

.typo3-adminPanel  span {
	font-size: 10px !important;
}