/* Google Fonts Import
--------------------------------------------- */

@import url(http://fonts.googleapis.com/css?family=Signika:300,400);
@import url(http://fonts.googleapis.com/css?family=Shadows+Into+Light);

/* Webkit */
html	{-webkit-text-size-adjust:none; -webkit-font-smoothing: antialiased;}

/* Seiteneigenschaften */

body	{ 
		margin:0px; 
		padding:0px;
		/*background-color:#fff;*/
		background: #fff url(../img/img_bg_site.jpg) repeat-x;
		color: #4d4d4d;
		font-family: 'Signika', arial, sans-serif;
		}
		

/* Schriftarten */
p, div, th, td, ul, ol, li, dt, dd, nobr, input, option, textarea
		{
		/*font-family: 'Shadows Into Light', Times, serif;*/
		line-height: 140%;
		font-weight:300;
		font-size:15px;
		}
		
p		{
		
		padding-top: 0.2em;
		}

/* Schriftgroessen */
/*p, div, th, td, ul, ol, li, dt, dd, nobr, input, option, textarea {font-size:12px;}*/

/* Ueberschriften */

h1 		{font-size:26px; color: #ff6c00; line-height: 1.20; margin-bottom: 0.2em; padding-top: 0.2em; font-family: 'Signika', arial, sans-serif; font-weight:300; } /* 1. Ordnung */
h2 		{font-size:20px; color: #333333; line-height: 1.20; margin-bottom: 0.2em;  padding-top: 0.2em; font-weight: 300;} /* 2. Ordnung */
h3 		{font-size:16px; color: #005a4c; line-height: 1.20; margin-bottom: 0.2em;  padding-top: 0.2em;text-transform:uppercase; font-family: 'Signika', arial, sans-serif; font-weight:300;} /* 3. Ordnung */
h4 		{font-size:14px; } /* 4. Ordnung */
h5 		{font-size:12px; } /* 5. Ordnung */
h6 		{font-size:10px; } /* 6. Ordnung */


a 		{
		text-decoration:none;
		color:#005a4c;
		/*font-weight:300;*/
		/*font-family: 'Shadows Into Light', Times, serif;*/
		}

a:link 		{text-decoration:none; } /* Noch nicht besuchter Link */ 
a:visited 	{text-decoration:underline; } /* Bereits besuchter Link */
a:hover 	{color:#4d4d4d; text-decoration:none; } /* Hover-Effekt */
a:active 	{color:#005a4c; text-decoration:none; } /* Gerade angeklickter Link */
.orange		{color:#ff6c00;}

.main_content a		{font-weight:normal;}
.main_content h2 a	{font-weight:normal;}


.intern:link, a.intern:visited
	{
	text-decoration: none; 
	background: url(../img/img_intern.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}

a.intern:hover, a.intern:active, a.intern:focus
	{
	text-decoration: underline; 
	background: url(../img/img_intern.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}

.mail:link, a.mail:visited
	{
	text-decoration: none; 
	background: url(../img/img_mail.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}

a.mail:hover, a.mail:active, a.mail:focus
	{
	text-decoration: underline; 
	background: url(../img/img_mail.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}

a.pdf:link, a.pdf:visited	
	{
	text-decoration: none; 
	background: url(../img/img_pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}

a.pdf:hover, a.pdf:active, a.pdf:focus
	{
	text-decoration: underline; 
	background: url(../img/img_pdf.gif); 
	background-repeat: no-repeat; 
	background-position: left; 
	padding: 1px 0 1px 18px;
	}


	
/* Listen */
ul { list-style-type:square; } /* Unnummerierte Liste */
ol { list-style-type:decimal; } /* Nummerierte Liste */
dl { } /* Definitionsliste */

/* Grafiken */
img { border:0px;} /* Grafik */

/* Horizontale Linie */
hr 	{ 
	border: 0px; /* Für Firefox und Opera */
 	border-top: 1px dotted #ccc;
 	border-bottom: dotted 1px #ccc; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
	clear:both;
	}

/* Formulare */
form { } 		/* Formular */
input { } 		/* einzeiliges Textfeld, Checkbox, Radiobutton, Dateiupload, Button etc. */
label { } 		/* Beschriftung fuer Formularfeld */
textarea { } 	/* mehrzeiliges Textfeld */

/* float definition for Images */
.img_left 	{float: left; padding: 0 20px 20px 0;}
.img_right 	{float: right; padding: 0 0 20px 20px;}

.img_left_logos 	{float: left; padding: 0 0 20px 0;}


#wrapper	{
			overflow: hidden;
			margin: 0px auto 0px auto;
			width: 990px;
			/*width: 960px;*/
			padding: 0 0 0 0;
			
			}

#container	{
			width: 990px;
			background: url(../img/img_bg_body.jpg); 
			background-repeat: no-repeat; 			
			}
			
			
#topnav		{
			float:left;
			width: 960px;
			padding: 0 0 0 0;
			/*background-color:#e5e5e5;*/
			height:115px;
			}
			
#topnav	.left	{
			float:left;
			width: 300px;
			padding: 0 0 0 0;
			margin:35px 0 0 0px;
			height:45px;
			}

#topnav	.right	{
			float:right;
			/*width: 175px;*/
			width: 600px;
			padding: 0 0 0 0;
			margin:-8px 50px 0 0;
			height:65px;
			font-weight:bold;
			text-align:right;
			color:#fff;
			}


#topnav a	{
			color:#fff;
			font-size:11px;
			text-decoration:none;
							
			}
			
#topnav a:hover	{
			color:#fff;
			text-decoration:underline;
			}
			
#site		{
			float:left;
			width: 960px;
			margin: 0 0 0 0;
			/*background:#fff;*/
			/*border:1px solid #DEDEDE;*/
			}

.column_left		{float:left; width: 263px; padding: 0 0 0 0; margin: 0 35px 0 0;border:0px solid #f00;}
.column_left p.back {display:none;}

/* Main Navigation - Deutsch */
.mainnav_de 		{float:left; width: 265px; padding: 0 0 14px 0; margin: 0 0 20px 0; /* min-height:181px;*/ background: #fff url(../img/img_bg_grid.png) no-repeat;	background-position:bottom;}
					
.mainnav_de ul 		{padding: 0; margin: 12px 0 0 5px;}
.mainnav_de ul li	{padding: 0;margin: 0 0 0 0; display: block; float: left; width:265px;}
.mainnav_de a		{display: block; /*font-size:16px;*/ font-weight:400; padding: 5px 0 5px 0; background-color:#fff; text-transform:uppercase;}

.current li.submenu a 	{color: #999966;}

.mainnav_de a:link	 	{color: #999; text-decoration: none; /*background:url(../img/img_link_intern.gif) no-repeat; background-position:right;*/}
.mainnav_de a:active	{background-color: #fff; color: #005a4c; /*background:url(../img/img_link_intern_hover.gif) no-repeat; background-position:right;*/}
.mainnav_de a:visited	{color: #999; text-decoration: none; /*background:url(../img/img_link_intern.gif) no-repeat; background-position:right;*/}
.mainnav_de a:hover		{background-color: #fff; color: #005a4c; /*background:url(../img/img_link_intern_hover.gif) no-repeat; background-position:right;*/}

/* submenus ausblenden */
.mainnav_de ul>li ul 									{display:none;}

.mainnav_de .trail ul a, .mainnav_de .current ul a		{color: #999; text-transform:none;}
.mainnav_de .trail ul a:hover, .mainnav_de .current ul a:hover		{color: #005a4c; text-transform:none;}

.mainnav_de .trail ul, .mainnav_de .current ul 			{display:block; margin:-5px 0 0 10px;}
.mainnav_de li.current .submenu		{color: #005a4c;}


.socialmedia	{float:left; width: 265px; padding: 0 0 0 0; margin: 20px 0 10px 5px;}
.programmes		{float:left; width: 265px; padding: 0 0 0 0; margin: 30px 0 10px 5px; text-align:center;}

#teaser		{
			width: 660px;
			height:221px;
			padding: 0 0 0 0;
			margin: 0 0 0 0;
			background: #f1f1f1 url(../img/img_bg_grid.png) no-repeat;
			background-position:bottom;
			}


.home #teaser 				{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-023_col_m_web.jpg) no-repeat;}
.gruene #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-052_col_m_web.jpg) no-repeat;}
.profil #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-003_col_m_web.jpg) no-repeat;}
.it-freelancer-2013 #teaser {background: #f1f1f1 url(../img/teaser/gruene_michael_02.jpg) no-repeat;}
.it-freelancer-2015 #teaser {background: #f1f1f1 url(../img/teaser/Bild_Preisverleihung_web.jpg) no-repeat;}
.referenzen #teaser 		{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-023_col_m_web.jpg) no-repeat;}
.referenzprojekte #teaser 	{background: #f1f1f1 url(../img/teaser/gruene_michael_69.jpg) no-repeat;}
.weiterbildung #teaser 		{background: #f1f1f1 url(../img/teaser/gruene_michael_69.jpg) no-repeat;}
/*.weiterbildung #teaser 	{background: #f1f1f1 url(../img/img_teaser_weiterbildung.jpg) no-repeat;}*/
.presse #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-028_col_m_web.jpg) no-repeat;}
.dienstleistungen #teaser 	{background: #f1f1f1 url(../img/teaser/gruene_michael_58.jpg) no-repeat;}
.consulting #teaser 		{background: #f1f1f1 url(../img/teaser/gruene_michael_24.jpg) no-repeat;}
.projektmanagement #teaser 	{background: #f1f1f1 url(../img/teaser/gruene_michael_75.jpg) no-repeat;}
.coasching #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-048_col_m_web.jpg) no-repeat;}
.sachverstaendiger #teaser 	{background: #f1f1f1 url(../img/teaser/gruene_michael_104.jpg) no-repeat;}
.forensik #teaser 			{background: #f1f1f1 url(../img/img_teaser_forensik.jpg) no-repeat;}
.kontakt #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-032_col_m_web.jpg) no-repeat;}
.impressum #teaser 			{background: #f1f1f1 url(../img/teaser/Gruene_Michael16-057_col_m_web.jpg) no-repeat;}
		
#content	{
			float:left;
			width: 990px;
			padding: 0 0 0 0;
			margin: 0 0 10px 0;
			/*background: #fff url(../img/img_bg_site.gif) repeat-y;*/
			}

.main_content	{
			float:left;
			width: 660px;
			padding: 0 0 45px 0;
			margin: 0 0 5px 0;
			color: #4d4d4d;
			background: #fff url(../img/img_bg_grid_top.png) no-repeat;	
			background-position:bottom;
			}
			
#footer		{
			float:left;
			width: 960px;
			padding: 0 0 0 0;
			margin-bottom:25px;
			}



#footer p	{color:#666; font-size:11px;}

#footer	.left	{
			float:left;
			width: 220px;
			padding: 0 0 0 0;
			margin:5px 0 10px 300px;
			font-size:11px;
			}
			
#footer	.right	{
			float:right;
			width: 350px;
			padding: 0 0 0 0;
			margin:5px 0 10px 5px;
			font-size:11px;
			text-align:right;
			}

#footer a	{
			color:#333;
			font-size:11px;
			text-decoration:none;						
			}
			
#footer a:hover	{
			color:#333;
			text-decoration:underline;		
			}


.clearer {clear:both;}


.block {overflow: visible;}