/*
Theme Name: Selected-Gallery
Theme URI: http://selected-gallery.de
Description: Custom WordPress Theme
Version: 1.0
Author: modularte
Author URI: http://modularte.de
Tags: custom, clean, basic
*/

/* =========================================================================== */
/* ! 

color tones

dark violet:	#8c1e63
light violet:	#d72992
gray:		#858688

*/
/* =========================================================================== */


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, 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;}

table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
ol, ul {list-style: none;}
hr {display: none; visibility: hidden;}
:focus {outline: 0; background: #FFF;}
a img {outline: none; border: none;}

input {
	border-width: 1px;
	border-style: solid;
	border-collapse: separate;
	border-spacing: 0;
	border-color: #efefef;
	width: 20%;
	margin: 0;
	height: 15px;
	margin: 0 5px 0 5px;}



/* ========= */
/* ! tools   */
/* ========= */

/* clearfix */

.clear:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}

.clear {display: inline-block;}

/* Hides from IE-mac \*/
* html .clear { height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */

/* misc styles / elements */

p {margin: 0; padding: 20px 0;}

strong {font-weight: bold;}

.top-border {
	border-top: 1px dotted rgb(133, 134, 136);}

.top-space {
	margin: 0;
	padding: 30px 0 0 0;}

.alert {margin: 20px 0; padding: 20px; background: #EEE;}

#paypal {
	float: right;
	margin-top: -30px;
	margin-right: 10px;
	padding-bottom: 40px;
	}


/* ======== */
/* ! typo   */
/* ======== */

h1, h2, h3, h4 {color: #000; margin: 0 0 20px 0;}

h1 {font-size: 30px;}
h2 {font-size: 14px;}
h3 {font-size: 23px;}
h4 {font-size: 10px;}

a, a:visited {text-decoration: none; color: #d72992;}
	a:hover {text-decoration: none; color: #8c1e63;}

/* replacement gfx */

.logo_small {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	display: block;
	width: 136px;
	height: 22px;
	/* float: right; */
	background: url(img/gs-logo-small.png) no-repeat;}




/* ============= */
/* ! structure   */
/* ============= */

html {
	font: 12px/14px Arial, Sans-Serif;
	line-height: 1.2;
	color: #858688;
	background: #FFF;}

#container {
	width: 960px;
	margin: 0 auto;
	padding: 0;}

#header {
	width: 960px;
	height: 190px;
	margin: 0;
	margin-bottom:18px;
	padding: 0;}

	#header h1 {
		line-height: 40px;
		float: right;
		text-transform: uppercase;
		font-size: 10px;
		font-weight: bold;
		color: #FFF;}
	
		#header h1 a {
			text-indent: -9999px;
			margin: -10px 13px 0 0;
			padding: 0;
			display: block;
			width: 125px;
			height: 175px;
			background: url(img/head-bg.png) no-repeat;}


#top_bar {
	width: 780px;
	height: 25px;
	font-size: 10px;
	margin: 4px 0 0 0;}

	#top_bar .link {float: right;}

.link a {
	color:#aca090;
	}

.link a:hover {
	color:#8c1e63;}
	
/*
.navi {
	font-size: 31px;
	line-height: 30px;
	width: 140px;
	margin: -5px 0 0 0;
	padding: 0;
	overflow: hidden;}

	.navi ul li {
		margin: 0;
		padding: 0;}

		.navi ul li a {
			cursor: pointer;
			margin: 0;
			padding: 0;
			display: block;}
*/

#navi {
		font-size: 30px;
		width: 170px;
		margin: 0px 0 0 11px;
		padding: 0;
		overflow:hidden;
		}
	
#navi ul li a {cursor: pointer; display: block; text-indent: -9999px;}

	#navi ul li a.galerie {
		width: 170px;
		height: 34px;
		background: url(img/nav-galerie.png) no-repeat;}
	
	#navi ul li a.galerie:hover, #navi ul li a.galerie.active {
		background: url(img/nav-galerie.png) 170px 0;}

	#navi ul li a.uber_uns {
		width: 170px;
		height: 34px;
		background: url(img/nav-uber_uns.png) no-repeat;}
	
	#navi ul li a.uber_uns:hover, #navi li a.uber_uns.active {
		background: url(img/nav-uber_uns.png) 170px 0;}

	#navi ul li a.objekte {
		width: 170px;
		height: 34px;
		background: url(img/nav-objekte.png) no-repeat;}
	
	#navi ul li a.objekte:hover, #navi ul li a.objekte.active {
		background: url(img/nav-objekte.png) 170px 0;}

	#navi ul li a.newsletter {
		width: 170px;
		height: 34px;
		background: url(img/nav-newsletter.png) no-repeat;}
	
	#navi ul li a.newsletter:hover, #navi ul li a.newsletter.active {
		background: url(img/nav-newsletter.png) 170px 0;}

	#navi ul li a.kontakt {
		width: 170px;
		height: 34px;
		background: url(img/nav-kontakt.png) no-repeat;}
	
	#navi ul li a.kontakt:hover, #navi ul li a.kontakt.active {
		background: url(img/nav-kontakt.png) 170px 0;}

#seleced_news {
	background: url(img/selected_news_bg.gif) top right no-repeat;
	width: 36px;
	height: 234px;
	position: fixed;
	top: 288px;
	right: 0;
	z-index: 10;}

	#seleced_news a {cursor: pointer; display: block; text-indent: -9999px; margin: 4px 0 1px 6px;}

	#seleced_news a.facebook {
		width: 27px;
		height: 27px;
		background: url(img/icon_facebook.gif) no-repeat;}	

	#seleced_news a.twitter {
		width: 27px;
		height: 27px;
		background: url(img/icon_twitter.gif) no-repeat;}	

	#seleced_news a.rss {
		width: 27px;
		height: 27px;
		background: url(img/icon_rss.gif) no-repeat;}	

#content {
	width: 960px;
	margin: 0;
	padding: 0;
	background: #FFF;}

#inhalt {
	margin: 10px 0 100px 0px;}


#teaser {
	color:#858688;
	font-size:21px;
	text-transform: uppercase;
	margin:39px 0 0 11px;
	}

.teaser-dark-violett{
	color:#8c1e63;
	}
	
.teaser-light-violett{
	color:#d72992;
	}

.oscar_wilde {
	background-image: url(img/oscar_wilde.png);
	background-repeat:no-repeat;
	width:83px;
	height:14px;
	display:block;
	text-indent:-9999px;
	}
	
.name-kontakt {
	background-image: url(img/name-kontakt.png);
	background-repeat:no-repeat;
/*
	width:130px;
	height:14px;
*/
	width:150px;
	height:18px;
	display:block;
	text-indent:-9999px;
	margin:0 0 5px 0;
	padding:0;
	}

.narrow_column {
	margin: 0 0 100px 13px;
	padding: 30px 0 0 0;
	width: 490px;
	float: left;}

.narrow_column p {margin: 0 0 20px 0; padding: 0; line-height:1.8}

.narrow_column h1 {line-height: 23px; margin: 0 0 15px 0;}

.light-violett-uppercase {
	text-transform:uppercase;
	color:#d72992;
	}

.fav_links {
	margin: 30px 0 40px 180px; 
	padding: 0; 
	width: 250px;
	float: left;}

	.fav_links h2 {
		font: 21px/28px Arial, Sans-Serif;
		text-transform: uppercase;}

	.fav_links li {
		list-style: none;
		font-weight: bold;
		margin: 0 0 20px 0;
		line-height:1.5;}

		.fav_links ul li a {font-weight: normal; color: #d72992; display:block; margin-top:5px;}



.fav_impressum {
	margin: 30px 0 0 50px; 
	padding: 0; 
	width: 300px;
	float: left;}
	
	.fav_impressum p {
		margin:0 0 25px 0;
		padding:0;}

		  .fav_impressum h3 {
			  margin:0 0 22px 0;
			  padding:0;}
			  
			  .fav_impressum a{
				  cursor:pointer;
				  display:block;
				  height:15px;
				  width:80px;
				  padding:3px 0 3px 0 ;}.fav_links ul li a:hover {font-weight: normal; color: #8c1e63;}

#footer {
	width: 960px;
	height: 20px;
	margin: 15px 0 20px 0;
	padding: 0;
	background: #FFF;
	clear: both;
	color: #858688;
	font-size: 11px;
	border-top: 1px dotted rgb(133, 134, 136);} 

	#footer .left {width: auto; float: left; text-align: left;}
	#footer .right {width: auto; float: right; text-align: right;}

#footer p{
	margin-left:11px;
	padding:0;
	padding-top:7px;}

#footer a{
	color:#858688;}

#footer a:hover{
	color:#d72992;}


/* ======================== */
/* ! Specific Page Styles   */
/* ======================== */

/* Galerie Page (Home) */

#slideshow {
	z-index: 0;
	margin: 5px 0 0px 0;
	padding: 0;
	width: 960px;
	height: 349px;
	overflow: hidden;}

#arrows {margin: -30px 0 20px 0; padding: 0; position: relative; left: 920px; width: 40px;}
	#arrows a {cursor: pointer; display: block; text-indent: -9999px; position: absolute;}
		#arrows a#prev {width: 8px; height: 13px; background: url(img/arrows-both.png) no-repeat;}
		#arrows a#next {width: 8px; height: 13px; background: url(img/arrows-both.png) 7px 0; margin: -14px 0 0 15px;}




/* Product Home Page (Objekte) */

#product-interaction {
	display: block;
	width: 960px;
	height: 24px;
	margin: 30px 0 45px 11px;}

#product-interaction div form {
	float: left;
	margin: 0 10px 0 0;}

.prev_next_productpage {
	float: right;
	margin: -70px 0 0 0;
	font-size: 11px;}

	.prev_next_productpage div {float: left;}

	.prev_next_productpage a {margin: 0 0 0 5px; padding: 0; text-decoration: none;}

.product-grid {
	width: 210px;
	margin: 0 10px 15px 11px;
	float: left;}
	
	.product-grid h3,
	.product-grid h4 {padding: 0; margin: 0; line-height: 10px; font-size: 16px;}




/* Product Single Page (Product Details) */ 

#product-details a.erlesenes_objekt {
	text-indent: -9999px;
	margin: 0 0 30px 0;
	padding: 0;
	display: block;
	width: 129px;
	height: 12px;
	background: url(img/product-back.gif) no-repeat;}

/* styles for the "Next Page, Not Next Post" Plugin on the single product page */
#PrevNextPage {width: 180px; margin: 0 0 0 -300px; float: left;}
#PrevNextPage a {float: left; margin: 0 10px 0 0;}
.previous a {display: block; width: 10px; height: 13px; background: url(img/arrows-both.gif) no-repeat; text-indent: -9999px;}
.next a {display: block; width: 10px; height: 13px; background: url(img/arrows-both.gif) 8px 0; text-indent: -9999px;}

#wp_page_numbers ul {
color: #8c1e63;
padding-top: 1px;
}

#product-details {
	margin: 0 0 0 13px;
	width: 440px;
	float: left;}


#product-details h1 {
	font-size:30px;
	margin:0;
	padding:0;
	}
#product-details h2 {
	font-size:30px;
	margin:0 0 30px 0;
	padding:0;
	}

#product-details p {margin: 0 0 20px 0; padding: 0; line-height:1.8}

#product-image {
	width: 473px;
	float: right;}

#product-image-nav {margin: -3px 0 0 0; float: left;}

	#product-image-nav a {margin: 0 0 0 5px; padding: 0; text-decoration: none;}
		#product-image-nav a.activeSlide {color: rgb(141, 0, 66);}
		#product-image-nav a:hover, #product-image-nav a.activeSlide:hover {color: #000;}
		#product-image-nav a:focus {outline: none;}



/* Presse (password protected) */

/* .login-button {background: url(img/login-button.png) no-repeat; width: 55px; height: 21px; border: none; text-indent: -9999px;} */
input.passwordsubmit {background: url(img/login-button.png) no-repeat; width: 55px; height: 21px; border: none; text-indent: -9999px; cursor:pointer;}
.password {margin: -20px 0 0 0; padding: 0;}

p.submit input {
	background: url(img/button_logout.gif) no-repeat;
	width: 51px;
	height: 9px;
	border: none;
	text-indent: -9999px;
	cursor:pointer;
	position: absolute;
	top: 133px;
	margin: 0 0 0 128px;}


/* Kontakt */

.tel {background: url(img/tel.gif) right 0 no-repeat; padding: 0 30px 0 0;}
.fax {background: url(img/fax.gif) right 0 no-repeat; padding: 0 30px 0 0;}




/* =============== */
/* ! Misc Styles   */
/* =============== */

/* Button Styles (e.g. productsheet, buy, etc.) */

.map {
	font-size: 21px;
	text-transform:none; !important
	margin:0;
	padding:0;}
	
.button {
	margin: 30px 15px 0 0;
	padding: 0;
	float: left;
	font-size: 21px;}
	
.facebook-button a{
	margin: 35px 15px 0 0;
	padding: 0;
	float: left;
	font-size: 20px;
	width: 127px;
	height: 21px;
	background-image: url(img/facebook.png);
	display: block;
	text-indent: -9999px;
	cursor: pointer;
	}

.latest_products_button {
	background: url(img/button_bg.jpg);
	width: 150px;
	border:none;
	margin: 0 10px 0 0;
	float: left;}

.latest_products_button_active {
	background: url(img/button_bg_active.jpg);
	width: 150px;
	border:none;
	margin: 0 10px 0 0;
	float: left;}

	a.latest_products_button, a.latest_products_button_active {
		color: #FFF;
		height: 24px;	
		line-height: 25px;
		padding: 0px 5px;}

/*
.relockbutton {
	text-indent: -9999px;
	margin: 0;
	padding: 0;
	display: block;
	width: 16px;
	height: 16px;
	background: url(img/lock.png) no-repeat;}
*/


.connect_button_container {
	outline: none !important
	background: none !important;}