/*
Theme Name: Website Excellencing
Theme URI: http://zeithygiene.de/
Description: Wordpress - Theme der Website "Excellencing"
Version: 1.0
Datum: 11.7.2008
Author: Bernd Rumpf
Author URI: http://Stylesheet der Website Excellencing/
Tags: blue, custom header, scaleable width, two columns, no widgets, Mootools

*/
/*== Allgemeine Styles ==*/

body { font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; font-size:13px; background:url(img/bg_body.jpg) #8dcaf8 repeat-x; margin:0; padding:0; height:100%; }

/*== Kalibrierung ==*/

* { margin: 0; padding: 0;}

ol, ul { margin-bottom: 0;}
li { list-style-position:inside; }

hr { margin: 6px 0 6px 0; }

h1 { font-size: 20px;; margin-bottom: 10px;}
h2 { font-size: 17px; margin-bottom: 14px;}
h2 sup{font-size: 70%;}
p { margin-bottom: 0px;}
a { color:#737373; }

TD { padding: 4px; }


/*== IDs ==*/

#WRAPPER { position: relative; width: 90%; height:100%;; margin: 0 auto; background-color:#FFFFFF; }

#Fontresizer { position:absolute; right:0px; }
	#Fontresizer a img{ border:none; margin:0; padding:0;}

#HEADER {
	 margin: 0; padding:0; height: 160px; background-image:url(img/Header01.jpg); background-position:right;	
}
	#HEADER H1{ position:absolute; top: 28px; left: 304px; font-style:italic; color: #c1022d; width:10px; }
	#HEADER H2{ position: absolute;	left: -1000px; top: -1000px; width: 0; height: 0; padding: 0; margin: 0; overflow: hidden; display: inline; font-size: 1px; }


#LOGO { position:absolute; left:0px; width:260px; height:160px; background-color:#fff; text-align:center;}
	#LOGO IMG{ margin: 20px; }
	#LOGO H3{ position:absolute; top: 114px; left: 28px; font-size: 16px; color:#888; }
	
#Top_Menu { position:absolute; top:24px; right:10px; width: 160px; font-size:11px; padding: 10px; background-image:url(img/Header01.jpg); background-position:right; color: #c69207; }
	#Top_Menu A{color: #c69207}
	
#TOPLINE { position:absolute; top:160px; height:2px; width: 100%; font-size:1px; background:url(img/bgr_topline.jpg) #bb1d40 no-repeat left; }
	
#NAVI {
	 width:224px; overflow:hidden; font-size:15px; font-weight:600; background:url(img/leftspace.jpg) no-repeat top right;  float:left; margin: 20px 0 100px 20px;
}
	#NAVI ul { margin: 0; padding: 0; overflow:hidden; }
	#NAVI li { list-style-type: none; list-style-position:outside; padding: 6px 0 0 0; }
	
	#NAVI ul li ul {  font-weight:100 ! important; font-size: 12px; padding: 0 0 0 8px; }
	
	#NAVI a { text-decoration:none; }
	#NAVI a:hover { color:red; }

#CONTENT { margin: 0; padding: 0 0 2px 0; height:100%; background:url(img/bgr_content.jpg) #fff bottom right no-repeat; }
	#CONTENT h3{
		width: 330px;
		font-size:16px;
	}
	
#STORY { font-size: 100%; padding-bottom:60px; width:100%; float:right; }

#Logos { margin: 40px 0 20px 0; }
	#Logos img{ padding: 10px; }

#Archivteaser {  width: 222px; font-size:11px; font-weight:100; padding: 10px 0; line-height:14px; background-color:#FFFFFF; }
#Archivteaser a{ font-weight:100; }

#Archiv { position: absolute; left: 20px; top:208px; line-height:14px; }

#Archivteasercontent { width: 220px; height: 240px; overflow:hidden;}

#FOOTER {
	clear:both;
}
/*== Klassen ==*/

.clear { clear: both; width: 0; height: 0; line-height: 0px; }
.skipper { position:absolute; top: -5000px; left: -5000px; width: 0; height: 0; overflow: hidden; display: inline; }

.storycontent { position:relative; height:auto;}
.storycontent hr{ margin-bottom: 26px; clear:both; }

.toptext { position:relative; margin: 0px 0 0 305px; padding: 0 25px 180px 0; font-size:12px; }
.toptext h2{ position:relative; top:-20px; font-size:20px; color: #c1022d; margin-top: 0px; }
.toptext p{ margin-bottom: 12px; }
.toptext strong{ font-weight:800; }
.toptext h1 em{ font-style:normal; color:#c70016; }
.toptext ul{ background-color:#CCCCCC; padding: 10px; margin-bottom:20px;}
.toptext li{ list-style-type: square; list-style-position:inside; color: #333 }

.textleft { position: relative; display:block; width: 348px; padding-left:18px; float: left }
.textright { position: relative; display:block; width: 348px; margin-left: 50%; padding-left: 10px; border-left: 1px solid white; }
.fliesstext { position: relative; display:block; padding-left:18px; padding-top:18px; clear:both; }
.small { font-size: 80%; }
.small a{ text-decoration: none; color:#c70016; }
.coder { text-align:center; font-size:9px; color:#888; margin-left: 20px;}
.coder a{ text-decoration:none; color:#888;}

.more {
		font-size: 11px; color:#0099CC; margin-top: 12px; text-align:right;
	}
.more a{
		text-decoration: none; color:#c70016;
	}
.more a:hover{
		text-decoration: underline;
	}

#IMPRINT { position:absolute; bottom: 0px; right: 0px; width:100%; background:url(img/bgr_topline.jpg) no-repeat right; padding-top: 24px; font-size:12px; }
	#IMPRINT li { display:inline; list-style: none; padding: 0 14px 0 0;}
	#IMPRINT a { text-decoration : none; }

.imprint { text-align: right; }

.page_folder { padding: 0 14px 0 0 ! important; background:url(img/folder.gif) no-repeat top right; }
.page_item, .cat-item { margin: 0px; padding-bottom: 10px ! important; }
.page_item a:hover { color:red ! important; }	
.current_page_item, .current-cat a{ color: #c1022d ! important; }	
.current_page_ancestor { color: #c1022d ! important; background:url(img/folder_unfold.gif) no-repeat top right; }
.unfold { background:url(img/folder_unfold.gif) no-repeat top right; }

/* Bilder */
#PagePic { float: right; margin: 42px 0 0 16px; }
.alignleft { margin: 0 8px 10px 0 }
.alignright { margin: 0 0 10px 8px }