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

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

body {
	margin: 0px 0px 0px 0px;
	height: 100%;
	background: url(/uploads/images/system/background_blue.jpg) repeat-x;
	text-align: center;
	font-family: Helvetica, Arial, Sans-Serif;
	color: #53626C;
	font-size: 85%;
	padding: 0;
}

.clear{
	clear: both;
}


/* CENTER-AREA */

#center {
	width: 768px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	background: url(/uploads/images/system/bg_mitte.jpg) repeat-y center;
}

/* DOMAIN-MENUE TABS */

#domainnav{
	margin: 0 0 0 0;
   padding: 0 0 0 0;
	text-align: right;
	vertical-align: bottom;

}

ul#domainmenue
{
	font: bold .8em verdana, arial, sans-serif;
	list-style-type: none;
	padding-right: 20px;
	padding-top: 50px;
	padding-bottom: 0;
	margin: 0 0 0 0;
	float: right;
	width: 30em;
}

ul#domainmenue li
{
	float: left;
	height: 24px;
	margin: 2px 2px 0 2px;
	background: url(/uploads/images/system/tab_norm_right.gif) no-repeat right top;
}

ul#domainmenue li dfn
{
	display: none;
}

#domainmenue li a
{
	display: block;
	color: #ffffff;
	text-decoration: none;
	background: url(/uploads/images/system/tab_norm_left.gif) no-repeat left top;
	padding: 5px 15px;
}

#domainmenue li a:hover {
	color: #F3A10F;
	background: url(/uploads/images/system/tab_norm_left_on.gif) no-repeat left top;
	padding: 5px 15px;
}


ul#domainmenue li#domactive a:hover
{
	color: #F3A10F;
}

ul#domainmenue li:hover
{
	color: #F3A10F;
	background: url(/uploads/images/system/tab_norm_right_on.gif) no-repeat right top;
}

#domainmenue li#domactive1 span, #domainmenue li#domactive1 a, #domainmenue li#domactive a
{
	float: left;
	display: block;
	color: #5A79DE;
	text-decoration: none;
	background: url(/uploads/images/system/tab_norm_left_on.gif) no-repeat left top;
	padding: 5px 15px;
}

ul#domainmenue li#domactive1, ul#domainmenue li#domactive1 a, ul#domainmenue li#domactive
{
	background-image: url(/uploads/images/system/tab_norm_right_on.gif);
}



/* HEADER */

#header{
	height: 350px;
	background: url(/uploads/images/system/bg_top_blue1.jpg) no-repeat center;
}

/*Searchbox*/

#search{

	height: 40px;
	padding: 0 35px 0 0;
	margin: 0;
	vertical-align: middle;
}

#search form, #search span, #search input {
  margin: 0;
  padding: 0;
}
#search form {
  margin: 1.6em 0 0 .8em;
  vertical-align: middle;
  float: right;
}
#search form input {
  width: 11em;
  border: 1px solid #999999;
  padding: 0 .3em;
  font-size: .7em;
  color: #000;
}
#search  input:focus { background: #FFF; }
#search  input#buttonSearch {
	margin: 0;
	border: 0;
	padding: 0;
	width: 16px;
	height: 16px;
	line-height: .7em;
	font-size: .7em;
	vertical-align: middle;
	white-space: nowrap; /* if you want to show image in IE5 instead of only text */
	background: url(/uploads/images/system/page_search_button.gif) no-repeat;
	text-indent: -500em; /* end of IE5 image showing *//* end of IE5 image showing */

}
#search input#buttonSearch:hover, #search input#buttonSearch:focus {
	background: url(/uploads/images/system/page_search_button_active.gif) no-repeat;
}

div.logobox{
	text-align: left;
	padding: 40px 0 0 45px;
	margin: 0 0 0 0;
   height: 130px;
}

* html div.logobox {  /* nur fuer Internet Explorer */
  height:167px;     /* Version 5.x */
  h\eight:142px;    /* Version 6 */
}

div.breadcrumb{
	height: 35px;
	text-align: left;
	padding: 0;
}
p.breadcrumbtext{
	text-align: left;
	vertical-align: bottom;
	margin: 0 0 0 228px;
	font-size: .7em;
	font-family: "MS Sans Serif", Geneva, sans-serif;
}

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

.breadcrumb a:hover, a:active{
	text-decoration: none;
}

/* MAIN */
	
#main{
	padding: 0 24px 10px 26px;
	margin-top: -10px;
	min-height: 100%;
	font-size: .9em;
}

/* MAIN - MENUE */

.mainleft{
	width: 200px;
	float: left;
	height: auto;
	text-align: left;
}

h3.domhead{
	color: #5A79DE;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 2px dotted #aaaaaa;
}


#primary-nav  dfn,
#primary-nav .menuactive dfn
{
	display: none;
}

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

#primary-nav li a{
   color: #53626C;
	text-decoration: none;
font-weight: normal;
}

#primary-nav li.active01,
#primary-nav li.activeparent01 a.activeparentlink01{
 	color: #5A79DE;
	font-weight: bold;
}

#primary-nav li.activeparent01 .active01,
#primary-nav li.activeparent02 a.activeparentlink02
{
	color: #FDA304;
	font-weight: bold;
}

#primary-nav .activeparent01 .active02
{
	color: #5A79DE;
	font-weight: bold;
}

#primary-nav a:hover,
#primary-nav li.activeparent01 a:hover,
#primary-nav li.activeparent02 a:hover
{
	color: #53626C;
	font-weight: bold;
}

/* MAIN - CONTENT */

.mainright{
	width: 500px;
	float: right;
	text-align: left;
}


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

#siteskill{
		text-align: right;
		display: inline;
}

#siteskill li{
	float: right;
	padding: 0 0 0 .4em;
	list-style-type: none;
}

#siteskill a span{
	border: none;
	padding: .3em;
	display: block;
}

#siteskill a .imgsitemap{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_sitemap.gif) no-repeat;
}

#siteskill a:hover .imgsitemap{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_sitemap_active.gif) no-repeat;
}

#siteskill a .imgkontakt{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_kontakt.gif) no-repeat;
}

#siteskill a:hover .imgkontakt{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_kontakt_active.gif) no-repeat;
}

#siteskill a .imgprint{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_print.gif) no-repeat;
}
#siteskill a:hover .imgprint{
	height: 15px;
	width: 15px;
	background: url(/uploads/images/system/button_print_active.gif) no-repeat;
}

/* SITEMAP - CONTENT */

#content #sitemap a:hover {
	font-weight: bolder;
	text-decoration: underline;
}

#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: 0px;
	color: #5A79DE;
	font-weight: bold;
	text-decoration: none;
}

#content #sitemap li li a{
	border-bottom: 0px;
	color: #53626C;
	font-weight: normal;
	text-decoration: none;
}

#content #sitemap li li li a{
	border-bottom: 0px;
	color: #FDA304;
	font-weight: normal;
	text-decoration: none;
}

#content #sitemap li li li li a{
	border-bottom: 0px;
	color: #53626C;
	font-weight: normal;
	text-decoration: none;
}


/* CONTENT AREA */

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

#content h2{
	color: #5A79DE;
	font-size: 1.1em;
	font-weight: bold;
}

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

#content h4{
	color: #5A79DE;
	font-size: 1.1em;
	font-weight: bold;
}

#content h4.underlined{
	border-bottom: 1px dotted #5A79DE;
	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:hover{
	text-decoration: none;
}

#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;
}
 html #content a[href^="http://"]:hover{
	background: url(/uploads/images/system/page_externallink_active.gif) no-repeat right center;
	padding-right: 1.0em;
	border-bottom: none;
}
 html #content a[href^="https://"]:hover{
	background: url(/uploads/images/system/page_externallink_active.gif) no-repeat right center;
	padding-right: 1.0em;
	border-bottom: none;
}

 html #content a[href^="http://www.hosting.crear.de"]:hover,
 html #content a[href^="http://hosting.crear.de"]:hover,
 html #content a[href^="http://www.crear.de"]:hover,
 html #content a[href^="http://crear.de"]:hover{
	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 #5A79DE;
padding: 0 1em 0 1em;
margin: 2em;
}

/* 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 #5A79DE;
}

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{
	text-align: right;
		padding-right: 15px;
}

#sitenav a{
	font-size: .8em;
	color: #53626C;
	background: url(/uploads/images/system/page_top.gif) no-repeat left center;
   padding: 0 0 0 1.2em;
	text-decoration: none;
	border-bottom: 1px solid #53626C;
}


#sitenav a:hover{
	border-bottom: none;
}

/* FOOTER */

#bottom{
	height: 60px;
	background: url(/uploads/images/system/bg_bottom.jpg) no-repeat center bottom;
	font-size: 76%;
	padding: 15px 35px 5px 35px;
}

#bottom a{
	color: #5A79DE;
}

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

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

.info{
	text-align: left;
	float: left;
}

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

.footnav1{
	text-align: right;
	padding: 10px 10px 10px 10px;
	float: right;
}

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