/*  CSS-Stylesheet www.mitdenken.com */
/* Copyright 2009 // Schneider | IT-Marketin aus Leidenschaft-  www.mitdenken.com */

/* Inhaltsverzeichnis
1. Allgemeine Einstellungen
2. Containereinstellungen
3. Navigation
4. Content Elemente
5. Schriften
*/


/*1. Allgemeine Einstellungen--------------------------------------------------------------------------------*/

html,
body {
font-size:14px;
line-height:18px;
width:100%;
margin:0;
padding:0;
color: #000000;
font-family: Arial, Helvetica, sans-serif;
}

body a:link, body a:visited, body a:active {
color: #83b817;
text-decoration: none;
outline:none;
}


body a:hover {
color:#94d809;
text-decoration: none;
outline:none;
}


.clearfix {
clear:both;
}


/*2. Containereinstellungen-----------------------------------------------------------------------------------*/

#wrap {
margin:20px auto 0 auto;
width:874px;
position:relative;
}

#header {
width:820px;
height:55px;
}

#logo {
width:295px;
height:55px;
float:left;
}

#nav1 {
width:455px;
height:20px;
margin:35px 0px 0px 0px;
float:left;
}

#nav2 {
width:111px;
height:485px;
margin:5px 0px 0px 13px;
float:left;
overflow:hidden;
}

#contentwrap {
width:874px;
min-height:545px;
margin:15px 0px 0px 0px;
}


#contentarea {
width:750px;
margin:0;
padding:0;
float:left;
}


#footer {
width:820px;
height:35px;
margin:15px 0px 0px 0px;
clear:both;
vertical-align:middle;
}

#metanav {
width:600px;
height:35px;
float:left;
vertical-align:middle;
}

#socialbar{
width:152px;
height:35px;
float:left;
vertical-align:middle;
text-align:right;
}

#kontaktbox {
position:absolute;
top:290px;
left:583px;
width:155px;
height:75px;
z-index:99;
font-size:12px;
line-height:18px;
}



/*2.1 Pagetype 0 ----------------------------------------------------------------------------------------------*/

#keyvisual_pt0 {
width:750px;
height:380px;
margin:0;
padding:0;
}

#content_pt0 {
width:750px;
margin:15px 0px 0px 0px;
padding:0;
}

#headlinebox_pt0 {
width:263px;
float:left;
margin:0px 0px 0px 8px;
}

#newswrap_pt0 {
width:464px;
height:100px;
margin:0px 0px 0px 15px;
float:left;
overflow:hidden;
}

.newsbox_pt0 {
width:196px;
height:80px;
margin:0px 0px 0px 12px;
padding:10px 12px 10px 12px;
float:left;
line-height:16px;
background:url(../gfx/layout/bg_newsbox.gif) no-repeat;
}


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


/*2.2 Pagetype 1 ----------------------------------------------------------------------------------------------*/

#keyvisual_pt1 {
width:750px;
height:307px;
margin:0;
padding:0;
}

#content_pt1 {
width:750px;
margin:15px 0px 0px 0px;
padding:0;
}

#headlinebox_pt1 {
width:266px;
float:left;
margin:0px 0px 0px 8px;
}

#contentwrap_pt1 {
width:460px;
margin:0px 0px 0px 16px;
float:left;
}


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


/*2.3 Pagetype 2 ----------------------------------------------------------------------------------------------*/

#keyvisual_pt2 {
width:750px;
height:507px;
margin:0px 0px 0px -3px;
padding:0;
}


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

/*2.4 Pagetype 3 ----------------------------------------------------------------------------------------------*/

#contentwrap_pt3 {
width:730px;
padding:0px 10px 0px 10px;
float:left;
}

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

/*2.5 Pagetype 4 ----------------------------------------------------------------------------------------------*/



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

/*2.6 Pagetype 5 ----------------------------------------------------------------------------------------------*/



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



/*3. Navigation --------------------------------------------------------------------*/
#nav1 strong, #nav2 strong {
display: none;
}

/*3.1 - 1. Level --------------------------------------------------------------*/

#nav1 ul {
margin:0;
padding:0;
}

#nav1 li {
float:left;
display:inline;
list-style-type:none;
margin:0;
padding:0;
}

#nav1 a {
background-repeat:no-repeat;
background-position:top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
-moz-outline-width:0;
}


a#nav1_1 {
background:url(../gfx/layout/navigation/level1/ueber_uns.gif) no-repeat;
width:73px;
height:20px;
}

a#nav1_1:hover, a#nav1_1_start {
background: transparent url(../gfx/layout/navigation/level1/ueber_uns_on.gif) no-repeat;
width:73px;
height:20px;
}

a#nav1_2 {
background:url(../gfx/layout/navigation/level1/marketing.gif) no-repeat;
width:91px;
height:20px;
}

a#nav1_2:hover, a#nav1_2_start {
background: transparent url(../gfx/layout/navigation/level1/marketing_on.gif) no-repeat;
width:91px;
height:20px;
}

a#nav1_3 {
background:url(../gfx/layout/navigation/level1/pr.gif) no-repeat;
width:49px;
height:20px;
}

a#nav1_3:hover, a#nav1_3_start {
background: transparent url(../gfx/layout/navigation/level1/pr_on.gif) no-repeat;
width:49px;
height:20px;
}

a#nav1_4 {
background:url(../gfx/layout/navigation/level1/internet.gif) no-repeat;
width:80px;
height:20px;
}

a#nav1_4:hover, a#nav1_4_start {
background: transparent url(../gfx/layout/navigation/level1/internet_on.gif) no-repeat;
width:80px;
height:20px;
}

a#nav1_5 {
background:url(../gfx/layout/navigation/level1/referenzen.gif) no-repeat;
width:98px;
height:20px;
}

a#nav1_5:hover, a#nav1_5_start {
background: transparent url(../gfx/layout/navigation/level1/referenzen_on.gif) no-repeat;
width:98px;
height:20px;
}

a#nav1_6 {
background:url(../gfx/layout/navigation/level1/kontakt.gif) no-repeat;
width:63px;
height:20px;
}

a#nav1_6:hover, a#nav1_6_start {
background: transparent url(../gfx/layout/navigation/level1/kontakt_on.gif) no-repeat;
width:63px;
height:20px;
}




/*3.2 - 2. Level --------------------------------------------------------------*/

#nav2 a {
background-repeat:no-repeat;
background-position:top left;
display:block;
margin:0;
padding:0;
text-decoration:none;
-moz-outline-width:0;
}


#nav2 ul {
margin:0;
padding:0;
}

#nav2 ul.internet {
margin:-7px 0px 0px 0px;
padding:0;
}

#nav2 li {
list-style-type:none;
display:block;
margin:0;
padding:0;
}

a#nav2_1_1 {
background:url(../gfx/layout/navigation/level2/ueber_uns_mitdenker.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_1_1:hover, a#nav2_1_1_start {
background: transparent url(../gfx/layout/navigation/level2/ueber_uns_mitdenker_on.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_1_2 {
background:url(../gfx/layout/navigation/level2/ueber_uns_jobs.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_1_2:hover, a#nav2_1_2_start {
background: transparent url(../gfx/layout/navigation/level2/ueber_uns_jobs_on.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_1_3 {
background:url(../gfx/layout/navigation/level2/ueber_uns_news.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_1_3:hover, a#nav2_1_3_start {
background: transparent url(../gfx/layout/navigation/level2/ueber_uns_news_on.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_2_1 {
background:url(../gfx/layout/navigation/level2/markting_basic.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_2_1:hover, a#nav2_2_1_start {
background: transparent url(../gfx/layout/navigation/level2/markting_basic_on.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_2_2 {
background:url(../gfx/layout/navigation/level2/marketing_dialog.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_2_2:hover, a#nav2_2_2_start {
background: transparent url(../gfx/layout/navigation/level2/marketing_dialog_on.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_2_3 {
background:url(../gfx/layout/navigation/level2/marketing_media.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_2_3:hover, a#nav2_2_3_start {
background: transparent url(../gfx/layout/navigation/level2/marketing_media_on.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_2_4 {
background:url(../gfx/layout/navigation/level2/marketing_messe.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_2_4:hover, a#nav2_2_4_start {
background: transparent url(../gfx/layout/navigation/level2/marketing_messe_on.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_3_1 {
background:url(../gfx/layout/navigation/level2/pr_vorgehensweise.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_3_1:hover, a#nav2_3_1_start {
background: transparent url(../gfx/layout/navigation/level2/pr_vorgehensweise_on.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_4_1 {
background:url(../gfx/layout/navigation/level2/internet_beratung_konzeption.gif) no-repeat;
width:110px;
height:37px;
}

a#nav2_4_1:hover, a#nav2_4_1_start {
background: transparent url(../gfx/layout/navigation/level2/internet_beratung_konzeption_on.gif) no-repeat;
width:110px;
height:37px;
}

a#nav2_4_2 {
background:url(../gfx/layout/navigation/level2/internet_umsetzung.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_4_2:hover, a#nav2_4_2_start {
background: transparent url(../gfx/layout/navigation/level2/internet_umsetzung_on.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_4_3 {
background:url(../gfx/layout/navigation/level2/internet_online_marketing.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_4_3:hover, a#nav2_4_3_start {
background: transparent url(../gfx/layout/navigation/level2/internet_online_marketing_on.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_4_4 {
background:url(../gfx/layout/navigation/level2/internet_hosting.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_4_4:hover, a#nav2_4_4_start {
background: transparent url(../gfx/layout/navigation/level2/internet_hosting_on.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_5_1 {
background:url(../gfx/layout/navigation/level2/referenzen_a_n.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_5_1:hover, a#nav2_5_1_start {
background: transparent url(../gfx/layout/navigation/level2/referenzen_a_n_on.gif) no-repeat;
width:110px;
height:19px;
}

a#nav2_5_2 {
background:url(../gfx/layout/navigation/level2/referenzen_o_z.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_5_2:hover, a#nav2_5_2_start {
background: transparent url(../gfx/layout/navigation/level2/referenzen_o_z_on.gif) no-repeat;
width:110px;
height:28px;
}

a#nav2_5_3 {
background:url(../gfx/layout/navigation/level2/referenzen_weitere.gif) no-repeat;
width:110px;
height:29px;
}

a#nav2_5_3:hover, a#nav2_5_3_start {
background: transparent url(../gfx/layout/navigation/level2/referenzen_weitere_on.gif) no-repeat;
width:110px;
height:29px;
}


/*3.3 - 3. Level --------------------------------------------------------------*/



/*3.4 Metanavigation --------------------------------------------------------------*/

#metanav ul {
margin:0px 0px 0px -4px;
padding:5px 0px 0px 0px;
}

#metanav li {
color:#969696;
list-style-type:none;
display:inline;
border-left:1px solid #969696;
margin:0px;
padding:0px 10px 0px 10px;
}

#metanav li.no_border{
border:none;
}

#metanav li a {
color:#969696;
}

#metanav li a:hover {
color:#94d809;
}
	
#metanav li a.selected  {
color:#94d809;
}

#metanav li.no_border_selected, {
border:none;
}


/*5. Schriften --------------------------------------------------------------------*/

/*Mainheadline*/

h1 {
font-size:18px;
color:#83b817;
line-height:24px;
font-weight:bold;
margin:0;
padding:0;
}

h2 {
font-size:14px;
color:#000000;
font-weight:bold;
margin:0;
padding:0;
}

h6 {
font-size:12px;
font-weight:normal;
color:#000000;
margin:0;
padding:0;
}

h2 a:link, h2 a:visited, h2 a:active {
color: #000000;
text-decoration: none;
outline: none;
}

h2 a:hover {
color: #83b817;
text-decoration: none;
outline:none;
}




/*Fontsettings for Meta-Navigation*/
#metanav, #socialbar {
font-family: Arial, Helvetica, sans-serif;
font-size:9px;
}