@charset "utf-8";

/*
===============================================
*  	[Master Stylesheet]
*
*	Projekt: 			strichundpunkt
*	Autor: 				www.strichundpunkt.de
*	Letzte Änderung: 	04/09/2010
============================================'===
*/

/*
===============================================
*  	Generelle HTML-Elemente
===============================================
*/

html {
	height: 100%;
	margin-bottom: 1px;
}

body {
	background:#292929;
	text-align:center; /* Zentrierung für IE */	
	/*font-size:62.5%;*/
	font-family: Helvetica, Arial, Verdana, Geneva, sans-serif;	
	height: 100%;
	margin-bottom:1px;
	color: #292929;	
}


h1, .h1 { font-size: 16pt; font-weight:bold;}                  
h2, .h2 { font-size: 14pt; margin-bottom:10px; font-weight:bold;}

h3, .h3 { font-size: 10.5pt;  margin-bottom:10px; font-weight:bold;}
.h3 {display:block;}
h4 { font-size: 12px;}                    
h5 { font-size: 10px; font-weight:bold;}                    
h6 { font-size: 8px; font-style:italic;}

p, .p {
	font-size:10.5pt;
	line-height:12.5pt;
	margin-bottom:12px;
}
li {margin:0; font-size:10.5pt; line-height:12.5pt;}
a {font-size:10.5pt; line-height:12.5pt;}

a:link, a:visited, a:active {color: #292929;}
a:hover, a:focus, .active {color:#DC0050 !important;}

#pageWrapper {	
	background:url("../img/hg.jpg") repeat-x scroll 0 0 #BDBAA7;
	z-index:1;
}

q {quotes:"„" "”" "‚" "‘"} /* Setzt orthographisch richtige Anführungszeichen */
q:before {content:open-quote;}
q:after {content:close-quote;}


/*  	Header
===============================================
*/

#header {
	width:100%;
	height:145px;
	z-index:2;
}

#header .wrap ul li {
	display:inline;
}

#logo {
	display:block;
	float:left;
	height:145px;
	width:225px;
	text-indent:-999em;
	background:transparent url(../img/logo.jpg);
}

#fon {	
	float:left;
	height:145px;
	text-indent:-999em;
	width:115px;
	background:transparent url(../img/telefon.jpg);
}

#mail a {
	float:left;
	height:145px;
	text-indent:-999em;
	width:200px;
	background:transparent url(../img/email.jpg) 0 0 no-repeat;
}

#mail a:hover {
	background:transparent url(../img/email.jpg) 0 -145px no-repeat;
}

#impressum a {
	float:right;
	height:145px;
	width:130px;
	text-indent:-999em;
	background:transparent url(../img/impressum.jpg) 0 0 no-repeat;
}

#impressum a.active,
#impressum a:hover {
	background:transparent url(../img/impressum.jpg) 0 -145px no-repeat;
}

/*  	Content
===============================================
*/

#mainHome {
	position:relative;
	padding:0 0 160px;
	background:transparent url(../img/hg_muenchen_solo.jpg) 100px bottom repeat-x;
}

#homeGallery {
	margin-left:60px;
	position:relative;
	height:260px;
	overflow:hidden;
	background-color:#BDBAA7;
	width:840px;	
}

#homeContent {
	position:absolute;	
	width:840px;	
	z-index:10;
	background:transparent url(../img/hg_hometext.png) bottom left repeat-y;
	bottom:0;
	height:100px;
}


#homeContent p {
	font-size:1.2em;
	line-height:1.2em;
	margin:11px 20px;
	padding:0;
}

.slides img {
	margin-bottom:8px;
}

#slides ul {
	height:250px;
	overflow:hidden;
	width:840px;
	z-index:10;
}

.slides ul li a {
	background-color:transparent;
	display:none;
}

.slides ul li a:hover {
	text-decoration:underline;
}


#gallery h2 {
	position:relative;
	padding-top:20px;
	
}



/*  	Navigation
===============================================
*/

#mainPortfolio {	
	background-color:#fff;
	padding-bottom:80px;
}

#mainLeistungen {
	background-color:#DEDCD4;
	padding-bottom:100px;
	padding-top:30px;
}

#portfolio {
	background-color:#fff;	
}

#portfolio a {	
	background:transparent url(../img/nav_portfolio.gif) 0 0 no-repeat;	
}

#portfolio p,
#portfolio a:hover {
	background:url(../img/nav_portfolio.gif) 0 -33px no-repeat;
}

#portfolioActive a.link {
background:url(../img/nav_portfolio.gif) -150px -33px no-repeat;
}

#portfolio ul li {
	display:inline;
}

#portfolio ul li a {
	float:left;	
	text-indent:inherit;
	color:black;
}

#portfolio ul li a:hover
{
	background:#333;
}

/* Portfolio Unterseiten */

.portImg {
	float:right;
	width:535px;
	height:250px;
	margin-right:120px;
}

.portImg ul {margin-top:270px;}

.portImg ul li {
	display:inline;
	font-size:1em;
	padding-right:8px;
	 border-left:1px solid;
}

.portImg ul li:first-child {
	border:none;
}

#leistungen {
	background-color:#DEDCD4;
}

#leistungen a {
	background:url(../img/nav_leistungen.gif) 0 0 no-repeat;
	
}

#leistungen a:hover {
	background:url(../img/nav_leistungen.gif) 0 -33px no-repeat;
}

#team {
	background-color:#BEBAA8;
}

#team a {
	background:url(../img/nav_ueberuns.gif) 0 0 no-repeat;
	
}

#team a:hover {
	background:url(../img/nav_ueberuns.gif) 0 -33px no-repeat;
}

#specials {
	background-color:#4A4E48;
}

#specials a {
	background:url(../img/nav_specials.gif) 0 0 no-repeat;
}

#specials a:hover {
	background:url(../img/nav_specials.gif) 0 -33px no-repeat;
}

#teaser {
	position:relative;
	background-color:#4A4E48;
	color:#BEBAA8;
	padding-left:60px;
	overflow:hidden;
	width:100%;
	padding-bottom:60px;
}

#teaser ul li {	
	display:inline;
	float:left;
	margin-right:15px;
	overflow:hidden;
	width:270px;
}

#teaser ul li a {
	color:#DEDCD4;
	display:block;
	height:110px;
	overflow:hidden;
	padding:50% 25px 10px 20px;
	position:relative;
	width:225px;
}

#teaser ul li a:hover,
#teaser ul li a:focus,
#teaser ul li a.active {color:#DC0050;}

#teaser ul li a#teaser1 {
	background:transparent url(../img/special_shirt.gif) -270px 0 no-repeat;
}

#teaser ul li a#teaser2 {
	background:url("../img/special_epost.gif") no-repeat scroll -270px 0 transparent;
}

#teaser ul li a#teaser3 {
	background:transparent url(../img/special_illus.gif) -270px 0 no-repeat;
}

#teaser ul li a#teaser1:hover,
#teaser ul li a#teaser1:focus,
#teaser ul li a#teaser1:active {
	background:transparent url(../img/special_shirt.gif) 0 0 no-repeat;
}

#teaser ul li a#teaser2:hover,
#teaser ul li a#teaser2:focus,
#teaser ul li a#teaser2:active {
	background:url("../img/special_epost.gif") no-repeat scroll 0 0 transparent;
}

#teaser ul li a#teaser3:hover,
#teaser ul li a#teaser3:focus,
#teaser ul li a#teaser3:active {
	background:transparent url(../img/special_illus.gif) 0 0 no-repeat;
}

#contact {	
	position:relative;	
	color:#424641;
	background-color: #292929;
	z-index: 999;
}

#claim {
	text-indent:-999em;	
	background-color: #292929;	
	position:relative;
}

#claim p {
	color:#424641;
	background:transparent url("../img/claim.gif") no-repeat scroll 0 0;
	height:39px;
	width:549px;
	padding-bottom:30px;
	left:192px;	
	position:absolute;
	top:-40px;
	z-index: 1000;
}
#pageIndex #claim p,
#pageImpressum #claim p,
#pageLeistungen #claim p{
	top:10px;
}

#pageKontakt #claim p {
	top: -105px;
	left: 290px;
}
#contact a {	
	display:block;
	padding-top:50px;
	color:#4A4E48;
	font-size:10.5pt;
	line-height:12.5pt;
	background:url(../img/nav_kontakt_off.gif) 0 0 no-repeat;	
}

#contact a.active,
#contact a:hover {	
	background:url(../img/nav_kontakt_hi.gif) 0 0 no-repeat;
}

#contact a span {
	padding-left:365px;
	display:block;
}

#corporateDesign {
	padding-top:50px;
}

/*
===============================================
*  	Ids und Classes
===============================================
*/

.wrap {
	clear:both;
	margin:0 auto;
	padding:0;
	width:960px;
	text-align:left;
	position:relative;
}

.clearfix:after {
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
}
.link {	
	position:relative;
	display:block;
	top:-20px;
	width:960px;
	height:33px;
	text-indent:-999em;
}

.left {
	float:left;
}

.right {
	float:right;
}

.clear {
	clear:both;
}

.clearLeft {
	clear:left;	
}

.clearRight {
	clear:right;
}

.active {
	color:#DC0050;
	cursor:default;
}

.magenta {
	color:#DC0050 !important;
}

.underline {
	text-decoration:underline;
	
}

.visibleText {
	text-indent:0 !important;
	background-color:#DEDCD4;
	-moz-border-radius: 50px;
	/*-webkit-border-radius:50px;*/
	border-radius: 50px;
	width:200px;	
	padding:20px 0 20px 25px;
}
.visibleText p {margin:0;}

#ie5 {
	display:none;
}

noscript {		
		color:#000;
		font-size:10.5pt;
		left:0;
		margin:0 auto;
		padding:10px;
		position:fixed;
		top:0;
		width:100%;
		z-index:1000;
}
/*
###############################################
*  	Ende des Stylesheets
###############################################
*/