/*
____________________________________________________________________
 qbic-media.de Standard Stylesheet
 © 2007 - 2008 qbic media, Lars Igl, Im Bungert 1d, 53343 Wachtberg
 Dieses Stylesheet darf ohne die schriftliche Genehmigung der qbic media
 in jeglicher Form nicht verwendet werden. Dies gilt auch für Auszüge des Stylesheets.
 Sollten Sie jedoch Fragen bezüglich des Stylesheets haben können Sie sich gern
 per E-Mail an info@qbic-media.de an uns wenden. Wir helfen gern. :)
____________________________________________________________________
*/ 


/**************************		Standard Definitionen		**************************/

* { /**css reset **/
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

body {
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	font-size: 15px;
	background: #faf4d2 url(../images/bg.jpg) top left repeat-x;
	color: #000;
}

a, a:hover, a:visited, a:active {
	color: #4d1f0a;
}

a {
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/**************************		DIV Container		**************************/

#wrapper {
	width: 794px;
	margin: 0 auto;
	background: transparent;
	min-height: 100px;
}

#header {
	width: 760px;
	margin: 0 auto;
	min-height: 112px;
	background: url(../images/bg_header.jpg) top center no-repeat;
	padding: 0 17px;
}

#logo_wrapper {
	float: left;
}

#nav_wrapper {
	width: 490px;
	float: right;
	min-height: 10px;
}

#house_wrapper {
	width: 760px;
	margin: 0 auto;
}

#house_wrapper_left {
	float: left;
	width: 380px;
}

#house_wrapper_right {
	float: right;
	width: 380px;
	height: 294px;
	background: url(../images/house.jpg) top center no-repeat;
}

#content_wrapper {
	position: relative;
	top: 5px;
	clear: both;
}

#content_head {
	display: block;
	height: 29px;
	background: url(../images/content_head.png) top center no-repeat;
}

#content {
	position: relative;
	height: 100%;
	background: url(../images/bg_content.png) top center repeat-y;
	padding: 0 32px 15px 32px;
}

#main {
	position: relative;
	width: 467px;
	float: left;
	top: 20px;
	margin-right: 40px;
}


#main * {
	max-width: 467px;
}

#main a {
	background: url(../images/link.gif) left no-repeat;
	padding-left: 12px;
}

#main_full {
	padding-top: 20px;

}

#sidebar {
	position: relative;
	width: 193px;
	float: right;
	background: url(../images/sidebar.jpg) top center no-repeat;
	padding: 15px;
}



#content_clearer {
	clear: both;
	margin-bottom: 20px;
}

#content_foot {
	display: block;
	height: 20px;
	background: url(../images/content_foot.png) top center no-repeat;
}

#footer {
	position: relative;
	margin-top: 10px;
	text-align: center;
	font-size: .8em;
	margin-bottom: 10px;
	clear: both;
}

/**************************		Schrift Definitionen		**************************/

a.header {
	position: relative;
	top: 17px;
	width: 270px;
	height: 112px;
	display: block;
	color: #b9b1d8;
	background: url(../images/logo.gif) top left no-repeat;
	font-size: 0em;
}

#house_wrapper_left h2 {
	display: block;
	width: 380px;
	height: 129px;
	background: #b9b1d8 url(../images/aus_einer.gif) top center no-repeat;
	font-size: 0px;
	color: #b9b1d8;
	font-size: 0em;
}

#house_wrapper_left p.anschrift {
	display: block;
	width: 380px;
	height: 117px;
	background: #b9b1d8 url(../images/anschrift.jpg) top center no-repeat;
	color: #b9b1d8;
	font-size: 0em;
}

#main h3 {
	color: #e1e1e1;
	display: block;
	height: 35px;
	width: 100%;
	background: url(../images/head_news.jpg) top left no-repeat;
	font-size: 0em;
}

#main_full h3 {
	color: #e1e1e1;
	display: block;
	height: 35px;
	width: 100%;
	background: url(../images/head_news.jpg) top left no-repeat;
	font-size: 0em;
}

#main p span {
	font-weight: bold;
}

#main_full p span {
	font-weight: bold;
}

#main h4.zh {
	margin-top: 1.5em;
}

#main h5 {
	font-size: 1.1em;
	padding-top: 15px;
}

#main_full ul.one {
	list-style-type: disc;
	margin-left: 50px;
	display: inline;
	width: 26%;
	float: left;
}

#main_full ul.two {
	list-style-type: disc;
	margin-left: 50px;
	display: inline;
	width: 26%;
	float: left;
}

#main_full ul.three {
	list-style-type: disc;
	margin-left: 25px;
	display: inline;
	width: 26%;
	float: right;
}

#main_full ul.three li, ul.two li, ul.one li {
	margin-bottom: .5em;

}

#main_full abbr {
	border-bottom: 1px dotted black;
}


/*** Headlines ***/

#main h3.ueber {
	background: url(../images/head_ueber.jpg) top left no-repeat;
}

#main h3.kontakt {
	background: url(../images/head_kontakt.jpg) top left no-repeat;
}

#main h3.impressum {
	background: url(../images/head_impressum.jpg) top left no-repeat;
}

#main_full h3.referenzen {
	background: url(../images/head_referenzen.jpg) top left no-repeat;
}

#main h3.philo {
	background: url(../images/head_philo.jpg) top left no-repeat;
}

#main_full h3.leistungen {
	color: #e1e1e1;
	display: block;
	height: 35px;
	width: 100%;
	font-size: 0em;
	background: url(../images/head_leistungen.jpg) top left no-repeat;
}

#main h4 {
	color: #4d1f0a;
	font-size: 1.2em;
	margin-bottom: 1em;
}

#main p.datum {
	margin-top: 1.6em;
	margin-bottom: 0.5em;
	text-decoration: underline;
	font-size: 0.8em;
}

#main p {
	font-size: 0.95em;
}

#main img {
	float: left;
	padding: 2px;
	border: 1px solid #4d1f0a;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main a.bild {
	padding-left: 12px;
	background: none;
	margin-top: 10px;
	float: left;
}

#main a.bildrechts {
	padding-left: 12px;
	background: none;
	margin-top: 10px;
	float: right;
}

#main img.right {
	float: right;
	padding: 2px;
	border: 1px solid #4d1f0a;
	margin-top: 10px;
	margin-right: 10px;
	margin-bottom: 10px;
}

#formular {
	background: #c1c1c1;
	padding: 10px;
}

#formular input {
	height: 1.3em;
}
#formular input, textarea {
	width: 100%;
}

#formular textarea {
	height: 300px;
}

#formular p {
	font-size: .8em;
}

#sidebar h3 {
	display: block;
	width: 151px;
	height: 35px;
	font-size: 0pt;
	color: #e5e5e5;
	background: url(../images/leistungen.jpg) top left no-repeat;
	text-indent: -99999px
}

#sidebar h3.spaeter {
	background: url(../images/spaeter.jpg) top left no-repeat;
}

#sidebar ul {
	position: relative;
	list-style-type: square;
	left: 15px;
	margin-top: 15px;
	font-size: 0.9em;
}

#sidebar p.subtext {
	font-size: 0.75em;
	margin-top: 1em;
}

#footer a{
	color: #000;
	text-decoration: underline;
}

#footer a:hover {
	text-decoration: none;
}

#footer a:active {
	color: #000;
}


/**************************		Sonstige Definitionen		**************************/

ul.nav {
	position: relative;
	list-style: none;
	left: 5px;
}

ul.nav li{
	display: block;
}


ul.nav li a {

	width: 96px;
	height: 95px;
	margin-right: -1px;
	border-left: 1px solid #8b80ba;
	border-right: 1px solid #8b80ba;
	float: left;
	text-decoration: none;
	text-align: center;
	line-height: 95px;
	color: #000;
}

ul.nav li a:hover {
	background: url(../images/nav_over.gif) top center repeat-y;
	text-decoration: none;
}

ul.nav li a:active {
	color: #000;
}

ul.nav li a.current {
	background: url(../images/nav_current.gif) top center repeat-y;
}

ul.nav li a.current:hover {
	background: url(../images/nav_current.gif) top center repeat-y;
}

/**************** Moo Accordion ********************/

.wrap {
	padding-top: 1px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #3f3e37;
	margin-left: -5px; margin-right: -5px;
}

.bottomMargin {
	padding-bottom: 10px;
}

/*tooltip*/

div.tooltip {
	width: 200px;
	color: #fff;
	text-align: center;
}

div.tooltip h4 {
	color: #f2f2f2;
	font-weight: bold;
	text-shadow: 2px 2px 1px #222;
	margin: 0;
	padding: 13px 10px 5px;
	background: url(../images/balloon.png) top left no-repeat !important;
	background: url(../images/balloon.gif) top left no-repeat;
	font-size: 11px;
}

div.tooltip p {
	margin: 0;
	padding: 0 10px 15px;
	text-shadow: 2px 2px 1px #222;
	background: url(../images/balloon.png) bottom left no-repeat !important;
	background: url(../images/balloon.gif) bottom left no-repeat;
	font-size: 10px;
}


/* accordion togglers */
.toggler {
	font-weight: bold;
	color: #3f3e37;
	display:block;
	width:100%;
	cursor:pointer;
	height:25px;
	background: #d1d1d1;
	vertical-align: middle;
	padding-top: 2px;
	border-bottom: 1px solid #c1c1c1;
}
.toggler div{
	margin-left: 10px;
	position: relative;
}

.toggler div img{
	position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;
}

.toggler div span{
	margin-left: 35px;
	line-height: 20px !important;
	line-height: 25px ;
}


/* toggler hover */

.togglerHover {
	font-weight: bold;
	color: maroon;
	display:block;
	width:100%;
	cursor:pointer;
	height:25px;
	background: #888;
	vertical-align: middle;
	padding-top: 2px;
	border-bottom: 1px solid #c1c1c1;
}
.togglerHover div{
	margin-left: 10px;
	position: relative;
}

.togglerHover div img{
	position: absolute;
	margin-top: 4px !important;
	margin-top: 0px;
}

.togglerHover div span{
	margin-left: 35px;
	line-height: 20px !important;
	line-height: 25px ;
	color: #fff;
}

/* accordion elements */

.accordion {
	color: #3f3e37;
	text-align:left;
	padding-left: 10px;
	padding-right: 10px;
	background: #fff;
}

.accordion p {
	margin-bottom: 0.5em;
}

.accordion p span {
	font-weight: bold;
}

.accordion h4 {
	margin-top: 10px;
	margin-bottom: 0.7em;
}

.accordion p.first{
	margin-top: 10px;
}

.accordion ul {
	margin-left: 25px;
	margin-bottom: .5em;
}