/*
Theme Name: Grafagoggel
Theme URI: http://grafagoggel.de/
Description: Das Design von grafagoggel.de
Author: Moritz Graf
Version: 1.2
*/


body {
	font:11px 'lucida grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	margin:0 !important;
	line-height:15px;
	background:#f2f2f2 url('images/bg.jpg') repeat-x left top;
	color:#909090;
	text-align:center;
	height:100%;
}

	#menucontainer {
		width:400px;
		margin: 16px 0 0 200px;
		position:absolute;
		z-index:2
	}

				.logo {
					height:350px;
					background:url('images/logotext.png') no-repeat -1600px 0px;
					width:400px;
					text-align:left;
				}

					.logolayer {
						background:url('images/logolayer.png') no-repeat -1600px 0;
						height:119px;
						width:165px;
						z-index:12;
						position:absolute;
						margin: 134px 0px 0px 0px;
					}

					.logoletter {
						position:absolute;
						height:162px;
						z-index:5;
						width:400px;
						background:url('images/logoletter.png') no-repeat -1600px 0;
						margin: 134px 0px 0px 0px;
					}
					
					#menulogoletter, #menulogolayer {
						cursor:pointer;
					}
			
						.menubuttons div {
							height:0 !important;
							width:0 !important;
							z-index:20 !important;
						}
			
						.menubuttons a {
							display: block;
							position:absolute;
							outline: none;
						}
						
						.menubuttons a:-moz-any-link:focus, .menubuttons a:focus, .menubuttons a:active {
							outline: none;
						}

						.blog, .blog_stay {
							height:145px;
							margin:28px 0 0 25px;
							width:118px;
							z-index:11;
							position:absolute;
						}

						.port, .port_stay {
							position:absolute;
							margin: 37px 0px 0px 66px;
							height:138px;
							width:131px;
							z-index:10
						}

						.info, .info_stay {
							position:absolute;
							margin: 74px 0px 0px 108px;
							height:100px;
							width:126px;
							z-index:9
						}

						.kontakt, .kontakt_stay {
							position:absolute;
							margin:126px 0px 0px 95px;
							height:133px;
							width:138px;
							z-index:8
						}

							.slogans {
								height: 100px;
								margin: 47px 0px 0px 226px;
								position: absolute;
								width: 120px;
							}

								#startslogan {
									opacity:1;
									display:block !important;
								}

									.small_slo2 {
										font-size: 10px;
										font-weight:lighter;
										color:#909090;
										margin:3px;
									}

								.slogan {
									position:absolute;
									opacity:0;
									-khtml-opacity: 0;
									-moz-opacity: 0;
									text-align:right;
									width:120px;
									display: none
								}

									.big_slo {
										font-size: 16px !important;
										color:#3f3f3b;
										font-weight:lighter;
										margin:0;
									}

									.small_slo {
										font-size: 16px;
										font-weight:lighter;
										color:#909090;
										margin:3px;
									}
									
							.greencore {
								display:none;
								padding: 280px 0 0 247px;
								opacity: 0
							}

							.ticker {
								text-align: right;
								width:345px;
								margin-top: -43px
							}

								.ticker .big_slo {
									text-align: right;
								}

								.category-quicknews {
									margin:0 !important;
									background:url('images/quicknews.png') transparent right top no-repeat;
									height:16px;
									padding:0 20px 0 0 !important
								}

								.category-facebook {
									margin:0 !important;
									background:url('images/buttons/facebook16.png') transparent right top no-repeat;
									height:16px;
									padding:0 20px 0 0 !important
								}

								.category-deviantart {
									margin:0 !important;
									background:url('images/buttons/deviantart16.png') transparent right top no-repeat;
									height:16px;
									padding:0 20px 0 0 !important
								}

								.category-flickr {
									margin:0 !important;
									background:url('images/buttons/flickr16.png') transparent right top no-repeat;
									height:16px;
									padding:0 20px 0 0 !important
								}
								
								.category-xing {
									margin:0 !important;
									background:url('images/buttons/xing16.png') transparent right top no-repeat;
									height:16px;
									padding:0 20px 0 0 !important
								}

								.category-quicknews p, .category-facebook p, .category-deviantart p, .category-flickr p {
									line-height: 16px;
								}
							
							#infome {
								margin-bottom: 20px;
								opacity:0
							}
							
								#infome .post, #loadingtext .post, #loadingtext2 .post {
									margin-bottom: 10px;
									padding: 0px 10px 0px 50px;
									width: 290px
								}
								
							#aktivitaeten, #loadingtext2 {
								opacity: 0
							}
							
							#aktivitaeten {
								font-size:10px;
							}
	
	#einfuehrung {
		background: url('images/einfuehrung.png') no-repeat 100% 0%;
		height: 200px;
		margin: 34px 0px 0px -130px;
		padding: 20px 80px 0px 0px;
		position: absolute;
		width: 120px;
	}
	
		#einfuehrung .slogan {
			opacity:1 !important;
		}
		

	.pagetranstoggle {
		position:absolute; height:100%; width:100%;z-index:500;cursor:pointer
	}


	#page {
		text-align:center;
		width:800px;
		margin: 4% auto 0px;
		height:600px;
	}
		
		#content {
			text-align:left;
			opacity:0;
			-khtml-opacity: 0;
			-moz-opacity: 0;
			width:400px;
			height:553px;
			overflow:hidden;
			margin-left:400px;
		}
		
			#scrollPane1 {
				overflow:visible !important;
			}
		
			#verlauf {
				width:390px;
				background: transparent url('images/verlauf.png') top left repeat-x;
				height:47px;
				position:absolute;
				margin-left:400px;
				z-index:2;
			}
		
			.jScrollPaneContainer {
				position:relative;
				z-index:1;
				margin:63px 0 0;
			}

				.post, .page {
					margin:-10px 0 40px 0;
					padding:0 15px 0 10px
				}
				
					.attachment-thumbnail {
						width:100px;
						height:100px;
						border: 3px solid #fff;
					    border: 3px solid rgba(255,255,255,0.5);
					    -moz-box-shadow: 0px 0px 10px #444444;
						-webkit-box-shadow: 0px 0px 10px #444444;
						box-shadow: 0px 0px 10px #444444;
						margin:15px 15px 15px 0;
						float:left;
					}
					
				.shadowdiv {
					border: 3px solid #fff;
				    border: 3px solid rgba(255,255,255,0.5);
				    -moz-box-shadow: 0px 0px 10px #444444;
					-webkit-box-shadow: 0px 0px 10px #444444;
					box-shadow: 0px 0px 10px #444444;
					margin:15px 15px 15px 0;
					background:#fff;
					text-align:center
				}
				
					.shadowdiv p {
						padding:0 !important;
						margin: 3px 0 0;
					}

	#verlaufs {
		width:390px;
		background: transparent url('images/verlaufs.png') top left repeat-x;
		height:47px;
		position:absolute;
		margin: -47px 0px 0px 400px;
		z-index:2;
	}
	
	.einruecken {
		margin-left:50px;
	}
	

	#noie {
		margin: 10px auto;
		padding: 0 10px 10px;
		text-align: left;
		width: 770px;
		background:#f0f0f0;
		min-height:150px;
	}

	#noie img {
		float:left;
		margin:20px 20px 0 0;
	}
	
/* Flickr Wall */

	.flickrs {
		position: absolute;
		border: 5px solid #fff;
	    border: 5px solid rgba(255,255,255,0.5);
	    -moz-box-shadow: 0px 0px 5px #000;
		-webkit-box-shadow: 0px 0px 5px #000;
		box-shadow: 0px 0px 5px #000;
		opacity: 0;
	}

	.flickrlink {
		position:absolute;
		opacity:0;
		background: #555;
		padding:5px;
	}
	
	.flickrlink a {
		font-weight:bold;
		color:#fff;
	}
	
	.flickrimg {
		cursor:move;
	}

	#flickr {
		position: absolute;
		top:0;
		left:-1200px;
	}

	#flickrsbtn {
		position: absolute;
		background: transparent url('images/buttons/flickrs.png') top left no-repeat;
		height: 96px;
		width: 20px;
		cursor: pointer;
		z-index:1000;
	}

small a,h2,h2 a, a {
	color:#3f3f3b;
}

#antiie6 {
	display:none
}

#javascript {
	position:fixed;
	display:block;
	width:100%
}

#javascript,.jScrollPaneDragTop,.jScrollPaneTrack,.portfolio_link,ul.thumb li img {
	top:0
}

#javascript,.portfolio_link {
	z-index:100
}

#javascript,.jScrollPaneTrack {
	height:100%
}

#javascript img,#antiie6 img {
	background:none
}

.portfolioinlinebox,.portfolio_link {
	text-align:center
}

#javascript img,#antiie6 img,h3 {
	padding:0
}


hr {
	background:transparent;
	clear:both;
	height:0;
	visibility:hidden
}

hr,img {
	border:0 none
}

hr {
	border:none
}

.portfolio_link a,h3,h2,h2 a,a {
	text-decoration:none
}

.portfolio_link a {
	font-weight:bold
}

a:hover, h2 a:hover {
	color:#909090
}

h2,h2 a {
	font:16px 'lucida grande','Lucida Sans Unicode',verdana,arial,sans-serif;
	margin: 0px;                                
	padding-top:12px;
}          

.blogpost .entry {
	padding-left: 112px;
}

h2,h2 a {
	text-align:left
}

h3 {
	font:12px 'lucida grande','Lucida Sans Unicode',verdana,arial,sans-serif bold
}

h3 {
	text-align:justify
}

.portfolio_link a {
	color:#fff
}

ul.thumb {
	margin-bottom:30px;
}

ul.thumb li,h3 {
	margin:0
}

#post-276 h2 {
	margin-top: 25px;
}


textarea,input{
	background:rgb(251,251,251);
	border:1px solid rgb(229,229,229);
	margin-right:6px;
	margin-top:2px;
	padding:3px;
	width:95%
}

input {
	font-size:13px
}

textarea {
	font-size:11px
}

#javascript .iepage,#antiie6 .iepage, {
	margin:5% auto 0
}

ul.thumb {
	list-style:none
}

.jScrollPaneDragBottom,.jScrollPaneDragTop,.jScrollPaneDrag,.jScrollPaneTrack,ul.thumb li img {
	position:absolute
}

ul.thumb li {
	height:124px;
	float:left
}

.portfolio_link {
	width:90px
}

.jScrollPaneDragBottom,.jScrollPaneDragTop,.jScrollPaneDrag {
	overflow:hidden
}

.portfolio_link {
	padding:5px
}

.portfolio_link,ul.thumb li {
	position:relative
}

ul.thumb li {
	width:124px
}

ul.thumb li img {
	width:100px;
	height:100px;
	border: 3px solid #fff;
    border: 3px solid rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 10px #444444;
	-webkit-box-shadow: 0px 0px 10px #444444;
	box-shadow: 0px 0px 10px #444444;
}            

.shadowimg {
	border: 3px solid #fff;
    border: 3px solid rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 10px #444444;
	-webkit-box-shadow: 0px 0px 10px #444444;
	box-shadow: 0px 0px 10px #444444;
	margin:15px 15px 15px 0;
}

ul.thumb li img {
	margin:12px;
}

.jScrollPaneDragBottom,.jScrollPaneDragTop,.portfolio_link,ul.thumb li img {
	left:0
}

ul.thumb li img.hover {
	border: 5px solid #fff;
    border: 5px solid rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 0px 20px #444444;
	-webkit-box-shadow: 0px 0px 20px #444444;
	box-shadow: 0px 0px 20px #444444;
}

.portfolio_link {
	background:#555;
	margin-left:0;
	margin-top:0;
	opacity:0;
	-khtml-opacity: 0;
	-moz-opacity: 0;
}

.portfolioinlinebox p {
	margin:0 auto;
	width:575px
}

.entry p {
	padding-left: 10px;
}

.jScrollPaneDrag,.jScrollPaneTrack {
	cursor:pointer
}

.jScrollPaneTrack {
	right:0;
	background:#aaa
}

.jScrollPaneDrag {
	background:#666
}

.jScrollPaneDragBottom {
	bottom:0
}

.QOverlay {
	background:#797979 url('images/prebg.jpg') repeat-x top center;
	z-index:9999
}

.QLoader {
	background:transparent url('images/loading.gif') no-repeat;
	margin:-115px;
	top:303px;
	left:50%;
	width:230px;
	height:194px
}

#partner .partnercollapse {
	width:29px;
	overflow-x:hidden
}      

#post-276 .entry {
	margin:0px 0 62px 0;
}

.wpcf7-submit {
	margin-bottom:75px;
	margin-right: 0 !important;
	width: 345px;
}

.post-ratings {
	float: right;
	width: 75px !important;
	margin-top:10px;
}

.download {
	padding-left: 16px;
	background: url('images/buttons/download.png') no-repeat 0% 50%;
	line-height: 16px;
	padding-bottom: 3px;
}

.download:hover {
	background: url('images/buttons/download_h.png') no-repeat 0% 50%;
}

pre {
	background: #fff;
	font-size: 12px;
	text-align: left;
	padding:10px;
}

code {
	width: 400px;
}

#post-23 img {
	height:150px !important;
	width:100px !important;
	margin-top:20px;
}

p.quote {
	font-size: 13px;
	text-shadow: white 0px 1px 0px, #AAA 0px -1px 5px;
	line-height: 18px;
	text-align: right;
	width: 300px;
	margin: 50px 0;
}


/* Postratings Plugin */

	.post-ratings-loading {
	   display: none;
	   height: 16px;
	   text-align: left;
	}
	
/* Contact Form Plugin */
	div.wpcf7 {
	    margin: 0;
	    padding: 0;
	}

	span.wpcf7-form-control-wrap {
	    position: relative;
	}

	span.wpcf7-not-valid-tip {
	    position: absolute;
	    top: 20%;
	    left: 20%;
	    z-index: 100;
	    background: #fff;
	    border: 1px solid #ff0000;
	    font-size: 11px;
	    width: 280px;
	    padding: 2px;
	}

	span.wpcf7-not-valid-tip-no-ajax {
	    color: #f00;
	    font-size: 11px;
	    display: block;
	}

	span.wpcf7-list-item {
	    margin-left: 0.5em;
	}

	.wpcf7-display-none {
	    display: none;
	}

	
/*FancyBox */

	#fancybox-loading {
		position: fixed;
		top: 50%;
		left: 50%;
		height: 40px;
		width: 40px;
		margin-top: -20px;
		margin-left: -20px;
		cursor: pointer;
		overflow: hidden;
		z-index: 1104;
		display: none;
	}

	* html #fancybox-loading {	/* IE6 */
		position: absolute;
		margin-top: 0;
	}

	#fancybox-loading div {
		position: absolute;
		top: 0;
		left: 0;
		width: 40px;
		height: 480px;
		background-image: url('js/fancybox/fancybox.png');
	}

	#fancybox-overlay {
		position: fixed;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		background: #000;
		z-index: 1100;
		display: none;
	}

	* html #fancybox-overlay {	/* IE6 */
		position: absolute;
		width: 100%;
	}

	#fancybox-tmp {
		padding: 0;
		margin: 0;
		border: 0;
		overflow: auto;
		display: none;
	}

	#fancybox-wrap {
		position: absolute;
		top: 0;
		left: 0;
		margin: 0;
		z-index: 1101;
		display: none;
	}

	<!--[if IE]>

	#fancybox-outer {
		zoom:1;
		filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff30,endColorstr=#ffffff30);
		background:transparent;
	}

	<![endif]-->

	#fancybox-outer {
		position: relative;
		width: 100%;
		height: 100%;
		background: rgb(255,255,255);
		background: rgba(255, 255, 255, 0.3);
	}

	#fancybox-inner {
		position: absolute;
		top: 0;
		left: 0;
		width: 1px;
		height: 1px;
		padding: 0;
		margin: 0;
		outline: none;
		overflow: hidden;
	}

	#fancybox-hide-sel-frame {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background: transparent;
	}

	#fancybox-close {
		position: absolute;
		top: -15px;
		right: -15px;
		width: 30px;
		height: 30px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px 0px;
		cursor: pointer;
		z-index: 1103;
		display: none;
	}

	#fancybox_error {
		color: #444;
		font: normal 11px Arial;
		padding: 7px;
		margin: 0;
	}

	#fancybox-content {
		height: auto;
		width: auto;
		padding: 0;
		margin: 0;
	}

	#fancybox-img {
		width: 100%;
		height: 100%;
		padding: 0;
		margin: 0;
		border: none;
		outline: none;
		line-height: 0;
		vertical-align: top;
		-ms-interpolation-mode: bicubic;
	}

	#fancybox-frame {
		position: relative;
		width: 100%;
		height: 100%;
		border: none;
		display: block;
	}

	#fancybox-title {
		position: absolute;
		bottom: 0;
		left: 0;
		font-family: Arial;
		font-size: 13px;
		z-index: 1102;
	}

	.fancybox-title-inside {
		padding: 10px 0;
		text-align: center;
		color: #333;
		background: rgb(255,255,255);
	}

	.fancybox-title-outside {
		padding-top: 5px;
		color: #FFF;
		text-align: center;
		font-weight: bold;
	}

	.fancybox-title-over {
		color: #FFF;
		text-align: left;
	}

	#fancybox-title-over {
		padding: 10px;
		background-image: url('js/fancybox/fancy_title_over.png');
		display: block;
	}

	#fancybox-title-wrap {
		display: inline-block;
	}

	#fancybox-title-wrap span {
		height: 32px;
		float: left;
	}

	#fancybox-title-left {
		padding-left: 15px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -90px;
		background-repeat: no-repeat;
	}

	#fancybox-title-main {
		font-weight: bold;
		line-height: 29px;
		background-image: url('js/fancybox/fancybox-x.png');
		background-position: 0px -40px;
		color: #FFF;
	}

	#fancybox-title-right {
		padding-left: 15px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -55px -90px;
		background-repeat: no-repeat;
	}

	#fancybox-left, #fancybox-right {
		position: absolute;
		bottom: 0px;
		height: 100%;
		width: 35%;
		cursor: pointer;
		outline: none;
		background-image: url('js/fancybox/blank.gif');
		z-index: 1102;
		display: none;
	}

	#fancybox-left {
		left: 0px;
	}

	#fancybox-right {
		right: 0px;
	}

	#fancybox-left-ico, #fancybox-right-ico {
		position: absolute;
		top: 50%;
		left: -9999px;
		width: 30px;
		height: 30px;
		margin-top: -15px;
		cursor: pointer;
		z-index: 1102;
		display: block;
	}

	#fancybox-left-ico {
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -30px;
	}

	#fancybox-right-ico {
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -60px;
	}

	#fancybox-left:hover, #fancybox-right:hover {
		visibility: visible;    /* IE6 */
	}

	#fancybox-left:hover span {
		left: 20px;
	}

	#fancybox-right:hover span {
		left: auto;
		right: 20px;
	}

	.fancy-bg {
		position: absolute;
		padding: 0;
		margin: 0;
		border: 0;
		width: 20px;
		height: 20px;
		z-index: 1001;
	}

	#fancy-bg-n {
		top: -20px;
		left: 0;
		width: 100%;
		background-image: url('js/fancybox/fancybox-x.png');
	}

	#fancy-bg-ne {
		top: -20px;
		right: -20px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -162px;
	}

	#fancy-bg-e {
		top: 0;
		right: -20px;
		height: 100%;
		background-image: url('js/fancybox/fancybox-y.png');
		background-position: -20px 0px;
	}

	#fancy-bg-se {
		bottom: -20px;
		right: -20px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -182px; 
	}

	#fancy-bg-s {
		bottom: -20px;
		left: 0;
		width: 100%;
		background-image: url('js/fancybox/fancybox-x.png');
		background-position: 0px -20px;
	}

	#fancy-bg-sw {
		bottom: -20px;
		left: -20px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -142px;
	}

	#fancy-bg-w {
		top: 0;
		left: -20px;
		height: 100%;
		background-image: url('js/fancybox/fancybox-y.png');
	}

	#fancy-bg-nw {
		top: -20px;
		left: -20px;
		background-image: url('js/fancybox/fancybox.png');
		background-position: -40px -122px;
	}

	/* IE */

	#fancybox-loading.fancybox-ie div	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_loading.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-close		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='fancybox/fancy_close.png', sizingMethod='scale'); }

	.fancybox-ie #fancybox-left-ico		{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_nav_left.png', sizingMethod='scale'); }
	.fancybox-ie #fancybox-right-ico	{ background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_nav_right.png', sizingMethod='scale'); }

	.fancybox-ie .fancy-bg { background: transparent !important; }

	.fancybox-ie #fancy-bg-n	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_n.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-ne	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_ne.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-e	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_e.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-se	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_se.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-s	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_s.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-sw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_sw.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-w	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_w.png', sizingMethod='scale'); }
	.fancybox-ie #fancy-bg-nw	{ filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='js/fancybox/fancy_shadow_nw.png', sizingMethod='scale'); }