/* ++++++++++ PYRAMEDIA MEDIENGESTALTUNG 2009 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../_css/reset.css');
@import url('../_css/navigation.css');


/* ++++++++++ ALLGEMEINES ++++++++++ */
body, html
 {
  /*width: 100%;
	 height: 100%;*/
  background: #FFF url(../_images/bg.jpg) repeat-x;
	 font-family: Verdana, Helvetica, sans-serif;
	 font-size: 12px;
	 line-height: 14px;
	 color: #666666;
	 background:#CCC;
	 /*overflow: auto;*/
	}
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container
 {
	 position: relative;
	 width: 960px;
	/*	min-height: 600px;*/
	 margin: 50px auto;
	 background: #FFF;
	}
 
#content-home
 {
	 position: relative;
	 width: 740px;
	 /*min-height: 350px;*/
	 padding-top:230px;
	 padding-left:165px;
	 padding-bottom:50px;
	 min-height: 400px;
	}
 
* html #content-home {
	height: 400px;
	}
 
.box-home
 {
	 width: 260px;
	 height: 400px;
	 background:#e5e5e5;
	 margin-right: 20px;
	 float:left;
	}
 
.box-home h1
 {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 23px;
	 line-height:26px;
	 font-weight: normal;
	 color:#336666;
	 padding:10px 0 10px 10px;
	 margin:0;
	 background:none;
	}
 
.box-home p
 {
	 padding-left: 10px;
	 padding-right: 10px;
	}
 
#content
 {
	 position: relative;
	 /*top: 230px;
	 left: 165px;*/
	 width: 550px;
	 padding-top:230px;
	 padding-left:175px;
	 padding-bottom:50px;
	 min-height: 400px;
	 /*height: 350px;*/
	}
 
* html #content {
	height: 400px;
	}
 
#teaser
 {
	 position: absolute;
	 top: 260px;
	 left: 758px;
	 width: 180px;
	 height: 350px;
	}
 
#teaser .teaser
 {
  height: 130px;
	 width: 178px;
	 margin-bottom:15px;
	}

#teaser h2
 {
	 color:#666666;
	 padding-top:3px;
	 padding-left: 5px;
	 margin-bottom:5px;
	}
 
#teaser p
 {
	 padding-left: 5px;
	 padding-right:15px;
	 font-size:13px;
	 line-height: 14px;	 
	 margin-bottom:8px;
	 color:#666666;
	}
 
#teaser a
 {
	 font-size:13px;
	 color:#666666;
	}
 
#header
 {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 960px;
	 height: 204px;
	 background: #000000;
	}
 
#title
 {
	 position:absolute;
	 top: 90px;
	 left:20px;
	}
 
#title h1
 {
	 font-family: Georgia, "Times New Roman", Times, serif;
	 font-size: 24px;
	 line-height:32px;
	 font-weight: normal;
	 color:#FFF;
	 padding:0;
	 margin:0;
	 background:none;
	}
 
#image
 {
	 position: relative;
	 top: 74px;
	 left: 410px;
	 width: 325px;
	 height: 130px;
	 text-align: right;
	}
 
#metanavigation
 {
	 position:absolute;
	 top:0;
	 left:0;
	 height: 27px;
	 width: 940px;
	 padding-top: 3px;
	 padding-right: 10px;
	 padding-left:10px;
	 background: #FFF;
	 text-align: right;
	}
 
#metanavigation a
 {
	 font-size: 10px;
	 line-height: 24px;
	 text-decoration: underline;
	 color: #006666;
	}
 
 
#navigation
 {
	 position: absolute;
	 top: 30px;
	 left: 0px;
	 width: 960px;
	height: 45px;
	 z-index: 480;
	 background:#336666;
	}
 
#contact
 {
	 position: absolute;
	 top: 70px;
	 left: 758px;
	 padding-top: 55px;
	 padding-left: 5px;
	 width: 180px;
	 height: 545px;
	 background: url(../_images/background-contact.png) no-repeat;
	 z-index:500;
	}

#contact p
 {
	font-size: 13px;
	color: #666666;
	}
 
#contact a
 {
	font-size: 13px;
	 color:#006666;
	}
 
#footer
 {
	 position: relative;
	 clear: both;
	 top: 0px;
	 left: 0px;
	 width: 925px;
	 height: 25px;
	 padding-right: 35px;
	 padding-top: 5px;
	 font-size: 10px;
	 text-align: right;
	 background: url(../_images/background-footer.jpg) repeat-x;
	 color: #006666;
	}
 
#footer a
 {
	 font-size: 10px;
	 color: #006666;
	 text-decoration: underline;
	}
 
 
#logo
 {
	 position: absolute;
	 top: 30px;
	 left: 30px;
	 width: 155px;
	 height: 55px;
	 text-align: center;
	}
 
#subnavigation
 {
	 position:absolute;
	 top:275px;
	 left:10px;
	 width: 140px;
	}
 
#subnavigation a
 {
  padding-left: 14px;
  font-size: 10px;
	 line-height:12px;
	 text-decoration: none;
  background:url(../_images/subnavigation-icon.png) 1px top no-repeat;
	}

#subnavigation a.active
 {
  padding-left:0px;
  font-size: 10px;
	 line-height:12px;
	 text-decoration: none;
	 background:none;
	 color:#666666;
	}
 
#subnavigation_pz
 {
	 position:absolute;
	 top:215px;
	 left:0px;
	 width: 161px;
	 margin-right:15px;
	}
 
#subnavigation_pz ul
 {
	 list-style-type:none;
	 margin:0;
	 padding:0;
	}
 
#subnavigation_pz ul ul
 {
	 list-style-type:none;
	 margin:0;
	 padding:0;
	}
 
#subnavigation_pz ul ul li
 {
	 margin:0;
	 padding:0;
	}
 
#subnavigation_pz ul ul a
 {
	 display:block;
	 height:auto;
	 padding-left:20px;
  font-size: 10px;
	 line-height:14px;
	 font-weight: normal;
	 text-decoration: underline;
	 color:#336666;
	 background:none;
	 margin-top:-8px;;
  background:url(../_images/subnavigation-icon2.png) 2px center no-repeat;
	}
 
#subnavigation_pz ul ul a:hover
 {
	 color:#000;
	 background:none;
  background:url(../_images/subnavigation-icon2.png) 2px center no-repeat;
	}
 
 
#subnavigation_pz a
 {
  display:block;
	 padding-left:25px;
	 padding-top:5px;
	 padding-bottom:10px;
  font-size: 12px;
	 line-height:14px;
	 font-weight: bold;
	 text-decoration: none;
	 color:#fff;
  background:url(../_images/background-navi_pz.jpg) no-repeat;
	}
 
#subnavigation_pz a:hover
 {
	 color:#000;
  background:url(../_images/background-navi-hover_pz.jpg) no-repeat;
	}

#subnavigation_pz a.active
 {
	 color:#000;
  background:url(../_images/background-navi-hover_pz.jpg) no-repeat;
	}
 
.floatright
 {
	 float: right;
	 margin-left: 25px;
	 margin-bottom: 25px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */
h1
 {
	 margin-bottom: 12px;
  font-size: 20px;
	 line-height: 24px;
	 font-weight:bold;
	 color:#666666;
	}
 
h2
 {
	 font-size: 12px;
	 line-height:12px;
	 font-weight:bold;
	}
 
h3
 {
	 font-size: 12px;
	 line-height:12px;
	 font-weight:bold;
	 margin:25px 0 15px 0;
	}
 
p
 {
	 font-size:12px;
	 line-height:16px;
	 margin-bottom:11px;
	}
 
a
 {
	 font-size:12px;
	 line-height:16px;
	 text-decoration: underline;
	 color: #006666;
	}
 
a:visited
 {
	 text-decoration: underline;
	}
 
a:hover
 {
	 text-decoration: none;
	}
 
.red
 {
	 color: #FF0000;
	}
 
.hr
 {
	 border-bottom: 1px solid #336666;
	 width: 163px;
	}
 
ul
 {
	 font-size: 12px;
	 line-height: 16px;
	 list-style-type: disc;
	 margin-left: 25px;
	}

li
 {
	 margin-bottom: 8px;
	}
 
ul a
 {
	 font-size: 12px;
	 line-height: 16px;
	}
 
ul.big
 {
	 font-size: 16px;
	 line-height: 20px;
	 list-style-type: disc;
	 margin-left: 25px;
	}

ul.big li
 {
	 margin-bottom: 8px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ SUCHFORMULAR ++++++++++ */

#search
 {
	 font-size: 10px;
	 line-height: 24px;
	 color: #336666;
	}

#search input
 {
	 height: 14px;
	 border: 1px solid #336666;
	 font-family: Verdana, Helvetica, sans-serif;
  font-size: 10px;
	 color: #336666;
	 text-align: center;
	 vertical-align:middle
	}

#search .button
 {
  height: 21px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;
	 line-height: 24px;
	 color: #336666;
  background: none;
  border: none;
  vertical-align:middle;
	 padding: 0;
	}
 
#search fieldset
 {
	 border: none;
	}
/* ++++++++++ ENDE SUCHFORMULAR ++++++++++ */

span.highlight {
	background:#3366CC;
	color:#FFF;
}