/* ++++++++++ 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 ++++++++++ */
#spacing 
 { 
		width: 1px;
		height: 50%;
		margin-bottom: -300px;
		float: left;
 }

#container
 {
		position: relative;
		clear: left;
		width: 960px;
		height: 600px;
	 margin: 0 auto;
		background: #FFF;
	}
	
#content-home
 {
		position: absolute;
		top: 210px;
		left: 0px;
		width: 740px;
		height: 350px;
		padding: 0px 0 0 20px;
	}
	
.box-home
 {
		width: 350px;
		height: 200px;
		background:#cccccc;
		margin-right: 20px;
		float:left;
	}
	
.box-home h1
 {
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
		line-height:18px;
		font-weight: normal;
		color:#3366cc;
		padding:40px 0 15px 10px;
		margin:0;
		background:none;
	}
	
.box-home p
 {
		padding-left: 10px;
		padding-right:0px;
	}
	
#content
 {
		position: absolute;
		top: 210px;
		left: 165px;
		width: 575px;
		height: 350px;
	}	
	
#teaser
 {
		position: absolute;
		top: 210px;
		left: 758px;
		width: 180px;
		height: 350px;
	}
	
#teaser .teaser
 {
  height: 155px;
		width: 178px;
  background:url(../_images/background-teaser.gif);	
		margin-bottom:15px;
	}

#teaser h2
 {
		color:#FFF;
		padding-top:3px;
		padding-left: 5px;
		margin-bottom:8px;
	}
	
#teaser p
 {
		padding-left: 5px;
		padding-right:10px;
		font-size:11px;
		margin-bottom:8px;
		color:#336699;
	}
	
#teaser a
 {
		font-size:11px;
		color:#333;
	}
	
#header
 {
		position: absolute;
		top: 0;
		left: 0;
		width: 960px;
		height: 184px;
		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: absolute;
		top: 54px;
		left: 480px;
		width: 260px;
		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: #3366CC;
	}
	
	
#navigation
 {
		position: absolute;
		top: 30px;
		left: 0px;
		width: 960px;
 	height: 25px;
		z-index: 500;		
	}
	
#contact
 {
		position: absolute;
		top: 54px;
		left: 758px;
		padding-top: 45px;
		padding-left: 5px;
		width: 165px;
		height: 86px;
		background: #FFF url(../_images/background-contact.png) no-repeat;
	}

#contact p
 {
 	font-size: 9px;
		line-height: 12px;
		margin-bottom: 10px;
		color: #3366CC;
	}
	
#contact a
 {
 	font-size: 9px;
		line-height: 12px;
		color:#3366CC;
	}	
	
#footer
 {
	 position: absolute;
		top: 570px;
		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: #3366CC;
	}
	
#footer a
 {
		font-size: 10px;
		color: #3366CC;
		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;
	}
	
.floatright
 {
		float: right;
		margin-left: 25px;
		margin-bottom: 25px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */
h1
 {
  padding-left:15px;
		margin-bottom: 12px;
  font-size: 12px;
		line-height: 16px;
		font-weight:bold;
		color:#3366cc;
		background:url(../_images/h1-icon.png) 0px top  no-repeat;
	}
	
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: #3366cc;
	}
	
a:visited
 {
		text-decoration: underline;
	}	
	
a:hover
 {
		text-decoration: none;
	}
	
.red
 {
		color: #FF0000;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


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

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

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

#search .button
 {
  height: 21px;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 16px;
		line-height: 24px;
		color: #3366CC;	
  background: none;
  border: none;
  vertical-align:middle;
		padding: 0;
	}
	
#search fieldset
 {
		border: none;
	}
	
#leistungsspektrum
 {
		list-style-type:disc;
		margin-left: 0px;
	}
	
#leistungsspektrum li
 {
		margin-bottom: 10px;
	}
/* ++++++++++ ENDE SUCHFORMULAR ++++++++++ */

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