/*
grau hintergrund navi: 646464
grau schrift: 4c4c4c

pepesale pink: c50073
gruen navi: 7ab51d
blaugrau: 63a93f
*/

/* Anfang Seitenaufbau allgemein */
* 
	{ 
	margin: 0; 
	padding: 0; 
	}
	
html
{
    height:100%;
}

body 
{ 
  background: url(image_layout/body.jpg) top left no-repeat #ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	color: #4c4c4c;
  width: 947px;
	height:100%; 
}

#container 
{ 
	width: 947px; /* zentrieren */	
}	

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

#a
{ 
	float:left;	
	width: 947px;
  height: 70px;
}

      #a1
      { 
      	float: left;	
      	width: 305px;
        height: 70px;
      }

          #logo
          { 
          	text-align: right;

          }	
          
              #logo a
              { 
          	    font-size: 10px;
      	        color: #c50073;
      	        text-decoration: none;
              }	   
               
              #logo img
              { 
              	border: 0;
              }	
          
      #a2
      { 
      	float: right;
        text-align: right;	
      	width: 635px;
        height: 70px;
      }

        	#navioben
        	{ 
        	  padding: 10px 7px 20px 0 ;
        	}
        	
        	#navioben ul li
        	{ 
        		display: inline;
        		list-style-type: none;
        	}   
               
        	#navioben ul li a
        	{ 
        		font-size:10px;
        		text-decoration:none;
        		color:#4c4c4c;
            padding: 0 0 3px 14px ;
        	}
        
            	#navioben a:hover
            	{ 
            		color:#c50073;
            	}
            	
            	#navioben a.aktiv
            	{	
            		color:#c50073;	
            	}      



        	#navisprache
        	{ 
        	  padding: 3px 7px 2px 0px ;
        	}
        
        	#navisprache a
        	{ 
        		font-size:10px;
        		text-decoration:none;
        		color:#4c4c4c;
            padding: 0 0 2px 16px ;
        	}
        
            	#navisprache a:hover
            	{ 
            		color:#c50073;
            	}
            	
            	#navisprache a#aktiv
            	{	
            		color:#c50073;	
            	}                  	
            	
            	
/* ------------------------------------------------------------------------------- */

#b
{ 
	float: left;	
	width: 947px;
  height: 178px;
}
    
    #b_kiel
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog1.jpg) top left no-repeat;
    } 
    
    #b_werbeagentur
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog3.jpg) top left no-repeat;
    }     
    
    #b_kompetenzen
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog2.jpg) top left no-repeat;
    }     
    
    #b_referenzen, #b_projekte
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog4.jpg) top left no-repeat;
    }     
    
    #b_agentur-preisliste
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog5.jpg) top left no-repeat;
    }     
    
    #b_kommunikation
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog6.jpg) top left no-repeat;
    }    
    
    #b_stellenangebote
    { 
    	float: left;	
    	width: 947px;
      height: 178px;
      background: url(image_layout/frog6.jpg) top left no-repeat;
    }           	
/* ------------------------------------------------------------------------------- */

#c
{ 
	float: left;	
	width: 947px;
  height: 23px;
}


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

#d
{ 
	float: left;	
	width: 947px;
}
    
    #d1
    { 
    	float: left;	
    	width: 722px;
    } 
    
        	#inhalt 
        	{
        		padding: 30px 30px 0 38px;
        		font-size: 11px;
        		text-align: left;
        		min-height: 400px;
        		height: auto !important;
        		height: 400px;
        	}  
            
    #d2
    { 
    	float: right;	
    	width: 218px;
      margin: 0 7px 0 0;
    }  
 

	/* navi rechts ebene 1 */
	#navirechts ul
		{
		/*list-style-type:none;*/
		margin: 42px 0 0 0;
		width: 218px;
		border-bottom: 1px dashed #4c4c4c;
		}
	
	#navirechts ul li
		{
    display: block;
    list-style-type: none;
    background: url(image_layout/navi_li.jpg) no-repeat top left;	
    border-top: 1px dashed #4c4c4c;
    padding: 4px 0 0 0;
		}
	
	#navirechts ul li a
		{	
    font-size: 11px;
		color: #4c4c4c;
		text-transform: uppercase;
		margin: 0 0 0 14px;
		text-decoration:none;
		font-weight: bold;	
		}	
    		
	/* navi rechts ebene 2 */
		#navirechts ul li ul
			{
			list-style-type:none;
			margin: 4px 0 0 0;
			border: 0;
			}
		
		#navirechts ul li ul li
			{
        background: none;	
			}
		
		#navirechts ul li ul li a
			{
			display: block;
			padding: 0 0 5px 0;
			margin: 0 0 0 14px;
			text-decoration:none;
			font-weight:normal;
      font-size: 11px;
      color: #4c4c4c;
      text-transform: none;		
			}
		
		#navirechts ul li ul li a:hover
			{
			color: #7ab51d;
			}
		
		#navirechts ul li ul li.aktiv a
			{	
			color: #7ab51d;
			font-weight: bold;
			}



	#box
		{
		margin: 42px 0 10px 0;
		width: 216px;
		min-height: 100px;
		height: auto !important;
		height: 100px;
		border: 1px dashed #4c4c4c;
		background: url(image_layout/bg_box.jpg) no-repeat top left;
		}

		#box p
		{
		font-size: 10px;
		line-height: 14px;
		text-align: left;
		padding: 4px 4px 4px 4px;
		}

		#box table tr td
		{
		font-size: 10px;
		padding: 2px 4px 0 4px;
		}		
		
/* ------------------------------------------------------------------------------- */

	#e
	{ 
		float: left;	
		width: 947px;
		height: 57px;	
		padding-bottom: 20px;
	}
	
      #e img
      {
      border: none;
      }
	
	#e1
	{ 
	  background: url(image_layout/e1.gif) no-repeat top left #666666;
		float: left;	
		height: 57px;
		width: 891px;
		
	}	
	
	#e2
	{ 
		float: right;	
		height: 57px;
    width: 56px;	
		text-align: right;	background-image: url(image_layout/e2.gif);	
	}
  
        #e2 ul
        {
            width: 56px;
            height: 57px;
            list-style-type: none;
        }  
        
        #e2 ul li a:link, #e2 ul li a:visited
        {
            width: 56px;
            height: 57px;
            display: block;
            
        }

              #e2 ul li a:hover, #e2 ul li a:active
              {
                background-image: url(image_layout/e2_zu.gif);
              }
	
      	#naviunten
      	{ 
      	  padding: 40px 0 0 20px ;
      	}
        	
      	#naviunten ul li
      	{ 
      		display: inline;
      		list-style-type: none;
      	}    
             
      	#naviunten ul li a
      	{ 
      		font-size:10px;background: #ffffff;
      		text-decoration:none;
      		color:#4c4c4c;
          padding: 3px 15px 0  0  ;
      	}
      
          	#naviunten a:hover
          	{ 
          		color:#c50073;
          	}
          	
          	#naviunten a.aktiv
          	{	
          		color:#c50073;	
          	}    

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

a:link, a:visited {
	text-decoration : underline;
	color : #4c4c4c;	
}

a:active, a:hover {
	text-decoration : underline;
	color : #4c4c4c;
}

h1  
{
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-bottom:5px;
	font-size : 23px;
	text-decoration : none;
	font-weight : normal;
	color : #7ab51d;
	letter-spacing: 1px;
}

h2  
{
	color : #c50073;
	margin-bottom:15px;
	font-weight : normal;
	font-size:13px;
}

h3  
{
	color : #c50073;
	margin-bottom:15px;
	font-weight : normal;
	font-size:13px;
}

h4  
{
	color : #c50073;
	margin-bottom:0px;
	font-weight : normal;
	font-size:11px;
	padding: 4px 4px 0 4px;
}

h5 a:link, h5 a:visited, h5 a:hover, h5 a:active   
{
	color : #c50073;
	font-weight : bold;
	font-size:10px;
	padding: 4px 4px 0 14px;
	background: url(image_layout/pfeil.gif) top left no-repeat;
	text-decoration:none;
}

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

ul.listbox 
	{
	line-height:20px;
	padding-left:20px;
	margin-bottom: 10px;
	}
	
ul.listbox li
	{
	padding-left:20px;
	padding-bottom:0px;
	list-style-type:none;
	background: url(image_layout/pfeil.gif) top left no-repeat;
	color: #4c4c4c;	
	}		
	
ul.listbox2 
	{
	line-height:20px;
	padding-left:20px;
	margin-bottom: 10px;
	}
	
ul.listbox2 li
	{
	padding: 0 40px 0 20px;
	padding-bottom:0px;
	list-style-type:none;
	background: url(image_layout/h3.gif) top left no-repeat;
	color: #4c4c4c;	
	}	

#box ul
{
	line-height:12px;
	padding-left: 20px;
	margin-bottom: 10px;
}

	
#box ul li
	{
	padding-left: 5px;
	padding-bottom:0px;
	list-style-type: square;
	font-size:10px;	
	}	


/* ------------------------------------------------------------------------------- */
	
#inhalt p 
{ 
    font-size:11px; 
    line-height:16px;
    margin: 10px 0px 10px 0;
    text-align: justify;
}

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

table
{
	border-collapse: collapse;
}

    #inhalt table tr th
    {
    	vertical-align:top;	
    	color : #4c4c4c;
    	font-weight : bold;
    	font-size: 11px;
      padding: 0 12px 3px 0;	
    }
    
    #inhalt table tr td
    {
    	line-height: 12px;
    	vertical-align: top;	
      padding: 4px 12px 4px 0;
    }	
    
    #inhalt table tr td a
    {
      color : #c50073;
    }	

/* ------------------------------------------------------------------------------- */
.referenz
{
	margin: 0px 0 12px 0;
	width: 654px;
	min-height: 98px;
	height: auto !important;
	height: 98px;
	border: 1px dashed #4c4c4c;
	background: #ffffff;
}	

.refthumb
{ 
	width: 200px;
	height: 90px;
	padding: 4px 20px 4px 4px;	
}

.refimg
{ 
	width: 600px;
	height: 493px;
}

td.col1 /* erste Spalte mit Bild in News und Referenzen */
{ 
	width: 90px;
  padding: 0 20px 4px 4px;
}

td.col2 /* schmale, 2. Spalte in Team und Referenzen */
{ 
	width: 310px;
  padding: 0 20px 4px 4px;
}
/* ------------------------------------------------------------------------------- */
table.news
{
	margin: 0px 0 20px 0;
	width: 654px;
	min-height: 98px;
	height: auto !important;
	height: 98px;
	border: 1px dashed #4c4c4c;
	background: #ffffff;
}	

table.news tr td h2
{
	margin: 4px 0 0 4px;	
}

table.news tr td img
{
	margin: 0 4px 0 4px;	
	border: 0;
}

td.rechts
{ 
  text-align: right;
	padding: 0 7px 0 0;	
	font-weight : bold; 
  width: 68%;
}
/* ------------------------------------------------------------------------------- */
.imgleft
{ 
	padding: 0 20px 10px 0;
	border: 0;
	float: left;
}

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

table.tk /* Aussentabelle */
{
  margin-top: 15px;
  border: 1px;
}	

td.tk1 /* Tabellenfeld links */
{
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	padding: 4px 6px 4px 0px;
	vertical-align: top;
	width: 100px;
}

td.tk1p /* Tabellenfeld links Pflichtfeld*/
{
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:bold;
	padding: 4px 6px 4px 0px;
	vertical-align: top;	
}

td.tk1w /* Tabellenfeld Warnung*/
{
	color : #c50073;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	font-weight:normal;
	padding: 4px 6px 4px 6px;
	vertical-align: top;	
}

td.tk2 /* Tabellenfeld rechts */
{
	padding: 4px 6px 4px 6px;
	vertical-align: top;	
}

input.inputlang  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 180pt;
	border: 1px solid #c50073;	
}	

input.inputkurz  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 50pt;
	border: 1px solid #c50073;	
}	

input.inputmittel  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 125pt;
	border: 1px solid #c50073;	
}	

select.inputmittel  /* Formularfelder rechts */
{
	background: #ffffff;
	color : #4c4c4c;
	font-family: Verdana,Arial,Helvetica,Sans-serif;
	font-size: 11px;
	width: 125pt;
	border: 1px solid #c50073;	
}	

textarea.inputlang  /* Textareas rechts */
{
	font-family : Verdana,Arial,Helvetica,Sans-serif;
	border: 1px solid #c50073;	
	font-size : 11px;
	color : #4c4c4c;
	width: 180pt;	
	background: #ffffff;
}



input.sendenbutton /* Formularfelder Button */
{
	width: 78px;
	height: 20px;
	border: 1px solid #c50073;
}

.sendenbutton /* Formularfelder Button */
{
	width: 78px;
	height: 20px;
	border: 1px solid #c50073;
}
/* ------------------------------------------------------------------------------- */