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

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 {border-collapse: collapse; border-spacing: 0;}
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, Arial, sans-serif; color: black;
  background: #d2d0ca url('images/body_klein.png') repeat-y; }

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

img#banner {position: absolute; top: 0; left: -25px;} 
#container {width: 991px; margin: 0; padding: 0 0 40px 0; position: relative;}  
#content {position: relative; margin: 0 250px 0 205px; padding: 130px 0 50px 0; min-height: 200px; 
  background: url('images/arrows.png') 0 80px no-repeat; }  
#content img {margin: 0 10px 10px 0;}
#copyright {margin: 0 10px; color: #888; size: 10px; position: absolute; bottom: 10px;}
.aktion {margin: 0; color: #888; size: 10px; position: absolute; bottom: 42px; width: 200px;} 
.aktion img { float: left; }
#footer {}


#header {height: 110px; 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: 490px; color: #868f93;}
#search label {}
#search form {margin: 0;}
#search input#ajaxSearch_input {position: absolute; top: -2px; left: 50px; margin: 0 0 0 0; border: 1px solid #999; font-size: 12px; color: #777; padding: 2px;}
#search input#ajaxSearch_submit {display: none;}

#teasers {position:absolute;left:770px; width: 220px; margin-right: 1px;}  
#teasers img {margin: 30px 0 0 0; border-top: 1px solid white;}
#teasers a { color: #373736; text-decoration: none; display: block;}
#teasers a:hover {color: #a9221a;; text-decoration: none;}

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

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

.hide {}
.show {}

#content #boxes {margin-right: -30px;}
#content .intro {float: left; width: 270px; height: 100px; margin: 0 10px 10px 0;}
#content .intro img {float: left; margin: 0 0 0 0; width: 90px; height: 100px;}
#content .intro object {float: left; margin: 0 0 0 0; width: 90px; height: 100px;}

#content .intro div {margin: 0 0 0 100px; padding: 3px 5px; height: 94px; line-height: 1.3;}
#content .intro a {text-decoration: none; color: black; display: block;}
#content .intro h3 {margin: 0 -10px 0 0;}

.news {margin: 20px 0; padding: 0 0 20px 0; background: white url('images/news_bg.png') repeat-x; border-top: 1px solid white;}
.news h3 {padding: 20px 12px 5px 12px; color: #8d173b; background: #f3f2f0;}
.news ul {margin: 15px 10px 15px 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;}



.ajaxSearch_paging {margin: 0 0 12px 0; display: block;}
.ajaxSearch_result a {font-weight: bold; text-decoration: none;}
.ajaxSearch_result a:hover {text-decoration: underline;}

#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; margin-right: 0;}
.bauunternehmer {background-color: #ddb6a2; margin-right: 0;}
.bautrager {background-color: #ba96a7; margin-right: 0;}
.verarbeiter {background-color: #c2c2ba; margin-right: 0;}
.fokus_technik {background-color: #ce936c; margin-right: 0;}
.fokus_objekte {background-color: #afbac9; margin-right: 0;}




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

h1#logo {position: absolute; top: 0; left: 0; height: 110px; width: 180px;  }  
/* background: #fff url('images/logo_3f.png') 0 3px no-repeat; text-indent: -1000px; */
h1#logo a {height: 110px; width: 180px; 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, #pdfs2 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: 240px;}
#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: 190px; padding: 15px 10px; border-top: 1px solid #dae1e7; min-width: 640px;}
#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; padding: 0 0 0 18px; background: url('images/rss_unika.png') 0 0 no-repeat; height: 14px;}
#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: green; 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 {}

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

table#broschuren td {}

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

#kontaktInfo { margin-top: 40px; }

form {}
form p {margin: 5px 0;}
fieldset {}
legend {}
label {display: block; float: left; width: 10em;}
input.text {width: 240px;}
textarea {width: 240px; height: 80px;}
input, textarea {}
select {}
optgroup {}
option {}

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

dl {}
dt {}
dd {}

/* ----- Werke ----- */
/* ----- Porit Logo ----- */

h1#porit_logo {position: absolute; top: 0; left: 810px; height: 120px; width: 216px; text-indent: -1000px; background: #f5f5f3 url('images/porit_logo2.png') 35px 23px no-repeat;}

.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 0 0 85px;}
#broschuren h4 { margin: 0 0 0 85px; }






a.presse { color: #069ae4 !important; }

div.rsslink {
  height: auto;
  padding: 10px 0px 10px 80px;
  border-bottom: dotted 1px #a7a7a7;
  background: #fafafa url('images/rss.png') left 30px no-repeat;
}


div.rsslink a {
  color: black;
  text-decoration: none;
  margin:0;
}
div.rsslink a:hover {
  text-decoration: underline;
}
div.rsslink a span {
  color: #a3004f;
}


#pdfs.downloads ul {margin-left: 20px;}



#accordion a {
  color: #000000;
  text-decoration: none;
}
#accordion .terminehead {
  font-size: 0.9em;
  margin-right: 20px;
}
#accordion .terminedate {
  font-size: 0.8em;
  color: red;
  float: right;
  padding-right: 5px;
}
#accordion .terminetime {
  font-size: 0.8em;
  float: right;
}
#accordion .ui-accordion-header {
  background: #f5f5f5 url('images/pfeil_rechts.gif') no-repeat 3px 4px;
  padding: 2px 2px 2px 20px;
  border-bottom: 1px solid #CCCCCC;
  margin: 5px 0;
}
#accordion .ui-accordion-content {
  padding-left: 20px;
  padding-bottom: 20px;
}
#accordion .ui-state-active {
  background: #f5f5f5 url('images/pfeil_unten.gif') no-repeat 3px 4px !important;
}
.terminehinweis {
  padding-left: 20px;
}