@charset "utf-8";

/* CSS Document */

/*********************    Index    ************************

   domain: tb-preischl.de
   author: Nils Binder
    
	1. Global Tags
	
   2. Global Classes
		2.1 h2 Graphic
		2.2 h3 Graphic
		2.3 a Graphic
		2.4 IMG Class
		2.5 Tables 
	
   3. Container
	
   4. Header
		4.1	NavigationAdditional
		4.2	Branding
		
		
   5. ContentContainer
   	5.1 	contentMain
      5.2 	contentSidebar
		5.3	Navigation
		
	6. Footer
		6.1 Push // Sticky footer
    

/*********************************************************/
/******************   = global-tags  *********************/
/*********************************************************/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}



html {
	height:100%;
	background:#b5b5b5 url(../images/bg-htmljpg) center top repeat-x;
}


body {
	height:100%;
	color: #041944;
	font-family:Arial, Helvetica, sans-serif;

	font-size:12px;
	line-height:18px;
}

p {
	margin:0 0 10px 0;
	}
	
a {
	color:#125b08;
	text-decoration:underline;
	}
a:hover {
	text-decoration:none;
	color:#1e7613;
	}


/*********************************************************/
/****************   = global-classes  ********************/
/*********************************************************/


.clear {
	float: none;
	clear: both;
}

h1, h2, h3, h4 {
}

h1 {
}

.highlight {
}

.float-left {
	float:left;
}
.float-right {
	float:right;
	}

.borderless {
	border:none!important;
	}
	
.text-indent {
	text-indent:-5000px;
	}
	
.content-column {
	float:left;
	display:inline;
	width:280px;
	margin-right:40px;
	_margin-right:20px;
	}
	
.image {
	padding:4px;
	border:1px solid #ddd;
	}

.latest_img {
	margin-bottom:1px;
	}
/*********************************************************/
/*******************   = container  **********************/
/*********************************************************/

div#container {
	width:955px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -168px;
}

/*********************************************************/
/*********************   = header  ***********************/
/*********************************************************/

div#header {
	height:212px;
	background:url(../images/bg-header.jpg) center top no-repeat;
	position:relative;
}



/*********************************************************/
/********************   = navi  **************************/
/*********************************************************/        


ul#navi {
	position:absolute;
	height:80px;
	top:128px;
	left:19px;
}
ul#navi li {
	float:left;
	display:block;
	width:181px;
	height:80px;
	margin-left:-12px;
}
ul#navi li a {
	display:block;
	width:181px;
	height:80px;
	}
a#a-startseite {
	background:url(../images/a-startseite) top left no-repeat;
	}
a#a-startseite:hover {
	}	
	
a#a-ueber-uns {
	background:url(../images/a-ueber-uns.gif) top left no-repeat;
	}
a#a-ueber-uns:hover {
	}
	
a#a-leistungen {
	background:url(../images/a-leistungen.gif) top left no-repeat;
	margin-left:1px!important;
	}
a#a-leistungen:hover {
	}

a#a-referenzen {
	background:url(../images/a-referenzen.gif) top left no-repeat;
	margin-left:2px!important;
	}

a#a-referenzen:hover {
	}


/*********************************************************/
/*******************   = branding  ***********************/
/*********************************************************/     			
			
			
h1.branding a {
	display:block;
	width:270px;
	height:80px;
	position:absolute;
	right:0px;
	bottom:0px;

}

/*********************************************************/
/****************   = content-container  ******************/
/*********************************************************/ 

div#content-container {
	margin:0 0;
	padding:50px 0;
	background:url(../images/bg-body.jpg) center top no-repeat;

}




/*********************************************************/
/*******************   = content-main  *******************/
/*********************************************************/ 
   
div#content-main {
	background:url(../images/bg-content-container.gif) left top repeat-y;
	padding:0 5px 0 55px;
	float:left;
	display:inline;
	width:640px;
	min-height:285px;
	_height:320px;
	}
	
div#content-main h3.small {
	font-size:14px;
	margin:0 0 0px 0;
	}
	
p.telefon {
	display:block;
	width:175px;
	height:60px;
	background:url(../images/telefonnummer.gif) top left no-repeat;
	margin:20px 0 0 -10px;
	}
	
table.table-referenzen {	
	width:400px;
	}
table.table-referenzen td {
	vertical-align:top;
	border-bottom:1px solid #ddd;
	padding:5px;
	}
table.table-referenzen td p {
	margin:0!important;
	}
	
ul.big-bullets {
	list-style-type:none;
	}
ul.big-bullets li {
	height:18px;
	padding:8px 0 0 30px;
	background:url(../images/bg-big-bullets.gif) center left no-repeat;
	}
	
div.image-plus-text {
	width:200px;
	float:left;
	margin:0 10px 20px 0;
	}
div.image-plus-text img {
	margin:0;
	}

/******************* = h2 ********************************/

div#content-main h2 {
	display:block;
	text-indent:-5000px;
	height:50px;
	width:620px;
	margin:-6px 0 0 -5px;
	}
h2.h2-willkommen {
	background:url(../images/h2/h2-willkommen.gif) top left no-repeat;
	height:80px!important;
	}
h2.h2-ueber-uns {
	background:url(../images/h2/h2-ueber-uns.gif) top left no-repeat;
	}
h2.h2-leistungen {
	background:url(../images/h2/h2-leistungen.gif) top left no-repeat;
	}
h2.h2-referenzen {
	background:url(../images/h2/h2-referenzen.gif) top left no-repeat;
	}
h2.h2-impressum {
	background:url(../images/h2/h2-impressum.gif) top left no-repeat;
	}
h2.h2-kontakt {
	background:url(../images/h2/h2-kontakt-main.gif) top left no-repeat;
	}
h2.h2-danke {
	background:url(../images/h2/h2-danke.gif) top left no-repeat;
	}
h2.h2-fehler404 {
	background:url(../images/h2/h2-fehler404.gif) top left no-repeat;
	}
	
	
div#content-main h3 {
	font-size:20px;
	color:#0e378a;
	font-weight:normal;
	margin:0 0 10px 0;
	}
/*********************************************************/
/*****************   = content-sidebar  ******************/
/*********************************************************/ 
         
div#content-sidebar {
	display:inline;
	float:left;
	width:185px;
	margin:0 25px 0 10px;
}

div#content-sidebar h2.h2-kontakt {
	width:85px;
	height:30px;
	background:url(../images/h2/h2-kontakt.gif) top left no-repeat;
	margin:0 0 15px 0;
	}



/*********************************************************/
/****************   = footer  ****************************/
/*********************************************************/ 

div.push {
	height:168px;
	}

div#footer {
	height:168px;
	background:url(../images/bg-footer.gif) center top repeat-x;
	text-align:center;
	position:relative;
}

div#footer div.footer-linkbox {
	margin:0 auto 0 auto;
	width:180px;
	position:relative;
	left:350px;
	top:1px;
	}

div#footer a {
	width:85px;
	height:30px;
	background:#00f;
	display:block;
	margin:0 5px 0 0;
	float:left;
	display:block;
	}

div#footer a.a-kontakt {
	background:url(../images/bg-a-kontakt.gif) top left no-repeat;
	}
div#footer a.a-kontakt:hover {
	background:url(../images/bg-a-kontakt.gif) bottom left no-repeat;
	}
div#footer a.a-impressum {
	background:url(../images/bg-a-impressum.gif) top left no-repeat;
	}
div#footer a.a-impressum:hover {
	background:url(../images/bg-a-impressum.gif) bottom left no-repeat;
	}


/*********************************************************/
/************************ Euro-CMS ***********************/
/*********************************************************/


#ewcms_edit_controller {
	position:absolute;
	padding: 10px;
	top:15px;
	left: 15px;
	background-color:#FF0000;
	z-index: 100;
	width: 150px;
	height: 30px;
}


/********************** Embrace Your Past :-) ************************/