/*
===============================================
	GET THE POINT.
	agentur für sinnvolle Kommunikation
	
	© copyright 2010 - All rights reserved
===============================================
*/

/* GLOBAL TAG FORMATS */
*, html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, input, textarea, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;	font-family: inherit; vertical-align: baseline; }

:focus { outline: 0; }
ul { list-style: none; }
legend { display : none; }

ol { margin : 0 0 0 20px; } 

table {	border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left;	font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; 
}

dt { clear : both; width : 40px; float : left; }
dd { float : right; width : 440px; margin : 0 0 15px 0; }

strong { font-weight : bold; }

dt strong { color : #fff; font-size : 1.2em; }
dd strong { color : #fff; font-size : 1.2em; }

em { font-style : italic; }

body { width : 100%; text-align : center; background : url('../images/global/gtp_bg_body.jpg') center top repeat #111; font : normal 0.8em/1.5em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; font-weight: 200; letter-spacing : 0.07em; }
label { display : block; cursor : pointer; margin : 0 0 5px 0; }

h1,h2,h3,h4,h5,h6 { font-weight : 200; color : #fff; }

h1 { font-size : 2.3em; }
h2 { font-size : 1.8em; line-height : 1.2em; }
h3{ font-size : 1.6em; }
h4 { font-size : 1.4em; }
h5 { font-size : 1em; }
h6 { font-size : 0.8em; }

h1 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
h2 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
h3 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
h4 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
h5 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
h6 span { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }

input, textarea { font : normal 1.6em/1.4em "HelveticaNeue-Light","Helvetica Neue Light","Helvetica Neue",Helvetica,sans-serif; font-weight: 200; }
input { background : none; color : #fff; padding : 2px 0 2px 5px; font-size : 1.6em; margin : 0 0 20px 0; }
input:focus, textarea:focus { background : #111; }
input.text_short { border-bottom : 1px solid #ccc; border-left : 1px solid #ccc; width : 220px; }

input.form_button { display : block; cursor : pointer; text-align : left; width : auto; font-size : 1.4em; }
textarea { background : none; font-size : 1.2em; width : 467px; border-bottom : 1px solid #ccc; border-left : 1px solid #ccc; color : #fff; height : 150px; padding : 5px 0 5px 10px; }

/* LINKS */
a { color : #999; text-decoration : none; }
a:hover { color : #fff; text-decoration : none; }
a:focus { color : #fff!important; }

a.meldung { color : #999!important; font-size : 1.5em; text-decoration : none!important; line-height : 1.2em; display : block; background : url('../images/showcase/border_news.gif') -450px bottom no-repeat #000; padding : 0 0 10px 0; margin : 0 0 15px 0; }
a.meldung:hover { color : #fff!important; text-decoration : none!important; }
a.meldung .date { font-size : 0.6em; display : block; }

/* CLASSES */
.hidden,hr { position : absolute; left : -999em; font-size : 0.1em; height : 1px; line-height : 0em; }
.fl { float : left; }
.fr { float : right; }
.cb { clear : both; display : block; }
.white { color : #fff; }
.red { color : #c00; }
.bold { font-weight : bold; }
.active { background-color : #fff; }
.align_left { text-align : left!important; }
.align_right { text-align : right!important; }
.align { margin : 0 auto; width : 980px; }
.frame_content { width : 880px; padding : 45px 0 45px 0; margin : 0 auto; clear : both; }
.frame_content .image { float : left; text-align : right; width : 350px; margin : 0 40px 30px 0; }
.frame_content .image img { }
.frame_content .text { float : right; width : 490px; }
.frame_content .text h2 { font-weight : bold; font-weight : 200; color : #fff; margin : 0 0 20px 0; }
.frame_content .text h3 { font-weight : bold; font-weight : 200; color : #fff; margin : 0 0 10px 0; }
.frame_content .text h4 { color : #fff; margin : 0 0 5px 0; font-size : 1.4em; }
.frame_content .text p { margin : 0 0 20px 0; font-size : 1.1em; }
.frame_content .text a { color : #fff; }
.frame_content .text a:hover,.frame_content .text a:focus { text-decoration : underline; }
.frame_content .text ul { padding : 0 0 0 30px; color : #fff; }
.frame_content .text ul li { list-style-type : square; color : #fff; }

blockquote { margin : 0 0 0 20px; }
/* Headlines */
.wir_machen_sinn { width : 945px; height : 53px; margin : 0 auto; background : url('../images/headlines/wir_machen_sinn_zur_marke.gif') 0px 0px no-repeat; }

.headline_agentur_start { margin : 0 0 0 40px; background : url('../images/headlines/agentur_start.gif') 0px center no-repeat; }
.headline_agentur_koennen { margin : 0 0 0 44px; background : url('../images/headlines/agentur_koennen.gif') 0px center no-repeat; }
.headline_agentur_koepfe { margin : 0 0 0 44px; background : url('../images/headlines/agentur_koepfe.gif') 0px center no-repeat; }
.headline_agentur_kennzeichen { margin : 0 0 0 44px; background : url('../images/headlines/agentur_kennzeichen.gif') 0px center no-repeat; }
.headline_agentur_kunden { margin : 0 0 0 44px; background : url('../images/headlines/agentur_kunden.gif') 0px center no-repeat; }

.headline_arbeiten_start { margin : 0 0 0 44px; background : url('../images/headlines/arbeiten_start.gif') 0px center no-repeat; }
.headline_arbeiten_b2b { margin : 0 0 0 44px; background : url('../images/headlines/arbeiten_b2b.gif') 0px center no-repeat; }
.headline_arbeiten_b2c { margin : 0 0 0 44px; background : url('../images/headlines/arbeiten_b2c.gif') 0px center no-repeat; }
.headline_arbeiten_b2e { margin : 0 0 0 44px; background : url('../images/headlines/arbeiten_b2e.gif') 0px center no-repeat; }
.headline_arbeiten_b2p { margin : 0 0 0 44px; background : url('../images/headlines/arbeiten_b2p.gif') 0px center no-repeat; }

.headline_aktuelles_start { margin : 0 0 0 44px; background : url('../images/headlines/aktuelles_start.gif') 0px center no-repeat; }
.headline_aktuelles_meldungen { margin : 0 0 0 44px; background : url('../images/headlines/aktuelles_meldungen.gif') 0px center no-repeat; }
.headline_aktuelles_meinungen { margin : 0 0 0 44px; background : url('../images/headlines/aktuelles_meinungen.gif') 0px center no-repeat; }

.headline_anfrage_start { margin : 0 0 0 44px; background : url('../images/headlines/anfrage_start.gif') 0px center no-repeat; }
.headline_anfrage_kontakt { margin : 0 0 0 44px; background : url('../images/headlines/anfrage_kontakt.gif') 0px center no-repeat; }
.headline_anfrage_anfahrt { margin : 0 0 0 44px; background : url('../images/headlines/anfrage_anfahrt.gif') 0px center no-repeat; }

.headline_impressum { margin : 0 0 0 42px; background : url('../images/headlines/impressum.gif') 0px center no-repeat; }
.headline_agb { margin : 0 0 0 42px; background : url('../images/headlines/agb.gif') 0px center no-repeat; }

.gtp_container { width : 980px; margin : 0 auto; text-align : left; }

/* Header */
#gtp_bg_top { padding : 0 0 0 0; margin : 0 auto; text-align : left; }
#gtp_bg_top h1 { width : 945px; height : 220px; }
#gtp_header { width : 980px; margin : 0 auto; text-align : left; }
#gtp_header h1 { background : url('../images/global/gtp_logo.gif') 45px 30px no-repeat; width : 380px; height : 105px; float : left; }
#gtp_header h1 a { width : 380px; height : 110px; display : block; }

/* Footer */
#gtp_footer_home, #gtp_footer { margin : 0 auto; width : 980px; text-align : left; }
#gtp_footer_home a, #gtp_footer a { color : #fff; }
#gtp_footer_home a:hover, #gtp_footer a:hover { text-decoration : underline; }
#gtp_footer_home a:focus, #gtp_footer a:focus { text-decoration : underline; }

#footer_address { padding : 20px 0 200px 45px; color : #fff; background : url('../images/headlines/footer_macht_sinn.gif') right bottom no-repeat; font-size : 0.9em; }
#gtp_footer_home #footer_address { padding : 20px 0 200px 45px; color : #fff; background : none; }

/* Navigation */
#gtp_navigation { }
#gtp_navigation ul.navi { width : 140px; }
#gtp_navigation ul.navi li { overflow : hidden; }

#gtp_navigation { float : right; }
#gtp_navigation ul { float : left; margin : 0 0 0 1px; }
#gtp_navigation ul li a { display : block; width : 140px; }
#gtp_navigation ul li.active a { color : #fff!important; }
#gtp_navigation ul li.active a:focus { color : #ffc!important; }
#gtp_navigation ul ul li a:hover { background : #111; }
#gtp_navigation ul ul li a:focus { background : #111; }
#gtp_navigation ul li a span { margin : 0 0 0 20px; display : block; }
#gtp_navigation ul ul li a { padding : 3px 0 5px 0; display : block; background : #000; }

#gtp_navigation ul li.navi_main { width : 140px; height : 8.3em; background : #000; text-transform : uppercase; }
#gtp_navigation ul li.navi_main a { padding : 70px 0 0 0; font-size : 1.3em; font-weight : normal; font-weight : 200; }

#gtp_navigation ul ul { margin : 0 0 0 0!important; padding : 0 0 0 0!important; width : 140px; overflow : hidden; }
#gtp_navigation ul ul li { width : 140px; height : 2em; margin : 0 0 1px 0; font-size : 1em; overflow : hidden; }

/* Breadcrumb Navigation */
#breadcrumbs {  }
#breadcrumbs ul { margin : 0 0 0 45px; list-style : none; }
#breadcrumbs ul li { float : left; margin : 0 1px 0 0; }
#breadcrumbs ul li a { float : left; background : #111; padding : 5px 10px 5px 10px; font-size : 1.2em; }
#breadcrumbs ul li a:hover { background : #000; }
#breadcrumbs ul li a:focus { background : #111; }
#breadcrumbs ul li a.active { background : #000; color : #fff; }
#breadcrumbs ul li a.active:focus { background : #222!important; color : #fff; }

/* Paginierung */
#pagination { clear : both; text-align : center; margin : 40px auto 0 390px; }
#pagination ul { list-style-type : none!important; float : left; }
#pagination ul li { float : left; list-style-type : none!important; }
#pagination ul li a { width : auto; display : block; padding : 4px 10px 5px 10px; }
#pagination ul li a:hover { background : #333; }
#pagination ul li a.active { cursor : default; color : #000; background : #fff; }
#pagination ul li a.active:hover { color : #000; background : #fff; }
#pagination h3 { float : left; font-size : 1em; padding : 4px 0 0 0; margin : 0 15px 0 0; }

/* News Navigation */
#news_navi { padding : 30px 0 0 0; text-align : center; line-height : 1.2em; }
#news_navi ul { margin : 0 40px 0 40px; background : url('../images/showcase/border_news.gif') left bottom no-repeat #000; padding : 0 0 20px 0; }
#news_navi ul li { margin : 0 0 0 0; }
#news_navi ul li a.previous { width : auto; text-align : right; display : block; padding : 3px 40px 3px 10px; background : url('../images/aktuelles/previous.gif') right center no-repeat #000; }
#news_navi ul li a.next { width : auto; text-align : left; display : block; margin : 0 40px 0 0; padding : 3px 10px 3px 40px; background : url('../images/aktuelles/next.gif') left center no-repeat #000; }
#news_navi ul li a:hover { color : #fff; }
#news_navi ul li a:focus { color : #fff; }

/* Showcase */
#gtp_showcase { clear : both; height : 475px; display : block; text-align : left; }
#gtp_showcase_fallback { width : 100%; height : 475px; background : url('../images/showcase/showcase_fallback.jpg') center top no-repeat; }
#highlight01 { display : block; position : absolute; z-index : 10; width : 100%; height : 423px; background : url('../images/showcase/ref01.jpg') center top no-repeat; }
#highlight02 { display : block; position : absolute; z-index : 11; width : 100%; height : 423px; background : url('../images/showcase/ref02.jpg') center no-repeat; display : none; }
#highlight03 { display : block; position : absolute; z-index : 12; width : 100%; height : 423px; background : url('../images/showcase/ref03.jpg') center no-repeat; display : none; }
#gtp_highlights { position : absolute; top : 380px; z-index : 18; margin : 0 auto; width : 100%; }

#gtp_highlights h2 { color : #fff; background : #000; padding : 0 0 0 50px; width : 145px; height : 1.5em; line-height : 1.9em; font-size : 1.3em; }
#gtp_highlights ul { width : 450px; background : #000; border-top : 10px solid #000; border-right : 5px solid #000; border-bottom : 10px solid #000; height : 75px; }
#gtp_highlights li { float : left; border-right : 5px solid #000; }
#gtp_highlights li a { display : block; width : 145px; height : 75px; }
#hl01_sw { position : absolute; z-index : 10; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb01_sw.jpg') top left no-repeat; }
#hl02_sw { position : absolute; z-index : 11; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb02_sw.jpg') top left no-repeat; }
#hl03_sw { position : absolute; z-index : 12; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb03_sw.jpg') top left no-repeat; }
#hl01 { position : absolute; z-index : 13; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb01.jpg') top left no-repeat; }
#hl02 { position : absolute; z-index : 14; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb02.jpg') top left no-repeat; }
#hl03 { position : absolute; z-index : 15; display : block; width : 145px; height : 75px; background : url('../images/showcase/thumb03.jpg') top left no-repeat; }

/* Content */
#gtp_content { clear : both; background : #000; color : #999; width : 980px; margin : 0 auto; text-align : left; line-height : 1.7em; }
#gtp_content_home { clear : both; background : #000; color : #999; width : 100%; }
#gtp_content_home h2 { text-align : left; color : #fff; background : url('../images/showcase/border_news.gif') left bottom no-repeat #000; font-size : 1.4em; padding : 30px 0 10px 50px; }
#gtp_content_home ul { text-align : left; padding : 0 0 50px 0; }
#gtp_content_home li { text-align : left; display : block; clear : both; width : 100%; color : #999; }
#gtp_content_home li a { text-align : left; display : block; font-size : 1.4em; padding : 10px 0 13px 50px; line-height : 1em; background : url('../images/showcase/border_news.gif') left bottom no-repeat #000; }
#gtp_content_home li a:hover { background-color : #111; }
#gtp_content_home li a:focus { background-color : #111; }
#gtp_content_home p { text-align : left; width : 750px; padding : 0 0 20px 0px; font-size : 1.1em; line-height : 1.5em; margin : 10px 0 5px 171px; }
#gtp_content_home p a.weiterlesen { display : block; width : 8em; text-align : center; font-size : 0.8em; font-weight : 300; padding : 4px 3px 5px 3px; background : #333; margin : 15px 0 0 0; color : #e1e1e1; }
#gtp_content_home p a.weiterlesen:hover { background : #e1e1e1; color : #000; }
#gtp_content_home p a.weiterlesen:focus { background : #e1e1e1; color : #000!important; }

#attachment { clear : both; display : block; margin : 5px 0 0 0; }
#attachment a { color : #666; }
#attachment a:hover { color : #e1e1e1; }
#attachment a:focus { color : #e1e1e1; }
#attachment span { padding : 10px 10px 10px 40px; display : block; background : url('../images/global/icons/attach.png') 10px 13px no-repeat #111; }

a.suche_weiter { display : block; width : 8em; text-align : center; font-size : 0.8em; font-weight : 300; background : #333; margin : 15px 0 30px 0; color : #e1e1e1; }
a.suche_weiter:hover { text-decoration : none!important; color : #333; background : #e1e1e1; }
a.suche_weiter:focus { text-decoration : none!important; color : #333; background : #e1e1e1; }
a.pdf span { display : none; }
a.pdf { width : 55px; height : 30px; background : url('../images/aktuelles/pdf_download.gif') left -30px no-repeat #000; display : block; }
a.pdf:hover, a.pdf:focus { background : url('../images/aktuelles/pdf_download.gif') left top no-repeat #000; display : block; }
.searchhit { background:#222; color:#ffff88; padding:2px 1px; display : inline!important; border-bottom:1px dotted #ffff88; }

/* Flash Galerie */
.gallery_layer { width : 100%; height : 600px; position : absolute; top : 365px; left : 0; z-index : 10; text-align :center; } 
.gallery_bg { width : 980px; height : 600px; position : relative; z-index : 11; top : 0; margin : 0 auto; background : #000; opacity : 0.9; -moz-opacity : 0.9; -webkit-opacity : 0.9; filter: alpha(opacity = 90); }
.flashcontainer { margin : 0 auto; width : 100%; height : 540px; text-align : center; position : absolute; top : 0; left : 0; z-index : 12; }
.flv { width : 980px; height : 600px; margin : 0 auto; }

/* Non-Flash Galerie */
#nonflash_gallery { text-align:center; }
.gallery_item { margin : 0 auto; width : 600px; }
#nonflash_gallery div.caption { text-align : left; color : #fff; padding : 5px; margin : 0 0 30px 0; }


/* CODA SLIDER*/
#wrapper { width: 900px; margin: 0 auto; }
#intro { padding-bottom: 10px; }
#slider { width: 900px; margin: 0 auto; position: relative; padding : 30px 0 0 0; }
.scroll { height: 570px; width: 900px; overflow: auto; overflow-x :hidden; position: relative; clear: left; background: #000; }
.scrollContainer div.panel { padding: 0px; height: 570px; width: 900px; }
ul.navigation { list-style: none; margin: 0 auto; text-align : center; padding: 0; position : relative; top : 5px; left : 175px; z-index : 3; width : 450px; }
ul.navigation li { display: inline; margin-right: 10px; float : left; }
ul.navigation a { width: 10px; height : 10px; display : block; color: #000; text-decoration: none; border : 1px solid #666; }
ul.navigation a span { display:none; }
ul.navigation a:hover { background-color: #666;	border : 1px solid #666; }
ul.navigation a:focus { outline: none; }
ul.navigation a.selected { background-color: #fff; border : 1px solid #fff; }
.scrollButtons { position: absolute; z-index :3; top: 25px; cursor: pointer; }
.scrollButtons.left { left: -15px; }
.scrollButtons.right { right: -15px; }
.hide { display: none; }

/* Youtube */
#youtube_container { display : none; position : absolute; z-index : 90; height : 600px; width : 980px; text-align : center; background : #000; }
#youtube_container a { display : block; position : relative; z-index : 91; height : 600px; width : 980px; margin : -520px auto; background : url('../images/global/btn_close.gif') 870px 40px no-repeat; }
#youtube_container a span { display : none; }
#youtube_video { width : 640px; height : 390px; position : relative; z-index : 92; margin : 80px auto; }

/* SOCIAL BOOKMARKS */
#social { float : right; }
/*#social a { background : none!important; }*/
#social a span { position : relative; left : -999em; }
.facebook { width : 80px; padding : 0; margin : 0 5px 0 0; background : url('../images/global/social_links.gif') 0px 0px no-repeat !important; }
.facebook:hover, .facebook:active { background : url('../images/global/social_links.gif') 0px -31px no-repeat !important; }
.twitter { width : 60px; padding : 0; margin : 0; background : url('../images/global/social_links.gif') -107px 0px no-repeat !important; }
.twitter:hover, .twitter:active { background : url('../images/global/social_links.gif') -107px -31px no-repeat !important; }