/*
	Styles The Counselors - 30.4.2008
	
	
	Wichtige Farben:
	dunkelblau unten: #132539
	dunkelblau oben:  #283545
	helleres blau: #45556f
	hellgrau: #c6c7c9


	---------------------------------------------------------------
	1. Allgemeine Definitionen (Body, Linkfarben)
	---------------------------------------------------------------
	2. Container (Spaltendefinitionen fuer Homepage & Content)
	---------------------------------------------------------------
*/


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

body {
	margin: 0;
	padding: 0;
	background: #132539 url(../img/background_gradient.gif) top left repeat-x;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-align: left;
}

a:link, a:visited, a:hover, a:active {
	color: #231f20;
	text-decoration: underline;
}

a:hover, a:active {
}

/* an dieser Stelle nur text-styles, balkengroesse definiert im maincontent */

img {
	padding: 0;
	margin: 0;
	border: none;
}


/*
	*********************
	***** Container *****
	*********************
*/

#wrapper {
	margin: 0 auto 0 auto;
	padding: 35px 35px 35px 35px;
	width: 900px;
}

#upperblock {
	width: 100%;
	margin-bottom: 45px;
}

#contentwrapper {
	float: left;
	width: 820px;
}


/*	===== header ================================================== */

#header {
	position: relative;
	width: 100%;
	height: 80px;
}

#header .searchform {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
}

#header .searchterm {
	width: 135px;
	height: 20px;
	background-color: #ffffff;
	color: #283545;
	border: none;
}

#header .go {
	width: 35px;
	height: 20px;
	background-color: #ffffff;
	color: #283545;
	border: none;
	font-size: 12px;
}

#header form {
	padding: 0;
	margin: 0;
	line-height: 1.5em;
}

#header form select, #header form input, #header form textarea {
	font-size: 12px;
	padding: 0;
	margin: 0;
	vertical-align:middle;
}

#header form input, form textarea {
	width: 80%;
}


/*	===== left sidebar ============================================ */

#leftsidebar {
	float: left;
	width: 208px;
	padding: 0 30px 0 0;
	letter-spacing: 1px;
}

/*	----- main menu in the left sidebar --------------------------- */

#leftsidebar ul.mainmenu {
	list-style-type: none;
	margin: 0 0 0 10px;
	padding: 0;
	color: #a1a8ac;
}

#leftsidebar ul.mainmenu li {
	font-size: 18px;
	padding: 9px 0 9px 0;
	border-top: solid 1px #45556f;
	border-bottom: solid 1px #000000;
}

#leftsidebar ul.mainmenu li.first {
	padding-top: 0;
	border-top: none;
}

#leftsidebar ul.mainmenu li.last {
	border-bottom: none;
}

#leftsidebar ul.mainmenu li.dummy {
	padding: 0;
}

/* ----- styles for the submenu items ----- */

/*
#leftsidebar ul.mainmenu ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 10px 0 0 0;
	padding: 0;
}

#leftsidebar ul.mainmenu li li {
	font-size: 12px;
	font-weight: bold;
	border-top: none;
	border-bottom: solid 1px #404351;
	margin: 0;
	padding: 7px 0 7px 0;
}

#leftsidebar ul.mainmenu li li.last {
	border-bottom: none;
	padding-bottom: 0;
}
*/

#leftsidebar ul.mainmenu ul {
	list-style-position: outside;
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 0;
}

#leftsidebar ul.mainmenu li li {
	font-size: 12px;
	font-weight: normal;
	border-top: none;
	border-bottom: none;
	margin: 0;
	padding: 3px 0 3px 10px;
}

#leftsidebar ul.mainmenu li li.last {
	border-bottom: none;
	padding-bottom: 0;
}

/* ----- styles for the sub-submenu items ----- */
/*
#leftsidebar ul.mainmenu ul ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 6px 0 0 0;   /* Abstand zum sub-submenu */
	border-top: solid 1px #404351;   /* Linie zwischen subitem und sub-submenu */

}

#leftsidebar ul.mainmenu li li li {
	font-size: 12px;
	font-weight: normal;
	border-top: none;
	border-bottom: none;
	list-style-image: url(../img/subsubnodash.gif);
	/* margin: 0 0 0 21px; */
	margin: 0;
	padding: 2px 0 2px 25px;

display:block;
}

#leftsidebar ul.mainmenu li li li.active {
	background: url(../img/subsubdash.gif) no-repeat left 3px;
}

#leftsidebar ul.mainmenu li li li a {
	
}
*/

#leftsidebar ul.mainmenu ul ul {
	list-style-position: inside;
	list-style-type: none;
	margin: 7px 0 0 0;
	padding: 6px 0 0 0;   /* Abstand zum sub-submenu */
	border-top: none;   /* Linie zwischen subitem und sub-submenu */

}

#leftsidebar ul.mainmenu li li li {
	font-size: 12px;
	font-weight: normal;
	border-top: none;
	border-bottom: none;
	list-style-image: url(../img/subsubnodash.gif);
	/* margin: 0 0 0 21px; */
	margin: 0;
	padding: 3px 0 3px 15px;

display:block;
}

#leftsidebar ul.mainmenu li li li.active {
	background: url(../img/subsubdash.gif) no-repeat left 3px;
}

#leftsidebar ul.mainmenu li li li a {
	
}



/* ----- Stile fuer die aktiven Submenues (so komplex, da der IE ">" nicht kennt ----- */
#leftsidebar ul.mainmenu a {
	color: #a1a8ac;
	text-decoration: none;
}

#leftsidebar ul.mainmenu a:hover {
	color: #ffffff !important;
}

#leftsidebar ul.mainmenu li.active a {
	color: #ffffff;

}

#leftsidebar ul.mainmenu li.active * a {
	color: #a1a8ac;
}

#leftsidebar ul.mainmenu li li.active a {
	color: #ffffff;
}

#leftsidebar ul.mainmenu li li.active * a {
	color: #a1a8ac;
}

#leftsidebar ul.mainmenu li li li.active a {
	color: #ffffff;
}

#leftsidebar ul.mainmenu li li li.active * a {
	color: #a1a8ac;
margin-left:10px;
}

/*	----- special menu in the left sidebar ------------------------ */

#leftsidebar ul.specialmenu {
	list-style-type: none;
	margin: 0 15px 0 0;
	padding: 0;
}

#leftsidebar ul.specialmenu li {
	font-size: 18px;
	padding: 12px 12px;
	border-top: solid 1px #45556f;
	border-bottom: solid 1px #000000;
	background: url(../img/background_specialmenu.jpg) repeat-y;
}

#leftsidebar ul.specialmenu li.medium {
	font-size: 15px;
}

#leftsidebar ul.specialmenu li.small {
	font-size: 10px;
}

#leftsidebar ul.specialmenu a, #leftsidebar ul.specialmenu a:hover {
	color: #ffffff;
	text-decoration: none;
}


/*	===== right sidebar =========================================== */

#rightsidebar {
	width: 80px;
	float: left;
	overflow: visible;
}

#rightsidebar ul {
	list-style-type: none;
	margin: 0 0 0 17px;
	padding: 0;
	white-space: nowrap;
	overflow: visible;
	font-size: 11px;
	line-height: 1.5em;
	letter-spacing: 1px;
}

#rightsidebar li {
	padding: 0;
}

#rightsidebar a {
	color: #ffffff;
	text-decoration: none;
}

.spaceline {
	font-size: 1px;
	margin: 10px 0 10px 0;
	border-bottom: solid 1px #45556f;
	border-top: solid 1px #000000;
}

#rightsidebar a.blue:link, #rightsidebar a.blue:visited {
	color: #a1a8ac;
	text-decoration: none;
}

#rightsidebar a.blue:active, #rightsidebar a.blue:hover {
	color: #fff;
	text-decoration: none;
}


/*	===== Stile fuer den MainContent ============================== */

#maincontent {
	float: left;
	width: 582px;
	padding: 0;
	background: #ffffff;
	min-height: 700px;
	height: auto;
}
/* min-height-Hack fuer IE <= 6 */
* html #maincontent {
height: 700px;
}
/**/

h1 {
	font-size: 22px;
	font-weight: normal;
	color: #283545;
	letter-spacing: 1px;
	margin: 20px 35px 10px 35px;
}

h2 {
	font-size: 16px;
	font-weight: normal;
	line-height: 1.5em;
	color: #283545;
	margin: 0 100px 20px 35px;
}

h3 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #283545;
	margin: 0 35px 0 35px;
	padding: 0;
}

h4 {
	font-size: 12px;
	font-weight: bold;
	line-height: 1.5em;
	color: #283545;
	margin: 0 35px 0 35px;
	padding: 0;
}

#maincontent p {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 35px 1.5em 35px;
	color: #000000;
}

#maincontent p.businesscard {
	margin-bottom: 0;
}

#maincontent p strong, #maincontent p b {
	color: #283545;
}

#maincontent ul, #maincontent ol {
	/* list-style-image: url(../img/uldash.gif); */
	/*list-style-type: disc;*/
	list-style-position: outside;
	margin: 0 35px 1.5em 45px;
	padding: 0 0 0 14px;   /* padding anpassen an bullet! */
	color: #000000;
	line-height: 1.5em;
}

#maincontent li {
	margin: 0;
	padding: 0;
}

#maincontent img {
	/* border-bottom: solid 3px #c6c7c9; */   /* Bildschatten */
	margin-top: 5px;  /* h1 allein: 15px zum img; h1+h2: 10px zu h2, 5px zum img */
	margin-bottom: 30px;
}

hr{
	margin: 0 35px 7px 35px;
	border: 0px; /* fuer Firefox und Opera */
	border-top: solid 2px #999ba2;
	border-bottom: solid 1px #FFFFFF; /* fuer IE */
}


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

#maincontent form {
	margin: 0 35px 0 35px;
	padding: 1.5em 0 1.5em 0;   /* erhoehter Abstand ober und unter dem Formular */
	color: #000000;
}

#maincontent form td {
	padding-bottom: 10px;
}

#maincontent td.column_needed {
	vertical-align: top;
	width: 22px;
}

#maincontent td.column_label {
	vertical-align: top;
	padding-right: 15px;
}

#maincontent input, #maincontent select, #maincontent textarea {
	font-size: 12px;
	background-color: #ffffff;
	border: solid 1px #cccccc;
}

#maincontent input[type=submit] {
	width: 10em;
	font-size: 1em;
	background-color: #313e4c;
	color: #ffffff;
	padding: 0.1em 0 0.1em 0;
}

#maincontent a:link, #maincontent a:visited {
	color: #231f20;
	text-decoration: underline;
}

#maincontent a:hover, #maincontent a:active {
	color: #283545;
	text-decoration: none;
}


/*	===== der Footer ============================================== */

#footer {
	/* position: relative;
	top: 45px;*/
	width: 100%;
	clear: both;
	margin-top: 30px;
	padding-top: 1.5em;
	border-top: solid 1px #45556f;
	text-align: center;
	color: #ffffff;
}

#footer em {
	font-style: normal;
	color: #45556f;
}


/*	=============================================================== */

.pic-left-float {
	margin: 0 20px 10px 35px;
	float: left;
}

.pic-right-float {
	margin: 0 35px 10px 20px;
	float: right;
}

.pic-left {
	text-align: left;
  margin-left: 35px;
	clear: both;
}

.pic-right {
	text-align: right;
  margin-right: 35px;
	clear: both;
}

.pic-center {
	text-align: center;
	clear: both;
}


#news {width:164px; position:absolute; z-index:1; margin:185px 0 0 60px; background:#13263b url(bg_news.gif) repeat-x; padding:7px 10px 15px 10px;}
#news strong {font-size:18px; font-weight:normal; float:left;}
#news a#close {border:1px solid #ffffff; color:#ffffff; font-size:16px; padding:0px 3px 2px 3px; line-height:10px; text-decoration:none; float:right;}
#news span {clear:both; display:block; border-top:1px solid #171e2d;  padding:6px 0 0 0; margin-top:6px; line-height:17px;}
#news a {color:#ffffff !important;}