/* Design 076 - BAGUNK grafikdesign 2011 */

/*

lila 9B2464
lila dunkel 401033
401033

blau 267AAB
dunkel 102341

gruen 789238
DUNKEL 445927

gelb CFB139
dunkel 613A1E
	
hellgrau CBCDCC
HG-grau DFE1E0


/*Basis Elemente */

* {
	margin:0;
	padding:0;
}

html {
	background: #ececed;
	background: url(hg-verlauf.jpg) top left repeat-x #ececed;
}
	
body { 
	background: url(hg-verlauf.jpg) top left repeat-x #ececed;
	color:#333;
	font-family:Helvetica Neue, Helvetica, Arial, sans-serif;
	font-size: 13px;
	line-height: 16px;
}

/*Formatierungen*/	

#inhalt {
	line-height: 16px;
}

#inhalt p, #inhalt ul, #inhalt ol, #inhalt td, #inhalt th { 
	font-size: 13px;
	margin-bottom: 13px; 
	}

#inhalt p {
	/*text-align: justify;*/
}

#inhalt h1, #inhalt h2, #inhalt h3 {
	color: #401033;
	font-weight: bold;
}

#inhalt h1 { 
	font-size: 16px;
	padding-bottom: 13px;
	letter-spacing:1px;
	}	
	
#inhalt h2 { 
	font-size: 15px;
	padding-bottom: 11px;
	}	
	
#inhalt h3 { 
	font-size: 13px;
	padding-bottom: 11px;
	}

#inhalt img {
	border: 4px #fff solid;
	padding: 0px; margin: 4px;
	}	

#inhalt img.left { float: left; margin: 10px 10px 0 0;  }
#inhalt img.right { float: right; margin: 10px 0 0 10px; }

/*für die Bilder, die linksbündig vor Aufzählung liegen*/
#inhalt span.left {
 padding-right:20px;
}

#inhalt a:link, #inhalt a:visited { 
	color:#9B2464; 
	text-decoration: underline;
	}

#inhalt a:hover, #inhalt a:active { 
	color: #000;
	text-decoration: underline;
	}
	
#inhalt ul {
	list-style-type: disc;
	padding-left: 20px;
	}

#inhalt li {
	padding: 0px;
	margin-top: 2px;
	}
	
#inhalt ol {
	list-style-type: dezimal;
	margin-left: 20px;
	
	}	

#inhalt table {
	margin: 15px 0px 20px 0px;
	text-align: left;
	width:100%;
	border-collapse:collapse;
}	

#inhalt th {
	font-weight: bold;
	font-size: 11px;
	color: #fff;
	background: #333;
	border: 1px #fff solid;
	padding: 2px 10px 2px 4px;
	}	

#inhalt td {
	border-bottom: 1px #ccc solid;
	padding: 2px 10px 2px 4px;
	}


div.contactform {
	margin: 47px 0 30px 0;
}

#inhalt .contactform button {
	border: 0 none;
	background:transparent;
	height:190px;
	width:175px;
	margin-left:80px;
	text-indent:-99em;
	overflow:hidden;
}

/* Spezielle DIVs*/
#container {
	left:50%;
	margin-left:-580px;
	border-top:50px solid #fff;
	height:720px;
	width:1160px;
	background: transparent;
	position:relative;
}

#logo {
	width: 180px;
	height: 194px;
	position: absolute;
	top: 69px;
	left: 24px;
	z-index: 300;
	}	
	
#logo_img {
	position: absolute;
	width: 180px;
	height: 194px;
	background:#333;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);
	}

#logo_file { 
	z-index:99;
	width: 180px;
	height: 194px;
}


#oben {
	position:relative;
	height: 240px;
	background: url(gruenderlabel.png) no-repeat top right;
	background-position: 957px 0;
}


#header
{
	position:relative;
	height: 261px;
	width: 240px;
	margin:  0;
	padding:0;
	position: absolute;
	top: 382px;
	left: 239px;
}
#header_img {
	height: 261px;
	width: 240px;
	background-position: top left;
	background-color: transparent;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index:4;
}
/* auf alles Seiten ausblenden */
#header { display: none;}
/* auf Startseite einblenden */
.cat-0.isParent #header { display: block;}

#inhalt { 
	position: relative;
	width: 710px;
	height:340px;
	margin:  62px 0 0 273px;
	z-index: 3;
}

/** INHALTSBLOECKE **/

#text {
	padding: 0px 0px 0px 135px;
	z-index:99;
	color: #401033;
}

#text .table table {
	margin: 0 0 0 0;
	border-top: 1px solid #ccc;
}

#text .table table.noborder {
	margin: 0 0 0 0;
	border-top: 0;
}

#text div.gallery {
	width:400px;
	margin: 18px 0 3px 0;
}

#inhalt .gallery a {
	padding:0; margin:0; 
}

#inhalt .gallery img {
	margin: 0 16px 14px 0;
	padding: 0;
	border: 0;

}

/** Footer (oben rechts) **/	

#footer {
	height: 120px;
	left: 480px;
	position: absolute;
	top: -210px;
	width: 400px;
}

#footer a {
	display: block;
	position:absolute;
	height:24px;
	text-indent:-99em;
	overflow:hidden;
	/*background: #555;
	opacity: 0.5;
	-moz-opacity: 0.5;
	filter:alpha(opacity=5);*/
}

#footer a#toLinks { left: 11px; top: 23px; width: 41px; }
#footer a#toKontakt { left:122px; top: 36px; width: 60px;}
#footer a#toImpressum { left:190px; top:36px; width: 66px; }
#footer a#toPaket { left:283px; top:28px; width: 108px; height: 85px}

/*Navigation*/	
	
#navi {
	background: url(nav-null.jpg) top left no-repeat #fff;
	height: 310px;
	width: 210px;
	position: absolute;
	top: 290px;
	left: 30px;
	overflow: hidden;
	}	
	
#navi2 { 
	font-size: 11px;
	width: 970px;
	letter-spacing:1px;
	}
	
#navi ul {
	/*float:right;*/
	list-style-type: none;
	width:210px;
	height:310px;
	margin:0;
	padding:0;
	}

#navi li {
	/*float:left;*/
	display: block;	
	margin: 20px 0 15px 0;
	position: relative; /*wichtig für IE 6, sonst Unternavi immer ganz links*/
	width: 100%;
	height:55px;
	}

#navi a, #navi a:link, #navi a:visited {
	/*float: left;*/
	text-decoration: none;
	display: block;
	width: 210px;
	color: #666;
	height: 60px;
	cursor: pointer;
	overflow: hidden;
	}		
	
#navi a span {
	display: block;
	padding: 13px 0 14px 0;
	color: #666;
	text-align: center;
	font-weight: normal;
	background: none;
	text-indent:-99em;
	overflow:hidden;
	}

#navi a:hover, #navi a#navaktuell {
	color: #9B2464;
	background-repeat: none;
}

/* keine Unternavi */

#navi ul ul { display: none;}
	
#navi li.cat-1 a:hover, #navi li.cat-1 a#navaktuell { background-image: url(nav-full.jpg); background-position: 0 -20px; }
#navi li.cat-2 a:hover, #navi li.cat-2 a#navaktuell { background-image: url(nav-full.jpg); background-position: 0 -95px; }
#navi li.cat-3 a:hover, #navi li.cat-3 a#navaktuell { background-image: url(nav-full.jpg); background-position: 0 -170px; }
#navi li.cat-4 a:hover, #navi li.cat-4 a#navaktuell { background-image: url(nav-full.jpg); background-position: 0 -245px; }


/***** SEITENSPEZIFISCHES CSS *****/

#container { background: url(default.jpg) top center no-repeat #fff; }

/* 00 Start */
#topExtraDiv { display: none; }
.cat-0 #topExtraDiv { display: block; position:absolute; top:105px; left:-171px; }
#topExtraDiv a {display:block; width:127px; height:44px; text-indent:-99em; overflow:hidden; border:0;}

#topExtraDiv div {
	display: block;
	height: 280px;
	left: -66px;
	position: relative;
	text-align: right;
	top: -329px;
	width: 160px;
	color:#bbb;
	font-size:12px;
}
#topExtraDiv div p {
	margin: 0 0 6px 0;
	padding: 0;
}


.cat-0 #navi, .cat-0 #logo { display: none; }
.cat-0 #container { background: url(00-start.jpg) top left no-repeat #fff; }
.cat-0 #text { padding: 110px 50px 0px 210px; }

/* 01 Leistungen */
.cat-1 #text .table table { margin-top:3px; margin-left:28px; margin-bottom:23px; }
.cat-1 #text .table table td { width:33.3%; padding-left:0px; padding-top:5px;}
.cat-1 #text .table table td ul { font-size:11px; line-height:12px; padding:0; margin:0 0 0 14px; }

#leistungen-sub-nav {
	height: 140px;
	position: absolute;
	right: 20px;
	top: 160px;
	width: 150px;
}
#leistungen-sub-nav a { display:block; width:99%; height:31px; text-indent:-99em; overflow:hidden; border:0;}
#leistungen-sub-nav a#toDesign { margin-top:9px; }
#leistungen-sub-nav a#toWebdesign { margin-top:8px; }
#leistungen-sub-nav a#toWerbetechnik { margin-top:7px; height:42px;}

/* Textfarben */
.cat-1 .column-01 { color: #9B2464; }
.cat-1 .column-02 { color: #267AAB; }
.cat-1 .column-03 { color: #789238; }

/* Referenzen */

.cat-3 #teaser { width:100%; height:170px; margin: 60px 0 30px 0;}

.cat-3 #teaser span.clear { clear: both; width:100%;}

.cat-3 #teaser a {
	display: block;
	float:left;
	height:170px;
	width:140px;
	margin: 0 21px 0 0;
	text-indent:-99em;
	overflow:hidden;
}

/* 02 Ueber mich */
.cat-2 #container { background: url(02-uebermich.jpg) top left no-repeat #fff; }
.cat-2 #text { padding: 10px 20px 0px 240px; }

/* 04 Service */
.cat-4 #container { background: url(04-service.jpg) top left no-repeat #fff; }
.cat-4 #text { padding: 10px 0px 0px 135px; }
.cat-4 #text, .cat-4 #inhalt h1 {color: #613A1E;}

.cat-4 #inhalt a:link, #inhalt a:visited { 
	color:#613A1E;
	}

#fgpaket { display: none;}

#fgpaket {
  background-color: #FFFFFF;
  border: 3px solid #613A1E;
  border-radius: 12px 12px 12px 12px;
  box-shadow: 0 0 50px #CCCCCC;
  font-size: 12px;
  padding: 20px;
  text-align: left;
  width: 405px;
}

#fgpaket p, #fgpaket h1, #fgpaket h2, #fgpaket h3, #fgpaket ul { color: #613A1E; margin-bottom:5px; }
#fgpaket h1 { margin: 5px 0; padding: 10px 0; border-top: 2px solid #613A1E; border-bottom: 2px solid #613A1E;}
#fgpaket h3 { margin: 8px 0 2px 0; }

#fgpaket ul { list-style-type: disc; padding-left: 20px; }


a.modalCloseImg {
  background: url(x.png) top left no-repeat;
  display: block;
  height: 38px;
  position: absolute;
  right: -12px;
  top:-12px;
  width: 38px;
}

/* 05 Links */

.cat-5 #teaser { width:100%; height:160px; margin: 30px 0 10px 0;}

.cat-5 #teaser span.clear { clear: both; width:100%;}

.cat-5 #teaser a {
	display: block;
	float:left;
	height:130px;
	width:105px;
	margin: 0 20px 0 0;
	text-indent:-99em;
	overflow:hidden;
}

#inhalt p.small { font-size:11px; line-height:12px; color:#888; }

.cat-5 #inhalt span.left { margin: 0 6px 0 0; padding:0; }
.cat-5 #text img { padding:0; margin:0; }

/* 07 Impressum */
.cat-7 #container { background: url(07-impressum.jpg) top left no-repeat #fff; }
.cat-7 #text { padding: 75px 75px 0 165px; }
.cat-7 #text .table { border-bottom: 1px solid #401033; padding-bottom:0; width:85%;}
.cat-7 #text .text { font-size:12px; height:100px; overflow: auto; padding-right:20px; margin-top:20px ;}