html {
	height: 100%;
	width: 100%;
}
body {
    margin: 0;
    padding: 0;
	font: 12px/22px Helvetica, Verdana, sans-serif;
	color: #ddd;
	background: #222;
	height: 100%;
}
div {
    margin: 0;
    padding: 0;
}
img.bg {
	/* Set rules to fill background */
	min-height: 100%;
/*	min-width: 1024px; */

	/* Set up proportionate scaling */
	width: 100%;
/*	height: auto; */
	height: 100%;

	/* Set up positioning */
	position: fixed;
	top: 0;
	left: 0;
}

div.bg {
	position: absolute;
	z-index: 1;
	top:0;
	left:0;
	width: 100%;
	min-width: 100%;
	height: 100%;
	min-height: 100%;
}

@media screen and (max-width: 1024px){
	img.bg {
		left: 50%;
/*		margin-left: -512px;  */
		margin-left: -50%;
	}
}
#map {
	position: relative;
	margin:0;
	padding:0;
	height: 100%;
	width: 100%;
	z-index: 1;
}
#vplaylink {
	display: block;
	width: 275px;
	height: 275px;
	margin: 100px auto;
	padding:0;
}
#left_shade {
	position: absolute;
	top:0;
	left:0;
	width:20%;
	height: 100%;
	background: url(/agentur/images/shade_left.png) repeat-y 100% 0;
	z-index: 2;
}
#right_shade {
	position: absolute;
	top:0;
	right:0;
	width:20%;
	height: 100%;
	background: url(/agentur/images/shade_right.png) repeat-y 0 0;
	z-index: 2;
}

div#container {
	/* This is the only important rule */
	/* We need our content to show up on top of the background */

	position: relative; 
	margin:0;
	padding:0;
	background: #fff;
	z-index: 3;
}

form {
	margin:0;
	padding:0;
}
p {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
    color: #fff; 
}
a:hover {
    text-decoration: none;
    color: #ddd; 
}
a.upgrade {
    text-decoration: none;
    color: #00c; 
}
img {
    margin: 0;
    border: 0;
}
.spacer, .spacer_big, spacer_med {
	clear: both;
	height: 0;
	line-height: 0;
	font-size: 0;
}
.spacer_big {
	height: 20px;
}

.spacer_med {
	height: 10px;
}
a.file, a.file:hover {
	display: block;
	padding: 4px;
	line-height: 16px;
	color: #fff;
	font-weight: bold;
}
/*
a.pdf, a.pdf:hover {
	background: url(/agentur/images/icon_pdf.png) no-repeat 0 50%;
}
a.doc, a.doc:hover {
	background: url(/agentur/images/icon_doc.png) no-repeat 0 50%;
}
a.xls, a.xls:hover {
	background: url(/agentur/images/icon_xls.png) no-repeat 0 50%;
}
a.zip, a.zip:hover {
	background: url(/agentur/images/icon_zip.png) no-repeat 0 50%;
}
*/
#navi {
	position: absolute;
	top: 0px;
	padding-top: 25px;
	padding-bottom: 100px;
	width: 200px;
	left: 50px;
	background: url(/agentur/images/navi_back.png) no-repeat 0 0;
	overflow: visible;
	z-index: 50;
}
.ilogo {
	margin:0 0 10px 10px;
	width: 100px;
	height: 48px;
	float: left;
}

.langnavi {
	width: 65px;
	float: right;
	text-align: right;
	margin: 37px 10px 10px 0;
	font-size: 12px;
	line-height: 12px;
}

.langnavi a, .langnavi a:hover {
	color: #fff;
}

.langnavi a.sel, .langnavi a.sel:hover {
	color: #707E51;
}

.navconti {
	padding-top: 10px;
	margin:0;
}

.navconti h1 {
	color: #CC0066;
	font-size: 23px;
	font-weight: normal;
	line-height: 30px;
	margin:0;
	padding: 15px 10px 8px 10px;
}

.navconti a, .navconti a:hover {
	display: block;
	color: #fff;
	font-size: 13px;
	width: 229px;
	height: 37px;
	margin: -10px 10px -16px -10px;
	background: transparent;
}

.navconti a.sel, .navconti a.sel:hover, .navconti a:hover {
	background: url(/agentur/images/navi_sel.png) no-repeat 100% 0;
}

.navconti a span {
	display: block;
	padding: 2px 20px 0 20px;
	margin:0;
}
.extrapunkte {
	padding: 10px 10px 10px 10px;
}

/* SLIDER CONTENT */

.imagecontainer {
	display: none;
}
.videocontainer {
	display: none;
}
#inhalt {
	width: 320px;
	position: absolute;
	overflow: hidden;
	top: 110px;
	right:0;
	z-index: 50;
}

.tabnavi {
	position: relative;
	width: 300px;
	height: 65px;
	margin: 0;
	padding:0;
	top:0;
	left:20px;
	background: url(/agentur/images/slider_back_new.png) repeat-y 100% 0;
}

/* Most common stuff you'll need to change */

.panel h1 {
       font: 33px/30px 'Lobster', 'Josefin Sans Std Light', Helvetica, Arial, san-serif;
	color:#C8C8C8;
    font-weight:bold;
	text-shadow:1px 2px 3px #111111;
	padding: 10px 20px 10px 20px;
	margin: 0 0 0 20px;
    letter-spacing: -2px;
    background-color: #CC0066;
}

.panel h2 {
	font: 26px/26px "Hoefler Text", Baskerville, Garamond, "Palatino Linotype", Georgia, "Times New Roman", serif;
	color:#BFC2C3;
	font-style:italic;
	font-weight:bold;
	text-shadow:3px 3px 3px #111111;
	padding:10px 20px 10px 20px;
	margin: 0 0 0 20px;
    letter-spacing: -2px;
	text-transform: uppercase;
}

.panel p {
	font-family: "Hoefler Text",Baskerville,Garamond,"Palatino Linotype",Georgia,"Times New Roman",serif;
	font-size:17px;
	font-weight:normal;
	line-height: 24px;
	color: #ddd;
	padding: 1px 20px 10px 20px;
	margin: 0 0 0 20px;
	text-shadow:1px 2px 3px #111111;
	background: url(/agentur/images/slider_back_new.png) repeat-y 100% 0;
}

.panel p a, .panel p a:hover {
    margin: 10px 0 0 1px;
    padding: 2px 10px 2px 10px;
	background-color:#707E51;
	font-weight: bold;
	line-height: 18px;
}

/* Twitter styling */

.panel p.twitt {
	color:#FFFFFF;
	font-family:Arial,Helvetica,sans-serif;
	font-size:44px;
	line-height:50px;
	letter-spacing:-2px;
	padding: 5px 20px 50px 20px;
	margin: 5px 0 0 20px;
    text-shadow:0 1px 1px #1c0217;
}

.panel p.twitt a, .panel p.twitt a:hover {
     font-size:44px;
	line-height:50px;
    background-color:#707E51;
	font-weight: bold;
}

#followme {
	position: absolute;
	top: 62px;
	right: 190px;
	z-index: 102;
}

/* Facebook styling */

#become_fan {
	position: absolute;
	top: 85px;
	right: 0px;
	z-index: 102;	
}
#like_page {
	position: absolute;
	top: 78px;
	right: 0px;
	z-index: 102;
	width: 300px;
	margin:0;
	padding:0;
}
#like_page2 {
	position: absolute;
	top: 5px;
	right: 0px;
	z-index: 102;
	width: 300px;
	margin:0;
	padding:0;
}
.panel p.facebook {
	font: 20px/28px Georgia, "Times New Roman", Times, serif;
	color: #ddd;
	padding: 15px 20px 50px 20px;
	margin: 5px 0 0 20px;
}

.panel p.facebook a, .panel p.facebook a:hover {
	display: block;
	font-size: 14px;
}

div.fbcommentbox {
	display: block;
	margin-left: 20px;
	margin-top: 4px;
	width: 300px;
	min-height: 400px;
	background: url(/agentur/images/slider_back_new.png) repeat-y 100% 0;
}

/* DIE EINZELNEN SONDERBEREICHE */

.panel p.infopane {
	position: relative;
	font-family: Helvetica, Arial, san-serif;
	font-size:14px;
	font-weight:normal;
	line-height: 16px;
	color: #ddd;
	padding: 15px 20px 12px 60px;
	margin: 5px 0 0 20px;
        min-height: 50px;
}

.panel p.infopane span.nibble {
	display: block;
	position: absolute;
	width: 62px;
	height: 64px;
	top: 15px;
	left: -23px;
}

.panel p.infopane strong {
	font: 25px/30px Helvetica, Arial, san-serif;
	font-weight: bold;
	color: #CC0066;
}

.panel p.infopane b {
	color: #eee;
}

.panel .info span.nibble {
	background: url(/agentur/images/nibble_info.png) no-repeat 0 0;
}
.panel .file span.nibble {
	background: url(/agentur/images/nibble_file.png) no-repeat 0 0;
}
.panel p.faceinfo span.nibble {
	background: url(/agentur/images/nibble_facebook.png) no-repeat 0 0;
}
.panel p.flickr span.nibble {
	background: url(/agentur/images/nibble_flickr.png) no-repeat 0 0;
}
.panel p.twitter span.nibble {
	background: url(/agentur/images/nibble_twitter.png) no-repeat 0 0;
}
.panel p.youtube span.nibble {
	background: url(/agentur/images/nibble_youtube.png) no-repeat 0 0;
}
.panel p.sharethis span.nibble {
	background: url(/agentur/images/nibble_sharethis.png) no-repeat 0 0;
}
.panel p.jobs span.nibble {
	background: url(/agentur/images/nibble_jobs.png) no-repeat 0 0;
}

.coda-slider-wrapper { 
	width: 320px;
	position: relative;
}
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 20px }

/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider, .coda-slider .panel { width: 320px } 

.coda-slider {
	margin-top: 0px;
	background: none;
}

/* Arrow styling */
.coda-nav-left {
	position: absolute;
	top: 22px;
	left: 15px;
	width: 38px;
	height: 43px;
	z-index: 100;
	background: transparent;
}
.coda-nav-right {
	position: absolute;
	top:22px;
	right: 5px;
	width: 38px;
	height: 43px;
	z-index: 100;
	background: transparent;
}
/* Tab nav */
.coda-nav { 
	position: absolute;
	top: 26px;
	left: 50px;
	z-index: 101;
	width: 200px;
}

.coda-nav ul {
	display: block;
	overflow: hidden;
	background: none;
	margin:0;
	padding:4px;
	list-style-type: none;
}

/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }

/* Miscellaneous */

.coda-nav ul li a.current { background: #707e51 }

/* Tabbed nav */
.coda-nav ul { clear: both; display: block; margin: 0; padding:0; overflow: hidden; text-align: center;}
.coda-nav ul li { display: inline; margin:0; padding:0;}
.coda-nav ul li a { background: transparent; color: #fff; display: inline; margin-right: 1px; padding: 4px 5px; text-decoration: none; font-size: 14px; }

.coda-slider-wrapper { clear: both; overflow: visible; }
.coda-slider { float: left; overflow: hidden; position: relative }
.coda-slider .panel { display: block; float: left; }
.coda-slider .panel-container { position: relative }

.gmnoprint {
	color: #000;
}

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

#cboxOverlay{background:url(/agentur/images/colorbox/overlay.png) 0 0 repeat;}
#colorbox{}
#cboxTopLeft{width:21px; height:21px; background:url(/agentur/images/colorbox/controls.png) -100px 0 no-repeat;}
#cboxTopRight{width:21px; height:21px; background:url(/agentur/images/colorbox/controls.png) -129px 0 no-repeat;}
#cboxBottomLeft{width:21px; height:21px; background:url(/agentur/images/colorbox/controls.png) -100px -29px no-repeat;}
#cboxBottomRight{width:21px; height:21px; background:url(/agentur/images/colorbox/controls.png) -129px -29px no-repeat;}
#cboxMiddleLeft{width:21px; background:url(/agentur/images/colorbox/controls.png) left top repeat-y;}
#cboxMiddleRight{width:21px; background:url(/agentur/images/colorbox/controls.png) right top repeat-y;}
#cboxTopCenter{height:21px; background:url(/agentur/images/colorbox/border.png) 0 0 repeat-x;}
#cboxBottomCenter{height:21px; background:url(/agentur/images/colorbox/border.png) 0 -29px repeat-x;}
#cboxContent{background:#fff;}
#cboxLoadedContent{margin-bottom:28px;}
#cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
#cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
#cboxSlideshow{position:absolute; bottom:4px; right:30px; color:#0092ef;}
#cboxPrevious{position:absolute; bottom:0; left:0px; background:url(/agentur/images/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxPrevious.hover{background-position:-75px -25px;}
#cboxNext{position:absolute; bottom:0; left:27px; background:url(/agentur/images/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxNext.hover{background-position:-50px -25px;}
#cboxLoadingOverlay{background:url(/agentur/images/colorbox/loading_background.png) center center no-repeat;}
#cboxLoadingGraphic{background:url(/agentur/images/colorbox/loading.gif) center center no-repeat;}
#cboxClose{position:absolute; bottom:0; right:0; background:url(/agentur/images/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;}
#cboxClose.hover{background-position:-25px -25px;}