/* 
 _________________________________________________________
|                                                         |
|       DESIGN + Andreas Robertz                          |
|         DATE + 2006-10-05                               |
|    COPYRIGHT + 2006 http://www.crear.de                 | 
|                                                         | 
|          CMS + CMSmadeSimple                            | 
|_________________________________________________________|
*/


body {
	margin: 1em 1em 1em 1em;
	padding: 0px;
	height: 100%;
	width: 640px;
	font-family: Helvetica, Arial, Sans-Serif;
	font-size: 85%;
}

.clear{
	clear: both;
}


/* CENTER-AREA */
/* DOMAIN-MENUE TABS */

#center hr.hideme, #domainnav, ul#domainmenue, #search, div.logobox {
	display: none;
}

p.breadcrumbtext{
	text-align: left;
	vertical-align: bottom;
	font-size: .7em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
	border-bottom: 1px dotted #53626C;
	padding-bottom: .4em;
	border-top: 1px dotted #53626C;
	padding-top: .4em;
}

.breadcrumb a {
	color: #53626C;
	text-decoration: underline;
	font-style: normal;
}

/* MAIN */
	
#main{
	padding: 0;
	font-size: .9em;
}

/* MAIN - MENUE */
/* SITESKILL-NAVIGATION OF SITEMAP, PRINT, CONTACT */

.mainleft , #siteskill{
	display: none;
}


/* SITEMAP - CONTENT */


#content #sitemap li{
	font-style: normal;
	font-weight: normal;
	list-style: outside url(/uploads/images/system/menue_link_item.gif);
	margin: .1em 0 0 -1.4em;
}

#content #sitemap li a{
	border-bottom: 1px solid #5A79DE;
	color: #5A79DE;
	text-decoration: none;
}

/* CONTENT AREA */

#content h1{
	color: #53626C;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #53626C;
}

#content h2{
	color: #53626C;
	font-size: 1.1em;
	font-weight: bold;
}

#content h2.hideme{
	display: none;
}

#content h3{
	color: #53626C;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px solid #53626C;
}

#content h4{
	color: #53626C;
	font-size: 1.1em;
	font-weight: bold;
}

#content h4.underlined{
	border-bottom: 1px dotted #53626C;
	margin-bottom: 2em;
	padding-bottom: .2em;
}

#content h5{
	font-size: 1em;
	font-weight: bold;
}

#content h5.underlined{
	border-bottom: 1px dotted #53626C;
	margin-bottom: 2em;
	padding-bottom: .2em;
}

#content hr{
	height: 1px;
	border: none;
	border-bottom: 1px dotted #aaaaaa;
}

#content a{
	color: #5A79DE;
	text-decoration: underline;
}


#content a img{
	border: none;
}

#content ul li{
	padding-bottom: .4em;
}

#content img.imgleft{
	float: left;
	padding: 1.2em 1.2em 1.2em 0;
}

#content img.imgright{
	float: right;
	padding: 1.2em 0 1.2em 1.2em;
}

/* -- Mark external Links -- */
 html #content a[href^="http://"]{
	background: url(/uploads/images/system/page_externallink.gif) no-repeat right center;
	padding-right: 1.0em;
	text-decoration: none;
	border-bottom: 1px solid #5A79DE;
}
 html #content a[href^="https://"]{
	background: url(/uploads/images/system/page_externallink.gif) no-repeat right center;
	padding-right: 1.0em;
	text-decoration: none;
	border-bottom: 1px solid #5A79DE;
}
 html #content a[href^="http://www.hosting.crear.de"],
 html #content a[href^="http://hosting.crear.de"],
 html #content a[href^="http://www.crear.de"],
 html #content a[href^="http://crear.de"]{
	background-image: none;
	padding-right: 0em;
}

/* myAdress -GlobalContent- DefinitionList */

dl.myadress dt{
	position: absolute;
	left: -2000px; /* Screenreaders don't like 'display: none;' *//* Screenreaders don't like 'display: none;' */	
}

dl.myadress dd{
	margin-left: 0;
}

/* PostcardAdress -GlobalContent- */

.bgpostcard{
	background: url(/uploads/images/php-world/bg_postkarte.gif) no-repeat;
	margin: 1em 1em 1em 2em;
	padding-bottom: 2.5em;
	height: auto;
}

.bgpostcard address{
	padding-left: 180px;
	padding-top: 80px;
	display: block;
}

/* Searchoutput DefinitionList */

dl.searchResult dt{
	font-weight: bold;
}

dl.searchResult dd{
	padding: .4em 0 1.2em 0; 
	margin-left: 1em;
}


/* Zur Person DefinitionList */

dl.persdetails dt{
	font-weight: bold;
}

dl.persdetails dd{
	padding: .4em 0 1.2em 0; 
	margin-left: 13em;
	margin-top: -1.6em;
}

dl.lebenslauf dt{
	font-weight: bold;
}

dl.lebenslauf dd{
	padding: .4em 0 1.2em 0; 
	margin-left: 1em; 
}

/* Referenzen DefinitionList */

dl.referenzen dt{
	font-weight: bold;	
}

dl.referenzen dd{
	padding: .4em 0 1.2em 0; 
	margin-left: 13em;
	margin-top: -1.6em;
}

/* News-Box auf der Startseite */

div#newsbox{
border: 1px dotted #53626C;
padding: 1em;
}

/* News-Auflistung DefinitionList */

dl.newslist dt{
	font-weight: bold;
}

dl.newslist dd{
	padding: .4em 0 1.2em 0; 
	margin-left: 8em;
	margin-top: -1.6em;
}

/* G?stebuch-Auflistung */

div.guestbook{
	margin-top: 2em;
}

div.guestbook div.gbheader{
	width: 100%;
	margin: 0;
	height: 2em;
	border-bottom: 1px dotted #53626C;
}

div.guestbook h4{
	float: left;
	margin: 0;
}

div.guestbook img{
	float: right;
	padding-left: 2em;
	padding-right: 1em;
	border: none;
}

#content div.guestbook a,
#content div.guestbook a:hover {
	background-image: none;
	padding-right: 0em;
}

/* Image-Galery CMSMS */

	/* Image Gallery - Small Thumbnail Images */
	#imagegallery div.thumb {
		margin: 1em 1em 1.6em 0; /* Space between images */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: left;
	}

	#imagegallery div.thumb a,#imagegallery  div.thumb a ,#imagegallery div.thumb a:link, #imagegallery div.thumb a:hover { 
	/* Set link formatting*/
		width: 100px; /* Image width*/
		height: 100px; /* Image height*/
		display: block;
		padding: 12px; /* Image padding to form photo frame */
		margin: 0;
		background-color: white; /*Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
		text-align: center;
		vertical-align: middle;
		max-width: 100px;
		max-height: 100px;
	}
	
	#imagegallery div.thumb a img,#imagegallery  div.thumb a img,#imagegallery div.thumb a:link img{
		vertical-align: middle;
		text-align: center;
		margin: auto;
		display: inline;
	}

	#imagegallery div.thumb a:visited  {
		background-color: #eee;
	}

	#imagegallery div.thumb a:hover  {
		background-color: #BFCFFF;
	}

	#imagegallery p.thumbPicCaption {
	position: absolute;
	left: -2000px; /* Screenreaders don't like 'display: none;' */
	}

	/* Image Gallery - Big Images */
	#imagegallery div.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
		text-align: center;
	}

	p.bigPicCaption { 
	position: absolute;
	left: -2000px; /* Screenreaders don't like 'display: none;' */ 
}

	#imagegallery div.bigPic img{ /* Big Image settings */
		width: 350px; /* Width of Big Image */
		height: auto;
		display: inline;
		padding: 18px; /* Image padding to form photo frame. */
		/* You can set the above to 0px = no frame - but no hover indication! Adjust other widths ot text!*/
		margin: 0;
		background-color: white; /* Background of photo */ 
		border-top: 1px solid #eee; /* Borders of photo frame */
		border-right: 2px solid #ccc; 
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none; 
		text-align: center;
	}

	#imagegallery p.bigPicNav { 
	/* Big Image information: 'Image 1 of 4' and gallery navigation */
		margin: 0;
		width: 386px; /* Image width plus 2 x padding for image (photo frame) - to center text on image */
		padding: 0;
		color: #000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
	}

/* SITENAV - BACK-2-TOP NAVIGATION */

#sitenav{
	display: none;
}

/* FOOTER */

#bottom{
	font-size: 76%;
}

#bottom a{
	color: #5A79DE;
}

hr{
	height: 1px;
	border: none;
	border-bottom: 1px dotted #aaaaaa;
}

.info{
	text-align: left;
	float: left;
	line-height: 1.3em;
}

.footnav{
	text-align: right;
	float: right;
}

.accessibility {
	position: absolute;
	left: -2000px; /* Screenreaders don't like 'display: none;' */
}