@charset "utf-8";
/*
Grün:	#53db3f
Grau:	#6c6c68	
*/

body {
	background: #fff;
	font: 12px/125% Arial, Helvetica, sans-serif;
	color: #6c6c68;
	margin:100px 0 0 30px;
}
	
/*--- Links --------------------------------------*/
a { color:#53db3f; text-decoration:none;}
a:hover { color:#53db3f; text-decoration:underline;}

a img { border:0;}
a, a:active { outline:none; }

a.wuerfel, span.wuerfel { color:#53db3f; padding-left:13px; background:url(../pix/wuerfel-link.png) no-repeat 0 2px; }
span.wuerfel:hover { text-decoration:underline;}
/*--- DIVs ---------------------------------------*/
#rahmen { width:950px; margin:auto;}
	#menu { height:20px; }
	#submenu { clear:both; height:20px; padding-top:5px;}
	#logo { float:right; margin-top:-46px;}

	#spalten { clear:both; padding:25px 0 5px 0; border-bottom:4px solid #53db3f;}
		#content-100 { }
		.content-33 { float:left; width:263px; margin-left:66px;} /* Dann ist die rechte Spalte so breit wie das Logo */
		.content-4x25 { padding:0 0 0 87px; }
			.content-25 { float:left; width:166px; margin-right:40px; }
	
	#footer { margin-top:10px;}
		#titel { float:left;}
		#bookmarks { float:right;}


/*--- Menu ---------------------------------------*/
/* Menu */
#menu ul { margin:0; padding:0; list-style:none;}
#menu ul li { float:left;}
#menu ul li a { display:block; height:20px; }
#menu ul li a.cur {}
#menu ul li a:hover {}

#menu a { background:url(../pix/menu.png); text-indent:-9999px; }

#menu-werbeagentur a { width:115px; background-position:0 0; }
	#menu-werbeagentur a:hover, #menu-werbeagentur a.aktiv { background-position:0 -50px; }
#menu-kunden a { width:84px; background-position:-115px 0; }
	#menu-kunden a:hover, #menu-kunden a.aktiv { background-position:-115px -50px; }
#menu-cases a { width:71px; background-position:-199px 0; }
	#menu-cases a:hover, #menu-cases a.aktiv { background-position:-199px -50px; }
#menu-leistungen a { width:107px; background-position:-270px 0; }
	#menu-leistungen a:hover, #menu-leistungen a.aktiv { background-position:-270px -50px; }
#menu-news a { width:68px; background-position:-377px 0; }
	#menu-news a:hover, #menu-news a.aktiv { background-position:-377px -50px; }
#menu-kontakt a { width:90px; background-position:-445px 0; }
	#menu-kontakt a:hover, #menu-kontakt a.aktiv { background-position:-445px -50px; }

/* Submenu */

#submenu ul { margin:0; padding:0; list-style:none;}
#submenu ul li { float:left;}
#submenu ul li a { display:block; height:20px; }
#submenu ul li a.cur {}
#submenu ul li a:hover {}

#submenu a { background:url(../pix/menu.png); text-indent:-9999px; }


#submenu-profil a { width:35px; background-position:0 -25px; }
	#submenu-profil a:hover, #submenu-profil a.aktiv { background-position:0 -75px; }
#submenu-vision a { width:50px; background-position:-35px -25px; }
	#submenu-vision a:hover, #submenu-vision a.aktiv { background-position:-35px -75px; }
#submenu-leitsaetze a { width:64px; background-position:-85px -25px; }
	#submenu-leitsaetze a:hover, #submenu-leitsaetze a.aktiv { background-position:-85px -75px; }
#submenu-jobs a { width:53px; background-position:-149px -25px; }
	#submenu-jobs a:hover, #submenu-jobs a.aktiv { background-position:-149px -75px; }
#submenu-news a { width:68px; background-position:-336px -25px; }
	#submenu-news a:hover, #submenu-news a.aktiv { background-position:-336px -75px; }
#submenu-kontakt a { width:89px; background-position:-404px -25px; }
	#submenu-kontakt a:hover, #submenu-kontakt a.aktiv { background-position:-404px -75px; }
	
#submenu-newsletter-abonieren a { width:127px; background-position:-739px -25px;}
	#submenu-newsletter-abonieren a:hover, #submenu-newsletter-abonieren a.aktiv { background-position:-739px -75px; }

/* Einrückung des Submenus */
.submenu-news { margin-left:385px;}

/*--- Content ------------------------------------*/

table { width:99%; border-spacing:0; border-top:1px solid #174e8f; border-left:1px solid #174e8f;}
td, th { padding:2px 4px; border-bottom:1px solid #174e8f; border-right:1px solid #174e8f;}
th { background:#ecedef;}
tr:hover { background:#e3e4e5;}

h2 { font-weight:normal; line-height:18px; }
h3 { font-size:14px; font-weight:bold; color:#6c6c68;}
p  { text-align:left; }

	
/* --- Seiten ------------------------------------ */
/* Kontaktform */
#kontakt-formular { padding:20px 0 20px 70px; border-top:1px solid #6c6c68;}

/* Leistungen */
#leistungen { padding-top:30px;}
#leistungen ul { margin:0; padding:0; list-style:none; }
#leistungen ul li { margin-left:-2px; padding-left:6px; line-height:150%; background:url(../pix/bullet.png) no-repeat 0 4px; }


/* News */
.artikel { border-top:1px solid #6c6c68; cursor:pointer; }
	.news-teaser { float:left; width:430px; margin-top:20px;}
		.news-mehr { }
	.news-datum { float:left; width:250px; margin-top:20px;}
	
	.toggle_container { padding-bottom:20px;}

/* Cases */
#cases-header { color:#53db3f;}
.cases-bild, .cases-kunde, .cases-branche, .cases-leistung { float:left; margin:20px 0;}
	.cases-bild { width:250px; }
	.cases-kunde { width:170px; }
	.cases-branche { width:225px; }
	.cases-leistung { width:300px; }


/* Anfahrt */
#google-maps { float:left; width:620px; }

/* --- Footer ------------------------------------ */
/* Titel */
#titel-werbeagentur,
#titel-profil,
#titel-vision,
#titel-leitsaetze,
#titel-jobs,
#titel-kunden,
#titel-cases,
#titel-leistungen,
#titel-news,
#titel-newsletter-anmelden,
#titel-kontakt,
#titel-kontaktformular,
#titel-anfahrt { background:url(../pix/menu.png); text-indent:-9999px;}

#titel-werbeagentur { width:115px; background-position:0 0;}
	#titel-profil {}
	#titel-vision {}
	#titel-leitsaetze {}
	#titel-jobs {}
#titel-kunden { width:70px; background-position:-134px 0; }
#titel-cases { width:59px; background-position:-217px 0; }
#titel-leistungen { width:80px; background-position:-290px 0; }
#titel-news { width:50px; background-position:-401px 0; }
	#titel-newsletter-anmelden {}
#titel-kontakt { width:60px; background-position:-468px 0; }
	#titel-kontaktformular {}
	#titel-anfahrt {}


/* Bookmarks */

/* --- Formulare --------------------------------- */
input, 
textarea { font:Arial, Helvetica, sans-serif; border:0; background:#ddd; padding:6px 3px; color:#777; }

input[type=text], 
textarea { width:380px; }

input[type=text]:focus, 
input[type=submit]:focus, 
textarea:focus,
input[type=submit]:hover,
input[type=text]:hover, 
textarea:hover { background:#f0f0f0; color:#333; }

input[type=submit] { margin:30px 0 0 0;}
label { line-height:30px;}


/*--- SEO ----------------------------------------*/
#jumpmenu ul { list-style:none;}
#jumpmenu, .verstecken, dfn { height:0; width:0; left:-1000px; margin-left:-1000px; overflow:hidden; position:absolute;}

/*--- Galerie ------------------------------------*/
/* container for slides */
.images { float:left; width:950px; height:480px; position:relative; }

/* single slide */
.images div { display:none; position:absolute; top:0; left:0; }

/* header */
.images h3 { color:#456; margin:0 0 20px 0; font-size:22px; font-weight:normal; }

/* tabs (those little circles below slides) */
.slidetabs { float:right; clear:both; padding-top:20px; margin-bottom:-50px; }

/* single tab */
.slidetabs a { float:left; display:block; width:16px; height:16px; margin:5px;
	 0 0 no-repeat; font-size:1px; }

/* mouseover state */
.slidetabs a:hover { background-position:0 -16px; }

/* active state (current page state) */
.slidetabs a.current { background-position:0 -32px; }

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled { visibility:hidden !important; }

.galerie-info { margin-top:230px; background:url(../pix/galerie-bg.png); width:275px; height:135px; -moz-box-shadow:0 0 6px #aaa; -webkit-box-shadow:0 0 6px #aaa;}
	.galerie-info h3 { color:#53db3f; margin:0; padding:0; font-size:13px; font-weight:bold;}
	.galerie-info div { display:block;}