/*------------------------------------------------------------------ 
[DEFAULT STYLESHEET] 
 
Project:    	Nadja Macht Webdesign + Programmierung
Version:    	1.1 
Last change:  05/05/09 [setup] 
Author:  			Nadja Macht [ich@nadjamacht.de]
Primary use:  Web 
-------------------------------------------------------------------*/  
/*------------------------------------------------------------------ 
[COLOR CODES] 
 
Page Title: #ffffff (white) 
Text:	    #666666 (dark grey) 
Header h1:  #9caa3b (green) 
Header h2:  #ee4117 (red) 
Footer:     #939393 (grey) 

Main Menu 1st level a.active: #7fa9d2 (blue)
Main Menu 2nd level a.active: #f6bf38 (orange)
 
a (link):   #666666 (dark grey) 
a (hover):  #5999de (light blue) 
-------------------------------------------------------------------*/ 


* {
	margin:0;
	padding:0;
	}
	
html {
	margin:0;
	padding:0;
	}
	
body {
	margin:0;
	padding:0;
	font-family:Trebuchet MS, Arial, Tahoma, sans-serif;
	background:#f2f1f1;
	text-align:center;
	line-height:160%;
	font-size:62.5%;
	color:#85888c;
	}
	


body.skills .wrapper {
background:url('../../contents/bg_images/boxing.jpg') 380px 0px no-repeat #ffffff;
}

body.profil .wrapper  {
background:url('../../contents/bg_images/microphone.jpg') 420px -130px no-repeat #ffffff;
}

body.leistungen .wrapper {
background:url('../../contents/bg_images/karotte.png') 450px 0px no-repeat #ffffff;
}
	


h1 {
	font-size:2.6em;
	line-height:140%;
	font-weight:normal;
	color:#26282e;
	margin:0 0 15px 0;
	}
	
h2 {
	font-size:1.6em;
	line-height:140%;
	font-weight:normal;
	color:#8a8d91;
	margin:0 0 15px 0;
	}
	
h3 {
	font-size:1.4em;
	line-height:140%;
	font-weight:normal;
	color:#26282e;
	margin:0 0 8px 0;
	}
	
div#right_content h1 {
	font-size:2.0em;
	line-height:140%;
	border-bottom:1px solid #eae8e8;
	margin:0 0 8px 0;
	}
	
p {
	font-size:1.2em;
	margin:0 0 15px 0;
	}

a {
	color:#85888c;
	text-decoration:underline;
	}
	
a img {border:none;}

ul {
	list-style:none;
	margin:0 0 15px 0;
}

li {
	font-size:1.2em;
	padding:0 0 8px 10px;
	background:url('../img/bullet.gif') 0 5px no-repeat;
}
	
div.hr {
	height:1px;
	width:100%;
	/*background:url('../img/dots.gif') 0 bottom repeat-x;*/
	margin:0 0 12px 0;
}
	
div#container {
	width:100%;
	position:relative;
	text-align:left;
	/*background:url('../img/body_bg.png') 0 0 repeat-x #ffffff;*/
	background:#ffffff;
	border-bottom:1px solid #eae8e8;
	}
	
div.wrapper {
	width:880px;
	position:relative;
	margin:0 auto 0 auto;
	}
	

/* ------------------------------------ */
/* HEADER ELEMENTS                      */
/* ------------------------------------ */ 	

	
div#header {
	position:relative;
	margin:0 auto;
	width:880px;
	text-align:left;
	padding:120px 0 0 0;
	height:auto !important;
	/*height:235px;
	min-height:235px;*/
	}
	
div#head_bg {
	position:absolute;
	top:-10px;
	center:0;
	width:880px;
	height:120px;
	z-index:0;
	display:none;
	
}
	
/* LOGO 
----------------------------------- */
	
div#logo {
	position:absolute;
	top:20px;
	left:0;
	width:343px;
	height:125px;
	z-index:20;
	}
	
div#logo h1 a {
	display:block;
	width:343px;
	height:125px;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='image', src='http://www.nadjamacht.de/fileadmin/templates/img/nadja_macht_logo.png');	
	background-repeat:no-repeat;
	background:none;
}
	
html > body div#logo h1 a {background:url('../img/nadja_macht_logo.png') 0 0 no-repeat;} 

	
div#logo h1 a span {
	display:none;
	}
	


	
/* HEAD MENU  
----------------------------------- */	
	
div#head_menu {
	position:absolute;
	right:0;
	top:10px;
	/*float:right;*/
	height:120px;
	padding:0;
	z-index:20;
	}
	
div#head_menu p {
	margin:0;
	color:#939393 ;
	line-height:100%;
	}
	
div#head_menu p a {
	text-decoration:none;
	color:#939393 ;
	font-size:0.9em;
	}

span.meta_menu {
	padding:0 0 0 0;
	}
	
	
/* ------------------------------------ */
/* MAIN MENU                            */
/* ------------------------------------ */ 
div#main_menu {
	position:relative;
	width:880px;
	float:left;
	padding:12px 0 12px 0;
	border-bottom:1px solid #eae8e8;
	border-top:1px solid #eae8e8;
	background:rgba(255,255,255,0.9) !important;
	background:rgb(255,255,255);
	}
	
div#main_menu ul {
	width:880px;
	list-style:none;
	line-height:100%;
	padding:0;
	margin:0;
	}
	
div#main_menu ul li {
	display:block;
	float:left;
	width:218px;
	margin:0;
	padding:0;
	background:none;
	}
	
body#intern div#main_menu ul li	{
	width:174px;
}

div#main_menu ul li a {
	display:block;
	float:left;
	padding:0;
	text-decoration:none;
	color:#343537;
	font-size:18px;
	line-height:100%;
	}	

	
div#main_menu ul li a:hover {
	color:#8a8d91;
	}
	
/* CURRENT */
div#main_menu ul li.active {
	display:block;
	float:left;
	text-decoration:none;
	color:#8a8d91;
	font-size:18px;
	line-height:100%;
	}


	
/* MAIN MENU SEC LEVEL 
----------------------------------- */	
	
div#main_menu ul li ul {
	float:left;
	display:inline;
	width:218px;
	padding:8px 0 0 0;
	}


	
body#intern div#main_menu ul li ul {
	width:174px;
}
	
div#main_menu ul li ul li {
	display:inline;
	}
	
div#main_menu ul li ul li a,
div#main_menu ul li.active ul li a {
	display:block;
	width:0;
	width:auto;
	background:none;
	color:#8a8d91;
	font-size:11px;
	font-weight:normal;
	padding:6px 0 0 0;
	}	
	
div#main_menu ul li ul li a:hover,
div#main_menu ul li ul li.active a {
	color:#343537;
	}
	
div#main_menu ul li.active ul li.active  {
	display:block;
	width:0;
	width:auto;
	background:none;
	color:#343537;
	font-size:11px;
	font-weight:normal;
	padding:6px 0 0 0;
	border:none;
	}
	
	
/* ------------------------------------ */
/* CONTENT ELEMENTS                     */
/* ------------------------------------ */ 


	
/* CONTENT 
----------------------------------- */

div#content {
	padding:15px 0 15px 0;
	float:left;
	width:880px;
	}
	
div#left_content {
	width:600px;
	float:left;
	}
	
div#right_content {
	width:225px;
	float:right;
	}
	
/* ------------------------------------ */
/* FOOTER                               */
/* ------------------------------------ */ 
	
div#footer {
	width:880px;
	position:relative;
	margin:0 auto 0 auto;
	text-align:left;
	background:url('../img/content_btm.png') top center no-repeat;
	padding:10px 0 0 0;
	}
	
div#footer h1 {
	color:#909191;
	font-size:1.8em;
	border-bottom:1px solid #cccccc;
	padding:16px 0 6px 0;
	}

div#footer p {
	font-size:1.1em;
	color:#939393;
	}
	
div#footer a {
	color:#939393;
	font-style:italic;
	text-decoration:none;
	}

div#footer a:hover {
	color:#666666;
	}
	
div#footer div#left_col h1 {
	background:url('../img/letter.png') left bottom no-repeat;
	padding:16px 0 6px 90px;
	}
	
div#footer div#center_col h1 {
	background:url('../img/clipboard.png') left bottom no-repeat;
	padding:16px 0 6px 90px;
	}
	
div#footer div#right_col h1 {
	background:url('../img/typo.png') left bottom no-repeat;
	padding:16px 0 6px 40px;
	}
	
div#footer div#left_col {
	width:270px;
	position:relative;
	float:left;
	background:url('../img/content_btm.png') top center no-repeat;
	margin:0 35px 0 0;
	padding:0 0 20px 0;
	}
	
div#footer div#center_col {
	width:270px;
	position:relative;
	float:left;
	background:url('../img/content_btm.png') top center no-repeat;
	padding:0 0 20px 0;
	}
	
div#footer div#right_col {
	width:270px;
	position:relative;
	float:right;
	background:url('../img/content_btm.png') top center no-repeat;
	padding:0 0 20px 0;
	}
	

/*-------------------------------------------------*/
/* Clients */
/*-------------------------------------------------*/
div.ce_three_cols {
	float:left;
}

div.ce_three_cols h1 {
	border-top:3px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
	font-size:1.6em;
	padding4px;
	margin:0 0 8px 0;
}


div.ce_three_cols img {
	border:3px solid #CECECE;
	padding:1px;
	float:left;
	margin:1px 8px 8px 0;
}

div.ce_three_cols div.left,
div.ce_three_cols div.center,
div.ce_three_cols div.right {
	float:left;
	width:180px;
	margin:0 20px 20px 0;
}



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

div#container div#s3slider {
	border:1px solid #CCCCCC;
	height:200px;
	width:600px;
	margin:0 0 20px 0;
}


div#container div#s3slider ul,
div#container div#s3slider li,
div#container div#s3slider img,
div#container div#s3slider br {
	margin:0;
	padding:0;
}


div#container #s3sliderContent {
   	width:600px; /* important to be same as image width or wider */
}

div#container .s3sliderImage span {
	font: 11px/16px Trebuchet MS, Arial, Helvetica, sans-serif;
    	padding:10px;
    	width: 580px;
    	margin:0;
    	/* color: #333;
    	background-color: #fff;*/
    	filter: alpha(opacity=80);
    	-moz-opacity: 0.8;
	-khtml-opacity: 0.8;
    	opacity: 0.8;

}


div#container .s3sliderImage span a {
	font-style:italic;
	display:block;
	text-align:right;
}

div#container .s3sliderImage span a:hover {
	color:#fff;
}

div#container div#s3slider .clear {
	clear: both;
}

div#container .s3sliderImage span strong {
    	font-size: 16px;
}

div#container div#s3slider .left {
	top: 0;
    	left: 0;
	width: 110px !important;
	height:185px;
}
div#container div#s3slider .right {
	right: 0;
	bottom: 0;
	width: 130px !important;
	height:185px;
}


/*--------------------------------------------------*/
/* FORM ELEMENTS                                    */
/*--------------------------------------------------*/

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

input {
	vertical-align:top;
	font-size:1.1em;
	padding:2px;
	letter-spacing:1px;
	margin:0 0 4px 0;
	padding:4px 2px 4px 2px;	
	background:url('../img/input_bg.png') 0 -6px repeat-x #fff;
	border:1px solid #cecece;
	-moz-border-radius:4px;    
	-webkit-border-radius:4px;
	-webkit-box-shadow: inset 1px 1px 1px #e3e3e5;  
	-moz-box-shadow: inset 1px 1px 1px #e3e3e5;
	}
		
form {margin:0 0 20px 0;}

label {
	font-size:1.1em;
	display:block;
	}

div#search input {
	width:190px;	
	}
	
div#search input.submit {
	background:url('../img/search_submit.png') 0 0 no-repeat;
	width:18px;
	height:19px;
	border:none;
	cursor:pointer;
	margin:2px 0 0 4px;
	-webkit-box-shadow:none;  
	-moz-box-shadow:none;
	}
	

div#login input {
	width:215px;
	}
	
div#login input.submit {
	background:none;
	width:36px;
	height:18px;
	border:none;
	cursor:pointer;
	-webkit-box-shadow:none;  
	-moz-box-shadow:none;
	}
	
div#login input.submit_logout {
	background:none;
	width:45px;
	height:16px;
	border:none;
	cursor:pointer;
	-webkit-box-shadow:none;  
	-moz-box-shadow:none;
	}
	

div.left_col, 
div.right_col {
	float:left;
	width:280px !important;
	width:278px;
}

div.left_col h3,
div.right_col h3 {
	border-bottom:1px solid #e3e3e5;
	margin:0 0 8px 0;
}

div.left_col {
	margin:0 30px 0 0;
	display:inline;
}

div.tx-pilmailform-pi1 input {
	width:280px !important;
	width:278px;
}

.tx-pilmailform-pi1 input.submit {
	width:0;
	background:url('../img/send_btn.png') 0 0 no-repeat;
	width:70px;
	height:13px;
	border:none;
	cursor:pointer;
	float:right;
	-webkit-box-shadow:none;  
	-moz-box-shadow:none;
}

.tx-pilmailform-pi1 label.checkbox {
	display:inline;
	padding:2px 2px 0 0;
}

div.tx-pilmailform-pi1 input.checkbox {
	width:0;
	width:auto !important;
	background:none;
	display:inline;
	margin:0 0 8px 0;
	border:none;	
}

.tx-pilmailform-pi1 textarea {
	width:284px !important;
	width:280px;
	height:190px;
	margin:0 0 4px 0;
	padding:4px 0 4px 0;
	background:url('../img/ta_bg.png') 0 0 repeat-x #fff;
	border:1px solid #cecece;
	-moz-border-radius:4px;    
	-webkit-border-radius:4px;
	-webkit-box-shadow: inset 1px 1px 1px #e3e3e5;  
	-moz-box-shadow: inset 1px 1px 1px #e3e3e5;
}
/*-------------------------------------------*/
div.tx-indexedsearch h2 a {
	text-decoration:none;
	color:#26282e;
}

div.tx-indexedsearch h2 {
	margin:0 0 8px 0;
}

div.res {
	padding:0 0 10px 0;
}

div.tx-indexedsearch h2 span.percent {
	float:right;
	font-size:22px;
	color:#26282e;
}

div#container dl.tx-indexedsearch-info {
	padding:6px;
	background:#ffffff;
	border-top:1px solid #eeeeee;
	border-bottom:1px solid #eeeeee;
}

div.searchbox-tmpl-css {
	display:none;
}

ul.browsebox li {background:none; padding:0 15px 20px 0;}

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

div.tx-zwgmap-pi1 h1 {margin:0; line-height:100%;}

div.tx-zwgmap-pi1 p {}
/*---------------------------------------*/

/*-------------------------------------------------*/
/* TT NEWS */
/*-------------------------------------------------*/


p.news-latest-date a,
p.news-single-timedata,
p.news-list-date {
	color:#98A1A7;
        font-style:italic;
}

div.news-list-item {
margin:0 0 15px 0;
}


 /*
 LATEST
 ---------------------------------------------------------*/

div.news-latest-item {
        width:180px;
	float:left;
	line-height:160%;
	margin:0 20px 0 0 !important;
	margin:0 16px 0 0;
	padding:0 0 20px 0;
	display:inline;
	}

div.news-latest-item h1 {
        color:#26282e;
	border-bottom:1px solid #eeeeee;
	padding:4px;
	margin:0;
	line-height:120%;
	font-size:1.6em;
}

div.news-latest-item p {
       	font-size:1.1em;
	padding:4px;
	margin:0;
       	border-bottom:1px solid #eeeeee;
}

div.news-latest-item a {
	text-decoration:none;
}

div.news-latest-item h1 a,
div.news-list-item h1 a {
	color:#26282e;
	text-decoration:none;
}

div.news-latest-item img {
	border:3px solid #eeeeee;
	margin:0;
	padding:1px;
}

div.news-latest-item img:hover {
	border:3px solid #939393;
}

/* LIST */

div.news-list-item {
        width:180px;
	float:left;
	line-height:160%;
	margin:0 20px 0 0 !important;
	margin:0 16px 0 0;
	padding:0 0 20px 0;
	}

div.news-list-item h1 {
        color:#26282e;
	border-bottom:1px solid #eeeeee;
	padding:4px;
	margin:0;
	line-height:120%;
	font-size:1.6em;
}

div.news-list-subheader p {
  display:block;
  height:4.4em;
}

div.news-list-item p {
       	font-size:1.1em;
	padding:4px;
	margin:0;       	
}

div.news-list-item a {
	text-decoration:none;
}


div.news-list-item h1 a {
	color:#26282e;
	text-decoration:none;
}

div#container div.news-list-item img {
	border:3px solid #eeeeee;
	margin:0;
	padding:1px;
	display:block;
}

div#container div.news-list-item img:hover {
	border:3px solid #939393;
}

div.news-list-morelink {
border-top:1px solid #eeeeee;
}

/* SINGLE */

div.news-single-item {

}

div.news-single-img {
	float:left;
	width:600px;
	margin:0 0 20px 0;
}


div.news-single-img a {
	display:block;
	width:172px;
	height:74px;
	overflow:hidden;
	margin:0 20px 20px 0;
	float:left;
	border:3px solid #eeeeee;
	padding:1px;
}

div.news-single-img a:hover {
	border:3px solid #939393;
}
p.news-single-imgcaption {
	margin:0;
	padding:0;
}

dl.news-single-links dt {
	font-size:1.4em;
	color:#333333;
	font-weight:normal;
	margin:0;
}

dl.news-single-links dd {
	font-size:1.2em;
	}


div.hr {
	height:1px;
	width:100%;
	background:url('../img/dots.gif') 0 bottom repeat-x;
	margin:0 0 12px 0;
}


div.news-single-additional-info {
	border-bottom:1px solid #eeeeee;
	padding:0 0 6px 0;
	margin: 0 0 20px 0;
	clear:both;
}


div.news-single-backlink {
	text-align:left;
}

div.tx-wecmap-pi1 p {
	margin:0;
	font-size:1.1em;
}

div.news-list-browse {
  clear:both;
  font-size:1.1em;
}

div.showResultsWrap {
  padding:0 0 10px 0;
}

div.browseLinksWrap a {
 text-decoration:none;
 padding:0 6px 0 0;
}

div.browseLinksWrap a:hover {
 color:#666666;
}

span.activeLinkWrap {
 color:#666666;
 padding:0 6px 0 0;
}

span.disabledLinkWrap {
  padding:0 6px 0 0;
}


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


div#slider {
  margin: 0 auto;
  position: relative;
}

div#slider div.scroll {
  overflow: auto;
  overflow-x:hidden;
  position: relative; /* fix for IE to respect overflow */
  clear: left;
  border-top:none;
  background:url('../img/input_bg.png') 0 -6px repeat-x;
border:1px solid #cecece;
-moz-border-radius:4px;    
-webkit-border-radius:4px;
-webkit-box-shadow: inset 1px 1px 1px #e3e3e5;  
-moz-box-shadow: inset 1px 1px 1px #e3e3e5;
}

div#slider#slider div.scrollContainer div.panel {
  padding:10px;
}



div#slider ul.navigation {
  white-space: nowrap;
  margin:0;
  padding:0 0 0 5px;
}

div#slider_nav {
	width:100%;
	float:left;
	background:none !important;
}

div#slider ul.navigation li {
  	float:left;
 	display:inline;
 	background:none;
 	border:none;

}

div#slider ul.navigation li.selected {
	background:none;
}

div#slider ul.navigation a {
  float:left;
  display:block;
  color:#8a8d91;
  background:none;
  border:none;
  padding:0 10px 4px 0;
}

div#slider ul.navigation a:hover {
color:#333;
}
div#slider ul.navigation li.selected a {     
    font-weight:bold;
    color:#333;    
}

div#slider ul.navigation #current a {
   font-weight:bold;
   color:#333;
}

div#slider img.scrollButtons {
    cursor:pointer;
    position:absolute;
    bottom:0;
    width:16px !important;
    height:16px !important;
}

div#slider img.scrollButtons.left {
    left:-25px;
}

div#slider img.scrollButtons.right {
    right:-25px;
}


div.tx-abcourses-pi1 table {
width:484px;
text-align:left;
}

div.tx-abcourses-pi1 table tr {
vertical-align:top;
}


div.tx-abcourses-pi1 table tr td,
div.tx-abcourses-pi1 table tr th {
padding:0 6px 0 0;
}

div.tx-abcourses-pi1 table tr td {
font-size:1.1em;
}

div.tx-abcourses-pi1 table tr th {
font-size:1.4em;
font-weight:normal;
width:16%;
}