/**
 * CONSULTTEAM
 * CSS for Typo3 
 * @author Michael Baldamus
 * @url www.baldamus-partner.net
 * @email info@baldamus-partner.net
 */



body {
	padding:0px;
	background-image: url(../images/main-bg.gif);
	background-repeat: repeat;
	margin: 0px;
}

img, a, div {behavior: url(/fileadmin/iepngfix.htc);}


h1 {
color: #730202;
text-align: left;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-style: normal;
font-variant: normal;
font-weight: normal;
font-size: 14px;
line-height: normal;
font-size-adjust: none;
font-stretch: normal;
text-transform: uppercase;
}

/*- Generelle Struktur ------------------------------------------------------------------ */

#wrapper {
	width:780px;
	text-align:left;
	margin: 0px;
	background: url(../images/main-bg.gif) repeat;
}

#topnav {
	width:780px;
	height:59px;
}

#header {
	width:780px;
	height:122px;	
	background: url(../images/bg_header.gif) no-repeat;
}	

#card {
	float:left;
	width:780px;
	height:233px;
    background-image: url(../images/bg_card.png);
	background-repeat: no-repeat;
	}



#mainpic {
	float:left;
	width: 475px;
}

#mainpic_inner {
	margin-top: 8px;
	margin-left: 10px;
}

#mainpic img {
	width: 475px;
	height: 187px;
	margin: 0;
	padding: 0;
}

#subnavi {
	float:left;
	margin: 10px 0px 0px 65px;
	
}
* html #subnavi {  /* nur fuer Internet Explorer */
	margin-top:10px;
}

#content {
	float:left;
	width:780px;
 	background: url(../images/bg_content.gif) repeat-y;
}

#content_main {
	float:left;
	width:420px;
	margin-left:56px;
	padding-bottom:10px;
}
* html #content_main {  /* nur fuer Internet Explorer */
	margin-left:23px;
}

#content_user3 {
	float:left;
	width:210px;
	margin-left:63px;
}
* html #content_user3 {  /* nur fuer Internet Explorer */
	margin-left:73px;
}

#footer {
	clear:both;
	width:780px;
	height:50px;
	background: url(../images/bg_footer.png) no-repeat;	
}

#power {
	padding-top:12px;
	padding-left:45px;
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#power a:link, #power a:visited {	
	font: 10px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}	

/* Formularanpassungen Typo3 */
label {
	font-size: 12px;
}
.csc-mailform{
	border: none;
	padding: 0;
}
.csc-mailform .csc-mailform-field input, .csc-mailform .csc-mailform-field textarea, form input, form textarea, form select{
	font-size: 12px;
	color: #333333;
	border: 1px solid #999;
    padding: 2px 2px 2px 2px;
    margin: 5px 2px 0px 0;
}

.news-search-form-submit input, .csc-mailform-submit, .tx-indexedsearch-searchbox-button {
	color: #FFFFFF !important; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #730202;
	border: 1px solid #000066;
	height: 20px;
}

form input, form textarea, form select{
	background: #FFFFFF url(../images/bg_3.gif) repeat;
	}
	




form input[type=checkbox]{
	border: none;
}
.csc-mailform .csc-mailform-field textarea {
	margin: 0 0 0px 0;
	}
.csc-mailform-field label, form label{
	display: block;
	color: #333333;
	font-size: 12px;
	padding: 5px 0px 2px 0px;
}

/*- Hauptnavigation------------------------------------------------------------------ */

#navMain {
    margin-left: 35px;
}

#navMain li {
	padding:0px;
    display:inline;	
    list-style-type: none;
}

#navMain a:link, #navMain a:visited {
	float: left;
	display:block;
	width:130px;
	height:59px;
	padding-top:38px;
	text-indent:10px;
	text-transform:uppercase;	
	text-decoration:none;
	color: #FFFFFF;
	font: bold 13px Arial, Helvetica, sans-serif;
    background: url(../images/bg_topnav1.png) no-repeat;
}

#navMain a:hover {
	font: bold 12px Arial, Helvetica, sans-serif;
}	


/**
 * Generelle Styles
 * --------------------
 */

td,tr,p,div {
	color: #333333;
	text-align:left;
	font: 12px Arial, Helvetica, sans-serif;
	}
	
td,tr {
	vertical-align: middle;
	padding-right: 10px;
	}
	
h2 {
	display: block;
	color: #730202;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-transform: uppercase;
	text-align: left;
	padding-right:20px;
}

h3 {
	color: #730202;
	font: bold 12px Arial, Verdana, Helvetica, sans-serif;
	text-transform: none;
	text-align: left;
	padding-right:20px;
}
	
h4 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

h5 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 13px; font-weight: bold;
	}

h6 {
	color: #FF9900; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px; font-weight: bold;
	}

a:link, a:visited {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color: #730202; 
	text-decoration: none;
}

a:hover {
	color: #730202;	text-decoration: underline;
}

a.latestnews {
	color:#730202;
}	

ul {
	margin:0;
	padding:0;
	list-style:none;
}

li {
	line-height:17px;
	padding-left:32px;
	padding-top:0px;
	background:url(../images/bullet.gif) no-repeat 20px 2px;
}

hr { 
	height: 0px;
	background-color: #f1f1f1;
}


/**
 * Form Styles
 * -----------------
 * Here are 2 styles that Mambo uses to let users control
 * how their forms and buttons may look.
 */
 
.button {
	/* this style applies to most form buttons generated by
	   Mambo and its components. Change its format here*/
	color: #FFFFFF; 
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top: 4px;
	font-weight: normal;
	text-align: center;
	font-size: 12px;
	background: #730202;
	border: 1px solid #000066;
	height: 20px;
	}

.inputbox {
	/* Again, the name implies that this style changes the 
	   way those input box looks */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12px;
	color: #343A58;
	background: #FFFFFF url(../images/bg_3.gif) repeat;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #999999;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #CCCCCC;
	}

/**
 * Typo3 Menu Styling
 * ------------
 * You can control the way menu behave and look
 * by using the CSS settings below
 */

a.mainlevel, li.mainlevel, li.mainlevel:link, li.mainlevel:visited, a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url(../images/menu_bg.gif) no-repeat;
	vertical-align: bottom;
	color: #333;
	text-align: left;
	padding-top: 5px;
	padding-left: 10px;
	height: 22px !important;
	width: 190px;
	text-decoration: none;
	font: normal 12px Arial, Helvetica, sans-serif;
}

li.mainlevel:hover, a.mainlevel:hover {
	background: url(../images/menuhov_bg.gif) no-repeat;
	text-decoration: none !important;
	color: #730202;
	height: 22px !important;
}

#active_menu {
	background: url(../images/menuact_bg.gif) no-repeat;
	color: #333;
	font-weight: normal;
	text-decoration:none;
}

#active_menu a:hover {
	text-decoration:none;
}

#inactive_menu a:hover {
	text-decoration:none;
}

a.mainlevel-nav:hover {
	/* same as above, but when hovering */
	color: #FF9900; 
	font-weight: bold;
	text-decoration:none;
	text-align: left;
}
	
a.sublevel:link, a.sublevel:visited {
	/* this styling is for menu items that HAS A PARENT */
    display:block;
	width:162px;
	height: 15px;
	color: #730202;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-decoration:none;
	text-align: left;
	text-indent: 25px;
	font-size: 12px;
	padding-top: 0px;
	background: url(../../templates/consultteam/images/subarrow.gif) no-repeat 10px 5px;	
}

a.sublevel:hover {
	/* pffff!.. you know this! */
	color: #000000; 
	text-decoration: none;
	}


/**
 * Mambo Modules formatting
 * ------------------------
 * These stylings are to format the way modules are
 * displayed. It mainly deals with the format of its
 * table. I think this doesn't need too much explaining
 */

table.moduletable_menu {
	/* styling the module table */
	margin: 0px 0px 0px 20px;
	padding-right:20px;
	width: 95%;
	}
	
table.moduletable_menu th {
	color: #730202;
	text-align: left;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}

table.moduletable_menu td {
	/* well.. for formatting the table cells of the module table */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	}	
	
table.moduletable {
	/* styling the module table */
	margin: 0px 0px 0px;
	width: 95%;
	}

table.moduletable th {
	color: #730202;
	text-align: left;
	font: normal 14px Verdana, Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	padding-bottom:10px;
}

table.moduletable td {
	/* well.. for formatting the table cells of the module table */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	}
	


/*  Weblinks */

a.weblinks:link, a.weblinks:visited {
	/* well.. to format the link's titles under the "Weblinks" 
	   section on the frontend */
	color: #405115; text-decoration: none; font-weight: normal;
	font-family:  Arial, Verdana, Helvetica, sans-serif;
	}

a.weblinks:hover {
	/* same as above, but for link with mouseover */
	color: #000099;	text-decoration: underline;
	}
	


/*  Newsfeeds */

.newsfeedheading {
	/* The newsfeed title. NOTE: This will not affect the newsfeed's news title! */
   font-family: Arial, Verdana, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: bold;
   color: #343A58;
   }

.newsfeeddate {
	/* yeah.. the date on the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #343A58;
	font-weight: normal;
	}

.fase4rdf {
	/* this is the body text of the newsfeed */
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px; 
	color: #343A58; 
	font-weight: normal;
	}

a.fase4rdf:link {
	/* links of the body text of the newsfeed */
	font-size: 11px; 
	font-weight: bold; 
	color: #356C82;
	}

a.fase4rdf:hover {
	/* links of the body text of the newsfeed when mouse points over it*/
	font-size: 11px;
	font-weight: bold; color: #759328;
	}
	
.caption {	
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}