/* - - - - - - - - - - - - - - - - - - - - -

Title : 
Author : 
URL : 

Description : 

Created : 
Modified : 

- - - - - - - - - - - - - - - - - - - - - */


/* ----- Reset----- */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td {margin: 0; padding: 0;}
table {}
fieldset,img {border: 0;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal; font-weight: normal;}
ol,ul {list-style: none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
q:before,q:after {content:'';}


/* ----- Grid ----- */
p, ul, ol {margin: 0 0 18px 0;}



/* ----- CSS ----- */

body {font: 11px/16px "Helvetica Neue", Arial, Helvetica, sans-serif; color: black;
  background: #d2d0ca url('images/body_klein.png') repeat-y; }

/* ----- IDS ----- */

img#banner {position: absolute; top: 0; left: -25px;} 
#container { position: relative; width: 991px; margin: 0; padding: 0 0 40px 0;}	
#content { position: relative; margin: 0 230px 0 205px; padding: 130px 0 50px 0; min-height: 200px; 
  background: url('images/arrows.png') 0 80px no-repeat; }    
  


  
/* ----- Resets top padding for content with Banner photos  ----- */  
#havelland #content { padding: 70px 0; background: url('images/arrows.png') 0 20px no-repeat; }	

#content img {margin: 0 10px 10px 0;}

#pricelist {width: 180px; color: #888; size: 10px; position: absolute; top: 380px; border-top: 3px solid white;
  background: white url('images/news_bg.png') repeat-x; }
#pricelist h4 {padding: 5px 12px 8px 12px; color: #8d173b; background: #f3f2f0; text-transform: uppercase; } 
#pricelist p { color: #000; padding: 10px 10px 0; }

#pricelist a { text-decoration: none; }
#pricelist a:hover { text-decoration: underline; }
#pricelist a#porit-download { color: #ed3424; }
#pricelist a#unika-download { color: #0e5593; }

#address {padding: 10px; width: 160px; color: #888; size: 10px; position: absolute; top: 500px; border-top: 3px solid white;
  background: white url('images/news_bg.png') repeat-x; }

  
#address2 {padding: 10px; width: 200px; color: #111; size: 10px; position: absolute; top: 500px; left: 770px; border-top: 3px solid white;
  background: white url('images/news_bg.png') repeat-x; }
  
#address h4 {color: #000;}
#address p {color: #000;}

#copyright {margin: 40px 10px 10px; color: #888; size: 10px; position: fixed; bottom: 10px;}

#footer {}
#header {height: 120px; width: 100%; background: white;}
#navigation {float: left; width: 180px; background-color: #e3dfdc; margin-top: 10px; }	
#rightBox {width: 150px; float: right;}
#rightBox img {float: right; margin: 0 0 20px 0;}
#search {position: absolute; top: 40px; left: 520px; color: #868f93;}

#teasers {float: right; width: 220px; margin-right: 1px; overflow: hidden; }	
#teasers img {margin: 30px 0 0 0; border-top: 1px solid white;}

#pdfs img {float: left; margin: 10px 10px 10px 10px;}
#pdfs ul {margin-left: 120px;}

/* ----- CLASSES ----- */

.hide {}
.show {}

#content .intro {float: left; width: 280px; height: 100px; margin: 0 10px 10px 0;}
#content .intro img {float: left; margin: 0 0 0 0; width: 90px; height: 100px;}
#content .intro div {margin: 0 0 0 100px; padding: 5px 8px; height: 90px; line-height: 1.3;}
#content .intro a {text-decoration: none; color: black; display: block;}
#content .intro h3 {margin: 0 0 0 0;}

.news {margin: 10px 0; padding: 0 0 1px 0; background: white url('images/news_bg.png') repeat-x; border-top: 1px solid white;}
.news h3 {padding: 10px 12px 5px 12px; color: #8d173b; background: #f3f2f0;}
.news ul {margin: 15px;}
.news li {margin-bottom: 11px; padding-left: 10px; margin-left: -4px; background: url('images/arrow_small.png') 0 5px no-repeat;}
.news li a {color: #373736; text-decoration: none; display: block;}
.news li a:hover {color: #a9221a;; text-decoration: none;}

#content img.right {float: right; margin: 0 0 10px 10px;}
#content img.left {float: left; margin: 0 10px 10px 0;}

.note {font-size: 11px; }


/* ----- News Listing ----- */
.listing {margin-bottom: 18px; padding-bottom: 11px; border-bottom: 1px solid #ccc;}
.listing h3 a {text-decoration: none;}
.listing h3 a:hover {text-decoration: underline;}
.listing p, .listing h4, .listing h3 {margin-right: 140px;}
#content .listing img {float: right;}

.listing hr.clearright {clear: right; margin: -2px; visibility: hidden;}
.listing hr.clearboth {clear: both; margin: -2px; visibility: hidden;}


/* ----- Intro Box Color Definitions----- */
.architekten {background-color: #c3d67d;}
.bauunternehmer {background-color: #ddb6a2;}
.bautrager {background-color: #ba96a7;}
.verarbeiter {background-color: #c2c2ba;}
.fokus_technik {background-color: #ce936c;}
.fokus_objekte {background-color: #afbac9;}




/* ----- HEADINGS ----- */

h1 {}
h2 {font-size: 18px; margin: 0 0 0 0; line-height: 24px; text-transform: uppercase; color: #5c5b5b;}
h3 {font-size: 11px; margin: 0 0 0 0; line-height: 18px; text-transform: uppercase; color: #000;}
#content h4 {font-size: 11px; margin: 0 0 12px 0; color: #000; font-weight: bold;}

/* ----- Unika Logo ----- 

h1#logo {position: absolute; top: 0; left: 0; height: 120px; width: 180px; text-indent: -1000px; background: #f5f5f3 url('images/UNIKA_logo_werke.png') 16px 15px no-repeat;}
h1#logo a {height: 120px; width: 220px; display: block;}

text-indent: -1000px; 
  background: #fff url('images/logo_3f.png') 0 3px no-repeat;
 */

h1#logo { position: absolute; top: 0; left: 0; height: 110px; width: 180px; }
h1#logo a { height: 110px; width: 180px; display: block; }

/* ----- Porit Logo ----- 
text-indent: -1000px; 
 background: #f5f5f3 url('images/porit_logo2.png') center center no-repeat;
*/

h1#porit_logo { position: absolute; top: 22px; left: 810px; height: 120px; width: 220px;}
h1#porit_logo a { height: 120px; width: 220px; display: block; }

h2#titel {margin: 0 0 50px 40px;}
h3#subtitel {color: gray; margin: -12px 0 12px 0;}


#highlights h4 {margin: 0 0 0 0;}
#highlights h4 a {color: #6792c3;}

#pdfs h3 {text-transform: none;}

/* ----- PARAGRAPHS ----- */

p {margin: 0 0 12px 0;}
#content p {}


/* ----- QUOTES ----- */

blockquote {}
blockquote p {}
cite {}
blockquote cite {}

/* ----- CODE ----- */

pre {}
code {}
p code {}
pre code {}

/* ----- LISTS ----- */

#content ul {list-style: square; padding: 0 0 0 15px; margin: 0 0 18px 0;}
#content li li ul {list-style: circle; margin-top: 18px;}
#content ol {list-style: decimal; padding: 0 0 0 15px; margin: 0 0 18px 0;}


/* ----- Main Navigation ----- */
#navigation ul {padding: 20px 10px; border: solid white; border-width: 1px 0; }
#navigation li {padding-left: 11px; background: url('images/square.png') 0 4px no-repeat; border: none; }
#navigation li.parent {background: url('images/plus.png') 0 4px no-repeat;} 
#navigation li a {color: black; text-decoration: none; display: block;}
#navigation li a:hover, #navigation li.active a {color: #7692c0;} /* --- Navigation Rollover Farbe --- */

/* ----- Second level colors ----- */
#navigation li ul {margin: 3px 0 3px 0; padding: 0; border: none; }
#navigation li li a, #navigation li.active li a {color: #00163f}
#navigation li li a:hover, #navigation li li.active a {color: #7692c0;}


/* ----- Third level colors ----- */
#navigation li li ul a {color: #62142c}
#navigation li li li a, #navigation li.active li li a {color: #00163f}
#navigation li li li a:hover, #navigation li li li.active a {color: #7692c0;}


#serviceNav {position: absolute; top: 40px; left: 280px;}
#serviceNav li {display: inline; margin: 0 7px;}
#serviceNav li a {color: #868f93; text-decoration: none; }
#serviceNav li a:hover, #serviceNav li a.active {color: #a9221a;}

#mainNav {position: absolute; top: 70px; left: 220px; padding: 15px 10px;  border-top: 1px solid #dae1e7; min-width: 520px;}
#mainNav li {display: inline;}
#mainNav li a {margin: 0 0 0 7px; padding: 0 7px 0 0; color: black; text-decoration: none; text-transform: uppercase; border-right: 1px solid black;}
#mainNav li.last a {border: none;}
#mainNav li a:hover, #mainNav li.active a {color: #a9221a;}



/* ----- IMAGES ----- */

img {}
img a {}
img a:hover {}

/* ----- BREAK ----- */

hr.clearleft {clear: left; visibility: hidden;}

/* ----- TEXT FORMATTING ----- */

strong {font-weight: bold;}
em {font-style: italic;}
b {font-weight: bold;}
i {font-style: italic;}

/* ----- LINKS ----- */

#content a { color: #0e5593; text-decortation: none; } /* --- Alle Links --- */
#content a:hover {color: #a9221a;}

a:visited, a:active, a:focus {} 
a:visited {}
a:active {}
a:focus {}

p a {}
cite a {}
li a {}
dt a {}
dd a {}

/* ----- TABLES ----- */

table {border: 3px solid #c9cacc; }
td {padding: 3px; border: 1px solid #555; }   

table.noborder {border: none; }    
table.noborder td {padding: 3px; border: none; vertical-align: top; }     
  
table#team table {border:none;}
table#team table td {border:none; padding: 0 10px 0 0;}
table#team table {border-collapse: collapse;}

caption {}
thead {}
tbody {}
tfoot {}
tr {}
tr .alt {}
th {}


/* ----- FORMS ----- */

#kontaktInfo {margin-top: 40px;}

form {}
form p {margin: 5px 0;}
fieldset {}
legend {}
label {display: block; float: left; width: 10em;}

.checkboxes {margin: 18px 0;}
.checkboxes label {float: none; display: inline;}
.checkboxes input {margin-right: 10px;}

input.text {width: 240px;}
textarea {width: 240px; height: 80px;}
input, textarea {}
select {}
optgroup {}
option {}


.broschure_thumbnail { float: left; height: 120px; width: 230px; margin: 20px 20px 0 0;}
#broschuren img { float: left; margin-right: 10px; width: 75px; height: 106px; }
#broschuren label { display: inline; }
#broschuren p {margin: 0;}
#broschuren h4 { margin: 0 0 0 0; }

/* ----- DEFINITIONS ----- */

dl {}
dt {}
dd {}