@charset "utf-8";
/* CSS Document */

/*
==============================================================
  basic layout and general formatting rules for sitegefuehl.de

  author: 
	paulina seroczynska <info@sitegefuehl.de>
	
  last modified: 2010/07/19
==============================================================
*/

/* -------------------------------------------------------------------- */
/* datei:	screen.css													*/
/* projekt:	sitegefuehl.de												*/
/* -------------------------------------------------------------------- */
/* verwendete farben:													*/
/* weiss:		#FFFFFF													*/
/* pink:		#f12a72													*/
/* hintergrund:	#222222													*/
/* matschi:		#93804c													*/
/* hellmatschi:	#a4956b													*/
/* grau:		#707070													*/
/* hellgrau:	#cccccc													*/
/* -------------------------------------------------------------------- */
/* 1=oben, 2=rechts, 3=unten, 4=links									*/
/* margin: 	aussen														*/
/* padding: innen														*/
/* -------------------------------------------------------------------- */


/*********** IE RESET **********/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, 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;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
img {
border:none;
}

body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
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: "" "";
}

/*********** BASIC **********/
html {
	
}
body {
	background-color: #222222;
}

body, td, th, input, textarea {
	font-family:verdana,sans-serif;
	font-size:12px;
	font-size-adjust:none;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:165%;
	color:#707070;
}

a {
	color:#f12a72;
}
a:visited {
	color:#c0235c;
}

a:hover, a:active {
	color:#93804c;
}


h1, h2, h3, h4, h5, .aktivsub a {
  font-family:georgia,"Times New Roman",times,serif;
}

h1 {
	color:#000000;
	position: absolute;
	top:10px;
	left:100px;
	padding:0;
	margin:0;
}

h2 {
	color:#222;
	font-size:30px;
	line-height: 35px;
}

h3, h3 a, .aktivsub a {
	color:#f12a72;
	font-size:22px;
	margin-top:12px;
	text-decoration:none;
	text-align:left;
}
h4 {
	color:#f12a72;
	font-size:18px;
	margin-top:12px;
}

p {
	margin:10px;
}
.small {
	font-size:10px;
}
.pullquote {
	color:#222;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url(../img/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
	margin-top:50px;
	clear:both;
	width:220px;
	text-align:justify;
}

.pullquote:first-letter {
	background: url(../img/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.pullquote_op {
	color:#222;
	font-size:125%;
	line-height:140%;
	margin:10px;
	background: url(../img/closequote.gif) no-repeat bottom right !important;
	background /**/:url(); /* removing quote graphic in IE5+ */
	padding:0px 25px 5px 0px;
	margin-top:0px;
	clear:both;
	width:220px;
	text-align:justify;
}

.pullquote_op:first-letter {
	background: url(../img/openquote.gif) no-repeat left top !important;
	padding:5px 2px 10px 35px!important;
	padding /**/:0px; 	/* resetting padding in IE5+ */
	background /**/: url(); /* removing quote graphic in IE5+ */
}
.hide {
  	visibility:hidden;
}
.td_middle {
	vertical-align:middle;
}
.td_padding {
	padding:5px;
}

.float_left {
	float:left;
}
.dunkelrot {color:#993366;}
/*********** NAVI **********/

#navi {
	position:absolute;
	top:10px;
	left:100px;
}

/*ul.menu { 
	margin:0;
	padding:0; 
}*/

ul.menu li { 
	display:block;
	padding:0; 
	float:left;
	text-align:left;
	margin-right:2em; 
}

ul.menu li a { 
	color:#a4956b;
	font:bold 14px georgia;
	text-decoration:none;
	line-height: 1.3em; 
	display:block; 
}

ul.menu li a:visited {
	color:#a4956b;
}

ul.menu li a:hover, ul.menu li a:active { 
	color:#f12a72; 
}

ul.menu li span { 
	font:11px arial; 
	color:#707070; 
	margin:0; 
}

ul.menu li span:visited {
	color:#707070;
}

#navi ul.menu li a:hover span {
	color:#ccc;
}

#navi ul.menu li.aktivrosa a {
	color:#f12a72;
}

#navi ul.menu li span.aktivgrau {
	color:#ccc;
} 


/*********** SUBNAVI & DIENSTE **********/
#spalte_links ul {
	margin:10px;
}

#subnavi ul li {
	margin-top:25px;
}
#subnavi ul li a {
	text-decoration:none;
}
#subnavi ul {
	margin-top:12px;
}

.aktivsub a h3 {
	text-decoration:underline;
	color:#93804c;
}
#subnavi ul li a:hover h3 {
	color:#93804c;
}
/*********** HEADER **********/
#header_txt {
	position:absolute;
	top: 180px;
	left:490px;
	text-align:justify;
	font: 12px arial;
	color:#a4956b;
	width:280px;
}

.teaser {
	font: bold 14px arial;
	color:#ceb8a2;
}


#header {
	margin-top:50px;
	/*border:1px solid #ff0000;*/
	padding:0px;
	
}

/*********** CONTENT **********/


#breadcrumb p {
	padding:15px;
	padding-left:50px;
	margin:0px;
}

#content {
	background-color: #fff;
}

#home_content {
	width: 635px;
	height: 360px;
	padding: 18px;
	float:left;
	margin-right:4px !important;
	margin-right:0;
	background-color: #fff;
}
#home_content p {
	margin:0px;
}

#content_folge {
	width: 920px;
	padding: 10px 20px 20px 40px;
	background-color: #fff;
	/* 1=oben, 2=rechts, 3=unten, 4=links*/
}
#spalte_rechts {
	float:right;
	width: 276px;
	margin-left:20px;
}

#spalte_links {
	width:563px;
	text-align:justify;
}


#home_bild {
	height:400px;
	overflow: hidden;
	padding:0;
	margin:0;
	background-color: #fff;
}

.hallo {
	font: bold 50px arial;
	color: #222;
	display: block;
	line-height:1;
}

.subhallo {
	font: bold 30px arial;
	color: #93804c;
}

.dunkel {
	color: #222;
	line-height:130%;
	font: bold 26px arial;
}

.pink {
	color: #f12a72;
	line-height:130%;
}


/*********** ZETTEL **********/
#zettel {
	z-index:10;
	position:relative;
}
.schrift_zettel {
	position:absolute;
	top:10px;
	left:15px;
	z-index:20;
	font-size:10px;
	line-height:1;
	color:#ccc;
}


/*********** FOOTER **********/
#footer {
	margin-right:2px;
	width:920px;
}

#footer ul li {
	float:right;
	text-align:right;
	margin:8px;
	font: 11px arial;
}

#footer ul li a, #footer ul li a:active, #footer ul li a:hover, #footer ul li a:visited {
	display:block;
	color:#707070;
	text-decoration: none;
}

#footer ul li a:active, #footer ul li a:hover {
	color: #ccc;
}
div#footer ul li.aktivgrau a {
	color:#ccc;
}
/*********** MAILFORM TYPO3 **********/
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px solid #C0C0C0;
}

.radiolayout {
width:60%;
padding-top:15px;
padding-bottom:15px;
}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
}

.mf-radio {
border:0px;
}

.mf-text {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
color:#222;
background-color:#fff;
}

.mf-check {
border: 0px;
}
.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
color:#222;
background-color:#fff;
}

.mf-submit {
color: #222;
background-color: #C0C0C0;
border: 0px;
margin-top:20px;
}


/*********** NAVI BEI DIENSTE **********/

#spalte_links h3 li {
	list-style-type:circle;
	list-style-position:inside;
	color: #93804c;
}

#spalte_links h3 a {
	color:#93804c;
	
}
#spalte_links h3 a:visited {
	color:#a4956b;
}
#spalte_links h3 a:hover, #spalte_links h3 a:active {
	color:#f12a72;
}
/*********** Referenzen **********/
#spalte_links ul li{
	list-style-type:disc;
	list-style-position:inside;
	text-align:left;
	margin:5px;
}

.tx-sgglossary-pi1 {
	width:70%;
	line-height:200%;
}
#ref_nicer ul li {
	line-height:150%;
}
#ref_nicer h3 {
	display:inline;
}
#ref_nicer a {
	margin-left:15px;
}
/*********** GLOSSARY **********/
#table_begriffe {
	width:100px;
}

.zelle_abstand {
	width:80px;
}

.gloss {
	text-decoration:none;
	border-bottom:1px dashed;
	
}
/*********** follow-me **********/
.follow-me {
	background:transparent url('../img/follow-me.jpg') no-repeat scroll left center;
	position:fixed;
	z-index:99999;
	height:119px;
	top:320px;
	right:0;
}
.follow-me a, .follow-me a:visited, .follow-me a:active {
	display:block;
	text-decoration:none;
	text-indent:-999em;
	height:119px;
	width:30px;
}
.follow-me a:hover {
	background-position:scroll right center;
	width:35px;
}
*html .follow-me {
	background:transparent url('../img/follow-me-ie.jpg') no-repeat scroll right center;
	position:absolute;
	left:0;
	top:30px;
	width:30px;
}
*html .follow-me a:hover {
	background-position:scroll right center;
}
.facebook {
	background:transparent url('../img/facebook_tab.jpg') no-repeat scroll left center;
	position:fixed;
	z-index:99999;
	height:119px;
	top:450px;
	right:0;
}
.facebook a {
	display:block;
	text-decoration:none;
	text-indent:-999em;
	height:119px;
	width:30px;
}
.facebook a:hover {
	background-position:scroll right center;
	width:35px;
}
*html .facebook {
	background:transparent url('../img/facebook_tab_ie.jpg') no-repeat scroll right center;
	position:absolute;
	left:0;
	top:140px;
	width:30px;
}
*html .facebook a:hover {
	background-position:scroll right center;
}
/*********** SMOOTHGALLERY **********/

#myGallery {
	width: 900px !important;
	height: 408px !important;
}

#myGallery, #myGallerySet, #flickrGallery
{
	width: 460px;
	height: 345px;
	z-index:5;
}

#flickrGallery
{
	width: 500px;
	height: 334px;
}

#myGallery img.thumbnail, #myGallerySet img.thumbnail
{
	display: none;
}

.jdGallery
{
	overflow: hidden;
	position: relative;
}

.jdGallery img
{
	border: 0;
	margin: 0;
}

.jdGallery .slideElement
{
	width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/gallery/ajax-loader.gif');
}

.jdGallery .loadingElement
{
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	background-color: #000;
	background-repeat: no-repeat;
	background-position: center center;
	background-image: url('../img/gallery/ajax-loader.gif');
}

.jdGallery .slideInfoZone /* Bottom Box  */
{
	position: absolute;
	z-index: 10;
	width: 210px;
	margin: 0px;
	left: 660px;
	top: 0;
	height: 370px;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
	font: 11px/175% Verdana, Arial, Helvetica, sans-serif;
	padding: 15px;
}

* html .jdGallery .slideInfoZone
{
	bottom: -1px;
}

.jdGallery .slideInfoZone h2 /* header of caption box */
{
	padding: 0;
	font-size: 11px;
	margin: 0;
	margin: 2px 5px;
	font-weight: bold;
	color: #fff;
}
.jdGallery .slideInfoZone p /* Description */
{
	padding: 10px 0 0 0;
	font-size: 11px;
	margin: 2px 5px;
	color: #eee;
}

.jdGallery div.carouselContainer
{
	position: absolute;
	height: 135px;
	width: 100%;
	z-index: 10;
	margin: 0px;
	left: 0;
	top: 0;
}

.jdGallery a.carouselBtn
{
	position: absolute;
	bottom: 0;
	right: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
}

.jdGallery .carousel
{
	position: absolute;
	width: 100%;
	margin: 0px;
	left: 0;
	top: 0;
	height: 115px;
	background: #333;
	color: #fff;
	text-indent: 0;
	overflow: hidden;
}

.jdExtCarousel
{
	overflow: hidden;
	position: relative;
}

.jdGallery .carousel .carouselWrapper, .jdExtCarousel .carouselWrapper
{
	position: absolute;
	width: 100%;
	height: 78px;
	top: 10px;
	left: 0;
	overflow: hidden;
}

.jdGallery .carousel .carouselInner, .jdExtCarousel .carouselInner
{
	position: relative;
}

.jdGallery .carousel .carouselInner .thumbnail, .jdExtCarousel .carouselInner .thumbnail
{
	cursor: pointer;
	background: #000;
	background-position: center center;
	float: left;
	border: solid 1px #fff;
}

.jdGallery .wall .thumbnail, .jdExtCarousel .wall .thumbnail
{
	margin-bottom: 10px;
}

.jdGallery .carousel .label, .jdExtCarousel .label
{
	font-size: 13px;
	position: absolute;
	bottom: 5px;
	left: 10px;
	padding: 0;
	margin: 0;
}

.jdGallery .carousel .wallButton, .jdExtCarousel .wallButton
{
	font-size: 10px;
	position: absolute;
	bottom: 5px;
	right: 10px;
	padding: 1px 2px;
	margin: 0;
	background: #222;
	border: 1px solid #888;
	cursor: pointer;
}

.jdGallery .carousel .label .number, .jdExtCarousel .label .number
{
	color: #b5b5b5;
}

.jdGallery a
{
	font-size: 100%;
	text-decoration: none;
	color: inherit;
}

.jdGallery a.right, .jdGallery a.left
{
	position: absolute;
	height: 99%;
	width: 25%;
	cursor: pointer;
	z-index:999;
}

.jdGallery a.left
{
	left: 0;
	top: 0;
	background: url('../img/gallery/left.gif') no-repeat left 340px    ;
}

* html .jdGallery a.left { background: url('../img/gallery/left.gif') no-repeat 340px left; }

.jdGallery a.right
{
	right: 0;
	top: 0;
	background: url('../img/gallery/right.gif') no-repeat right 340px;
}

* html .jdGallery a.right { background: url('../img/gallery/right.gif') no-repeat 340px right; }

.jdGallery a.open
{
	left: 0;
	top: 0;
	width: 0%;
	height: 0%;
	
}

.withArrows a.open
{
	position: absolute;
	top: 0;
	left: 25%;
	height: 0;
	width: 0;
	cursor: pointer;
	z-index: 10;
	background: none;
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}

.withArrows a.open:hover { background: url('img/open.png') no-repeat center center; }

* html .withArrows a.open:hover { background: url('img/open.gif') no-repeat center center;
	filter:alpha(opacity=80); }
	
	
/* Gallery Sets */

.jdGallery a.gallerySelectorBtn
{
	z-index: 15;
	position: absolute;
	top: 0;
	left: 30px;
	height: 20px;
	/*width: 100px; background: url('img/carousel_btn.gif') no-repeat;*/
	text-align: center;
	padding: 0 10px;
	font-size: 13px;
	background: #333;
	color: #fff;
	cursor: pointer;
	opacity: .4;
	-moz-opacity: .4;
	-khtml-opacity: 0.4;
	filter:alpha(opacity=40);
}

.jdGallery .gallerySelector
{
	z-index: 20;
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: #000;
}

.jdGallery .gallerySelector h2
{
	margin: 0;
	padding: 10px 20px 10px 20px;
	font-size: 20px;
	line-height: 30px;
	color: #fff;
}

.jdGallery .gallerySelector .gallerySelectorWrapper
{
	overflow: hidden;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton
{
	margin-left: 10px;
	margin-top: 10px;
	border: 1px solid #888;
	padding: 5px;
	height: 40px;
	color: #fff;
	cursor: pointer;
	float: left;
}

.jdGallery .gallerySelector .gallerySelectorInner div.hover
{
	background: #333;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton div.preview
{
	background: #000;
	background-position: center center;
	float: left;
	border: none;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton h3
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
}

.jdGallery .gallerySelector .gallerySelectorInner div.galleryButton p.info
{
	margin: 0;
	padding: 0;
	font-size: 12px;
	font-weight: normal;
	color: #aaa;
}

.tx-powermail-pi1_fieldset_ihrekontaktaufnahmezusitegefhl {
	line-height:1.5em;
}
a.darklink {
	color:#333;
	text-decoration:none;
	border-bottom:1px dotted #666;
}
a.darklink:hover {
	color:#F12A72;
	border-bottom:1px dotted #F12A72;
}