/*********************************************************************************

	Project		:	Redaxo Demo
	Copyright	:	Design - hundertmorgen - www.hundertmorgen.de

**********************************************************************************/


/* ### undo #################################################################### */

:link,:visited { text-decoration:none; }
ul,ol { list-style:none }
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight:normal; }
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, dl, dt, dd { margin:0; padding:0 }
img, a img,:link img,:visited img, fieldset { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }

table {	border:none; padding:0px; margin:0px; border-spacing:0px; font-size:1em;}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }


legend { display:none; }

div, p, li, a {background-repeat:no-repeat; }

/* ### reset some basic style ################################################### */

dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

pre			{font-size:1.2em; }

a:hover { text-decoration:none; }

/* ### HTML ###################################################################### */
html {
	min-height: 99%;
	margin-bottom: 1px;
}

/* ### BODY ###################################################################### */
body {
	background: #ccc;
	color: #333;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-bottom: 60px;
}

/* \*/ * html body { text-align:center; font-size: 12px; } /* *//* IE 5.5 Hack */

.clearer {
	display:block;
	clear:both;
	line-height:0;
	height:1px;
	font-size:0;
	visibility:hidden;
}

.clear {
	clear:both;
}

.floatLeft { float:left; }
.floatRight { float:right; }

.warning { color:#f00; background: inherit; }

/* ### Website Content ############################################################ */
#site-content {
	position:relative;
	display:block;
	margin:0 auto;
	padding:0;
	height:100%;
	width:1032px;
	background: #fff;
}

/* ### Header ##################################################################### */

#header {
	position:relative;
	margin:0;
	padding:0;
	height:128px;
}

#topPictures {
	clear: both;
	float: none;
	position: relative;
	padding: 0 0 35px 0;
	margin:  0;
	height: 184px;
}

.startpage #topPictures {
	padding: 10px 48px 35px 48px;
}

#main-info-block .startpageliste a,
#main-info-block .startpageliste a:link,
#main-info-block .startpageliste a:hover,
#main-info-block .startpageliste a:active,
#main-info-block .startpageliste a:visited {
	color: #333333 !important;
	font-weight: bold !important;
	text-decoration: none !important;
}

#main-info-block-right {
	float: right;
}

#main-info-block-right-default {
	float: left;
	width: 234px;
}

#teaser {
	position: relative;
	margin: 10px 133px 0 0;
	padding: 0;
	float:right;
}

#teaser a {
	display: block;
	border: none;
	text-decoration: none;
}

#teaser img {
	border: none;
	padding-bottom: 12px;
}

.contact, .zp {
	font-size: 12px !important;
	position: relative;
	top: 0;
	left: 0;
	width: 194px;
	height: 135px;
	background: url(contact_box.png) 0 0 no-repeat;
	padding: 64px 22px 20px 22px;
	color: #372e28;
}

.zp{
  background-image:url(zp-box_k.png);
  padding-top:22px;
}

.contact .section-txt:first-child{height:170px;}

.contact h1, #main-content-block .zp h1 {
	position: absolute;
	top: 22px;
	left: 22px;
	color: #313391 !important;
	font: 21px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0;
	padding: 0;
	background:none !important;
}

#bieten h1,
.contact h1 a:link,
.contact h1 a:hover,
.contact h1 a:visited,
.contact h1 a:active {
	color: #313391 !important;
	font: 21px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0;
	padding: 0;
}
#bieten h1{font-size:12px !important;font-weight:bold !important;background:url(boxhead.png) left bottom repeat-x;margin-bottom:6px;padding-bottom:6px;}


#topPictures .contact {
	position: relative;
	float: left;
}

#bieten a,
.contact a,
.contact a:link,
.contact a:hover,
.contact a:active,
.contact a:visited {
	color: #406a9d;
	text-decoration: none;
	font-size: 12px !important;
}
#bieten li{margin-bottom:6px;text-indent:-7px;padding-left:7px;}

.contact p {
	margin-bottom: 10px;
}


.topPic {
	position: relative;
	margin: 0 11px 0 0;
	padding: 1px 0 0 0;
	height: 216px;
	width: 465px;
	overflow: hidden;
	float: left;
}

.startpage .topPic{
	top: 0;
}

#topBtns {
	position: absolute;
	top: 10px;
	right: 48px;
	width: 470px;
	height: 216px;
}

#topBtn01 {
	position: relative;
	background: url(ziel_implantate.jpg) 0 0 no-repeat;
	height: 71px;
	width: 470px;
}

#topBtn01 a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 309px;
	height: 70px;
	background: url(implantate_btn.png) 0 0 no-repeat;
}

#topBtn02 {
	position: relative;
	background: url(ziel_schlaf.jpg) 0 0 no-repeat;
	height: 73px;
	width: 470px;
}

#topBtn02 a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 309px;
	height: 72px;
	background: url(angstfrei_btn.png) 0 0 no-repeat;
}

#topBtn03 {
	position: relative;
	background: url(ziel_aesthetik.jpg) 0 0 no-repeat;
	height: 73px;
	width: 470px;
}

#topBtn03 a {
	position: absolute;
	top: 0;
	right: 0;
	display: block;
	width: 309px;
	height: 72px;
	background: url(aesthetik_btn.png) 0 0 no-repeat;
}
/* ### Logo ####################################################################### */



/* ### Teaser ##################################################################### */

#main-teaser {
	text-indent:-700em;
	height: 220px;
}

/* ### Content #################################################################### */


#content {
	display:block;
	position:relative;
	padding: 0 0 80px 0;
}

.startpage #content {
	padding: 14px 48px 80px 48px;
}

/* hide from IE/MAC \*/
* html #content, * html #main-content {
	height:1px;
}
/* end hide */


#main-content {}

#main {
	float: left;
	width: 465px;
	margin-right: 12px;
}

.startpage #main {
	margin: 0;
}

/* ### main-block => MainContent ################################################### */

#main-block {
	float:left;
	width: 455px;
}

#main-info-block {
	float:left;
	width: 210px;
	padding: 22px 0 20px 10px;
	display: block;
	color: #333333;

}

#main-info-block p.startpageliste{
  margin-bottom:0;
  padding-bottom:0 !important;
}

#main-content-block {
	padding: 22px 0 20px;
	display: block;
	color: #333333;
}

#main-content-block h1, #main-info-block h1 {
	color: #313391 !important;
	font: 21px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0 0 14px 0;
	padding: 0 0 6px 0;
	background: url(hl_dots.gif) 0 bottom repeat-x !important;
}

#main-content-block h1 a,
#main-content-block h1 a:link, 
#main-content-block h1 a:hover, 
#main-content-block h1 a:visited, 
#main-content-block h1 a:active, 
#main-info-block h1 a,
#main-info-block h1 a:link, 
#main-info-block h1 a:hover, 
#main-info-block h1 a:visited, 
#main-info-block h1 a:active {
	color: #313391 !important;
	font: 21px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
}


#main-content-block h2, #main-info-block h2 {
	color: #313391 !important;
	font: 18px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0;
	padding: 0;
}

#main-content-block h3, #main-info-block h3 {
	color: #313391 !important;
	font: 12px normal Arial, Helvetica, sans-serif !important;;
	text-transform: none !important;
	letter-spacing: normal !important;
	margin: 0;
	padding: 0 0 22px 0 !important;
	font-style: italic !important;
}

#main-block h1.withsub {
	background: none !important;
	padding: 0 0 5px 0 !important;
	margin: 0;
}

#main-content-block a:link, 
#main-content-block a:hover, 
#main-content-block a:visited, 
#main-content-block a:active,
#main-info-block a:link, 
#main-info-block a:hover, 
#main-info-block a:visited, 
#main-info-block a:active 
{
	
	color: #406a9d !important;
	text-decoration: none !important;
}

#main-content-block p, #main-info-block p {
	padding-bottom: 12px !important;
	line-height: 16px;
}
/* ### Footer ###################################################################### */

#footer {
	display:block;
	width:100%;
	background: #afc4d7;
	padding: 10px 0;
	margin: 0;
	color:#fff;
}

#footer p , #footer h1{
	color:#fff;
	padding: 0 48px;
	
}

#footer h1{
  font-size:12px;
}

#footer a,
#footer p a:link {
	color:#fff;
	text-decoration: underline;
}

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

/* ### Wrapper #################################################################### */

#wrap {
	position: relative;
}

#wrap .col1 {
	width: 204px;
	float: left;
	padding-left: 49px;
	min-height: 20px;
}

#wrap .col2 {
	width: 770px;
	float: left;
	min-height: 20px;
}


/* ### Clear Fix #################################################################### */

.clearfix {
	zoom: 1;
	display: block;
}

.clearfix:after {
	content:'\\0020';
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

.termininfo{
  position:relative;
  top:-435px;
  right:-475px;
  width:235px;
}