/*
Theme Name: [agentur-a] Theme
Theme URI: http://www.agentur-a.de/
Description: Customized theme for agentur-a.
Version: 1.0
Author: Jan Beerbaum
Author URI: http://www.agentur-a.de/
Tags: black, customized, sliding content

	Kubrick v1.0
	 http://agentur-a.de/

	This theme was designed by Thorsten Hohm and built by Jan Beerbaum.

	The CSS, XHTML and design is released under GPL:
	http://www.opensource.org/licenses/gpl-license.php

*/
html
{
	color:#fff;
	background:#FFF;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td
{
	margin:0;
	padding:0;
}

table
{
	border-collapse:collapse;
	border-spacing:0;
}

fieldset,img
{
	border:0;
}

address,caption,cite,code,dfn,em,strong,th,var
{
	font-style:normal;
	font-weight:400;
}

caption,th
{
	text-align:left;
}

h1,h2,h3,h4,h5,h6
{
	font-size:100%;
	font-weight:400;
}

q:before,q:after
{
	content:'';
}

abbr,acronym
{
	border:0;
	font-variant:normal;
}

sup
{
	vertical-align:text-top;
}

sub
{
	vertical-align:text-bottom;
}

input,textarea,select
{
	font-family:inherit;
	font-weight:inherit;
	font-size:100%;
}

legend
{
	color:#000;
}

del,ins
{
	text-decoration:none;
}

body
{
	color:#fff;
	background-color:#fff;
	font-family:Helvetica,Arial,Verdana,sans-serif;
	font-size:14px;
	line-height:1.35;
	text-align:justify;
}

a
{
	text-decoration:underline;
	outline:0;
	color:#fff;
}

a:hover
{
	text-decoration:none;
	outline:0;
	color:#fff;
}

ul
{
	list-style-type:none;
	text-align:left;
}

h2
{
	font-size:18px;
	font-weight:700;
	text-align:center;
	line-height:20px;
}

small
{
	margin-left:5px;
}

p
{
	margin-bottom:15px;
	text-align:justify;
}

img
{
	border-style:none;
}

.top
{
	z-index:50;
	height:184px;
	margin-bottom:-120px;
}

.bottom
{
	z-index:50;
	height:88px;
	clear:both;
	position: absolute;
	top: 664px;
}

#container
{
	background-color:#fff;
	overflow:hidden;
	text-align:left;
	width:943px;
	height:752px;
	margin:0 auto;
	position:relative;
}

#page .navigation
{
	vertical-align:bottom;
	float:left;
	margin-top:130px;
	padding:5px 55px 5px 5px;
	z-index: 60;
	position: relative;
}

#page .navigation a
{
	font-size:13px;
	color:#081546;
	font-weight:700;
}

#page .navigation a:hover,#page .navigation a.selected
{
	color:#fff;
}

#slider
{
	z-index:2;
	position:relative;
	margin:0 auto;
}

#page
{
	background:#000 url(images/agentur_main.png) center 184px no-repeat;
	width:943px;
	height:752px;
	margin:0 auto;
}

.panel
{
	clear:both;
	height:480px;
	padding-bottom:120px;
	padding-top:120px;
}

.scroll
{
	height:720px;
	margin-bottom:-120px;
	position:relative;
	float:left;
	z-index:-1;
}

.content
{
	width:660px;
	height:493px;
}


#link2
{
	background:url(images/naviSprite.png) 0 -512px no-repeat;
	height:27px;
	width:116px;
	display:block;
	margin:0 0 40px;
}
#link2:hover,#link2.selected
{
	background:url(images/naviSprite.png) 0 -539px no-repeat;
}


#link3
{
	background:url(images/naviSprite.png) 0 -342px no-repeat;
	height:16px;
	width:102px;
	margin-bottom:40px;
	display:block;
}
#link3:hover,#link3.selected
{
	background:url(images/naviSprite.png) 0 -358px no-repeat;
}


#link12
{
	background:url(images/naviSprite.png) 0 -416px no-repeat;
	height:13px;
	width:105px;
	margin-bottom:40px;
	display:block;
}
#link12:hover,#link12.selected
{
	background:url(images/naviSprite.png) 0 -429px no-repeat;
}


#link15
{
	background:url(images/naviSprite.png) 0 -280px no-repeat;
	height:26px;
	width:66px;
	margin-bottom:35px;
	display:block;
}
#link15:hover,#link15.selected
{
	background:url(images/naviSprite.png) 0 -306px no-repeat;
}


#link17
{
	background:url(images/naviSprite.png) 0 0 no-repeat;
	height:21px;
	width:71px;
	margin-bottom:40px;
	display:block;
}
#link17:hover,#link17.selected
{
	background:url(images/naviSprite.png) 0 -21px no-repeat;
}


#link19
{
	background:url(images/naviSprite.png) 0 -238px no-repeat;
	height:16px;
	width:70px;
	margin-bottom:40px;
	display:block;
}
#link19:hover,#link19.selected
{
	background:url(images/naviSprite.png) 0 -254px no-repeat;
}


#link21
{
	background:url(images/naviSprite.png) 0 -146px no-repeat;
	height:25px;
	width:90px;
	display:block;
}
#link21:hover,#link21.selected
{
	background:url(images/naviSprite.png) 0 -171px no-repeat;
}


#link70
{
	background:url(images/naviSprite.png) 0 -114px no-repeat;
	height:11px;
	width:96px;
	margin-top:-30px;
	margin-bottom:5px;
	display:block;
}

#link70:hover,#link70.selected
{
	background:url(images/naviSprite.png) 0 -125px no-repeat;
}


#link73
{
	background:url(images/naviSprite.png) 0 -480px no-repeat;
	height:11px;
	width:75px;
	margin-bottom:5px;
	display:block;
}
#link73:hover,#link73.selected
{
	background:url(images/naviSprite.png) 0 -491px no-repeat;
}


#link76
{
	background:url(images/naviSprite.png) 0 -452px no-repeat;
	height:9px;
	width:53px;
	margin-bottom:6px;
	display:block;
}
#link76:hover,#link76.selected
{
	background:url(images/naviSprite.png) 0 -461px no-repeat;
}


#link79
{
	background:url(images/naviSprite.png) 0 -384px no-repeat;
	height:11px;
	width:85px;
	margin-bottom:5px;
	display:block;
}
#link79:hover,#link79.selected
{
	background:url(images/naviSprite.png) 0 -395px no-repeat;
}


#link81
{
	background:url(images/naviSprite.png) 0 -206px no-repeat;
	height:11px;
	width:50px;
	margin-bottom:5px;
	display:block;
}

#link81:hover,#link81.selected
{
	background:url(images/naviSprite.png) 0 -217px no-repeat;
}


#link84
{
	background:url(images/naviSprite.png) 0 -84px no-repeat;
	height:10px;
	width:47px;
	margin-bottom:10px;
	display:block;
}
#link84:hover,#link84.selected
{
	background:url(images/naviSprite.png) 0 -94px no-repeat;
}

.overlay b
{
	font-size:15px;
}

.current_page_item ul
{
	display:block !important;
}

.current_page_item ul li
{
	margin-bottom:5px;
	margin-left:5px;
}

#impressum .content .overlay
{
	padding-top:35px;
}

.galleria
{
	list-style:none;
	width:200px;
}

.galleria li
{
	display:block;
	width:65px;
	height:65px;
	overflow:hidden;
	float:left;
	margin:0 10px 10px 0;
}

.galleria li div
{
	position:absolute;
	display:none;
	top:0;
	left:180px;
}

.galleria li div img
{
	cursor:pointer;
}

.galleria li.active div img,.galleria li.active div
{
	display:block;
}

.galleria li img.thumb
{
	cursor:pointer;
	top:auto;
	left:auto;
	display:block;
	width:auto;
	height:auto;
}

.galleria li .caption
{
	display:block;
	padding-top:.5em;
}

* html .galleria li div span
{
	width:400px;
}

.galleria_container
{
	float:right;
	height:460px;
}

.galleria_wrapper
{
	width:445px;
	height:451px;
	border:3px solid #fff;
	text-align:center;
	display:table-cell;
	vertical-align:middle;
}

.caption
{
	text-align:center;
	display:table-cell;
	vertical-align:middle;
	height:5px;
}

#gallery_armaturen
{
	width:250px;
}

#myId
{
	height:100%;
	width:100%;
	margin:0;
	padding:0;
}

.wpcf7-form
{
	padding-left:200px;
	padding-top:50px;
}

ul.pikameSub
{
	padding-top:0;
	clear:both;
	margin:0 auto;
}

.pika_main
{
	position:relative;
	margin:0 auto;
}

.pikameSub li
{
	margin-right:5px;
	margin-top: 5px;
	float:left;
	border:2px solid #fff;
	position:relative;
	overflow:hidden;
}

.mainImage
{
	height:410px;
	width:410px;
	text-align:center;
}

.pika_main img
{
	border:2px solid #fff;
}

.pikachoose li
{
	float:left;
	position:relative;
	overflow:hidden;
	list-style:none;
}

.pika_play
{
	position:absolute;
	top:10px;
	right:20px;
	z-index:1;
}

.pika_play a
{
	position:relative;
	margin-left:auto;
	cursor:pointer;
}

.pika_play img
{
	border:none !important;
}

.pika_caption
{
	width:220px;
	margin-left:20px;
	float:left;
	text-align:left;
}

.pika_navigation a
{
	font-size:12px;
	color:#FFF;
	text-decoration:none;
}

.pika_navigation a:hover
{
	text-decoration:underline;
}

.pika_navigation
{
	padding-top:10px;
	clear:both;
	text-align:center;
}

#contactform
{
	width:400px;
	margin-top:30px;
	margin-left:130px;
}

#box
{
	width:400px;
	background:#ccc;
	border:1px solid #333;
	margin:0 auto;
	padding:10px;
}

input,textarea
{
	border:3px solid #FFF;
	width:390px;
	margin:4px;
}

input[type="submit"]
{
	width:200px;
	margin-top:20px;
	background-color:#fff;
}

.error
{
	background:#c5c6c8;
	border-color:#e2001a;
}

.success
{
	display:none;
	margin-left:150px;
}

#subNavi
{
	float:left;
	left:20px;
	position:relative;
	top:360px;
}

.pika_subdiv
{
	width:660px;
	height:415px;
	float:left;
}

.refCollage
{
	border:2px solid #fff;
	margin-left:20px;
	margin-top:10px;
	width:400px;
	height:400px;
}

.dots
{
	list-style-type:disc;
	list-style-position:inside;
}

#page .panel h3,li ul,.galleria li a
{
	display:none;
}


ul#pikame,ul#pikame2,ul#pikame3,ul#pikame4,ul#pikame5,ul#pikame6
{
	padding-top:20px;
	clear:both;
	margin:0 auto;
}

#pikame li,#pikame2 li,#pikame3 li,#pikame4 li,#pikame5 li,#pikame6 li
{
	margin-right:9px;
	float:left;
	border:2px solid #fff;
	position:relative;
	overflow:hidden;
}

ul#pikame li img,ul#pikame2 li img,ul#pikame3 li img,ul#pikame4 li img,ul#pikame5 li img,ul#pikame6 li img,ul.pikameSub li img
{
	position:relative;
	cursor:pointer;
}

.testdiv,.testdiv2,.testdiv3,.testdiv4,.testdiv5,.testdiv6
{
	margin-left:450px;
	margin-top:-250px;
	position:absolute;
}

.blog {
	float: left;
}

#facebook {
	position:absolute;
	top:570px;
	z-index:200;
}

#blog {
	background:url(images/blog.png) 0 0px no-repeat;
	left:500px;
	position:absolute;
	top:0px;
	height: 94px;
	width: 173px;
	z-index:200;
	
}

#blog a {
	height: 94px;
	width: 173px;
}