/* ++++++++++ STYLESHEET DEFAULT / PYRAMEDIA 2011 / TIM R. GLOYSTEIN ++++++++++ */
@import url('../css/reset.css');
@import url('../css/navigation.css');

/* ++++++++++ ALLGEMEINES ++++++++++ */
html
 {
	
	}

body
 {
	 height:100%;
		width:100%;
	 font-family:Arial, Helvetica, sans-serif;
  color: #58585A;
		background:#FFFFFF url(../bilder/background.png) repeat;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */



/* ++++++++++ LAYOUT ++++++++++ */
#header_container
 {
  width:100%;
 }
 
#header 
 {
	 position:relative;
  width:999px;
		height:107px;
  margin:0 auto;
		background:url(../bilder/background-head.jpg) no-repeat;  
 }
		
#container 
 {
	 position:relative;
 	width:999px;
		margin:0px auto;
		background:#FFFFFF;
 }
 
#subnavigation
 {
		float: left;
		width: 160px;
		padding:28px 0px 0px 15px;
	} 
 
#left {
	position:relative;
	float:left;
	width: 515px;
 padding:28px 0px 20px 34px;
}
	
#right
 {
		float:right;
  width: 215px;
		padding: 15px 10px 15px 10px;
		font-size: 12px;
		background: #C6C7C8;
  text-align:left;
  /*margin-bottom:80px;*/
	} 
 
#right h2
 {
		font-size: 12px;
		margin-top: 20px;
		margin-bottom: 5px;
		padding:0;
	} 
 
#right p
 {
		line-height: 15px;
  text-align:left;  
	}
	
#right .phone
{
	font-size: 24px;
	line-height: 32px;
	margin: 0;
}
 
#right input 
 {
		width: 140px;
		margin-left: 7px;
		padding: 3px;
		font-size: 11px;
		border: none;
	} 

#logo 
 {
	 position:absolute;
		top:12px;
		left:18px;
 }

#image 
 {
		width:999px;
	 height:340px;
  z-index:0;
		background: #C6C6C7;
 }

#image img
 {
 	width:999px;
	 height:320px;
		margin:0;
		padding:0;
	}

#navigation
 {
	 position:absolute;
		top:87px;
		left:224px;
		/*width:980px;
  height:30px;
  padding-left:10px;
		background:url(/bilder/background-navigation.png) no-repeat;
        */
		z-index:1020;
	}
 
 

#metanavigation {
	position:absolute;
	top:13px;
	right: 24px;
 width:500px;
	font-size:12px;
	line-height:14px;
	text-align: right;
	color: #9C9EA0;
	z-index:200;
}

#metanavigation a
 {
	 text-decoration:none;
		color:#9C9EA0;    	
	}
	
#metanavigation a:hover
 {
	 color:#FFF;
		text-decoration:underline;
	}
	
#metanavigation .active
 {
	 color:#FFFFFF;
	}
	 
.teaser
 {
  margin-top:20px;
 }
  
.teaser h1
 {
  font-size:16px;
  line-height:20px;
  padding-left:10px;
  border-bottom: 1px solid #707173;
 }
 
.teaser h2
 {
  font-size:14px;
  line-height:20px;
  font-weight:bold;
  padding-left:10px;
 }
 
.teaser p
 {
  font-size:14px;
  line-height:20px;
  padding-left:10px;
 } 
 
.text
 {
  margin-top:20px;
 } 
 
.text p
 {
  font-size:14px;
  line-height:20px;
  padding-left:10px;
 }   

.pfeil-rechts {
	display:none;
}

#bookmarking
 {
		position:relative;
		width:999px;
	 margin:10px auto;
		padding-right: 25px;
		padding-bottom: 15px;
		text-align: right;
	}

#footer
 {
		width:999px;
  height: 75px;
  margin:0 auto;
  padding: 0;
	}
 
#via_bremen
 {
		position: absolute;
		top: 635px;
		left: 780px;
	}	 
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:24px;
		line-height:28px;
		font-weight:normal;
		text-align:left;
		text-transform: uppercase;
		margin: 0 0 18px 0;
	}
	
h2
 {
	 font-size:16px;
		line-height: 18px;
		font-weight:normal;
		text-transform: uppercase;
		margin: 0;
	}
	
h3
 {
	 font-size:12px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 25px;
	}
	
h4
 {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 50px;
		font-size: 12px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
	}
	
h5
 {
		width: 100%;
		padding-bottom: 10px;
		margin-bottom: 10px;
		margin-top: 10px;
		font-size: 12px;
		line-height: 13px;
		font-weight: bold;
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
		background: url(/bilder/button-down.png) no-repeat right;
	}	
	
p
 {
  font-size:12px;
		line-height:20px;
		margin-bottom:12px;
	}
 
b, strong
 {
  font-weight: bold;
 }
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
.date
 {
		margin-bottom:-20px;
	}
	
a
 {
		text-decoration:underline;
  color:#58585A;
	}
	
a:visited
 {
		text-decoration:underline;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #000000;
	}
	
a.no_underline
 {
		text-decoration: none;
	}
	
ul
 {
	 list-style-type: disc;
		margin-left:25px;
		margin-bottom:12px;
	 font-size:12px;
		line-height:20px;
	}
	
ul ul
 {
	 list-style-type:disc;
		margin-left:15px;	
	}
	
table
 {
		width: 100%;
		font-size: 12px;
		line-height: 20px;
	}
	
.center
 {
		text-align:center;
	}
	
a.contact, a.container
 {
		text-decoration: none;
		cursor: pointer;
		color: #646567;
	}
	
table.daten
 {
		margin-bottom: 35px;
	}

table.daten td 
 {
	 vertical-align: top;
 }
	
table.daten th
 {
		text-transform: uppercase;
		border-bottom: 1px dotted #646567;
		padding-top: 5px;
		padding-bottom: 0px;
	}
	
div.kontaktdaten 
 {
 	display:none;
 }	
	
div.agb 
 {
 	display:none;
 }	
	
img.floatleft
 {
		float: left;
		margin: 5px 10px 10px 0;
 }
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


#tooltip {
	position: absolute;
	z-index: 3000;
	border: 1px solid #111;
	background-color: #fff;
	padding: 2px 3px 2px 3px;
	opacity: 0.85;
	text-transform: none;
}
#tooltip h3, #tooltip div { margin: 0;	text-transform: none; color:#000 }

#tooltip.pretty {
	font-family: Arial;
	border: none;
	width: 210px;
	padding:20px;
	height: 135px;
	opacity: 0.8;
	background: url('shadow.png');
}
#tooltip.pretty h3 {
	margin-bottom: 0.75em;
	font-size: 12pt;
	width: 220px;
	text-align: center;
}
#tooltip.pretty div { width: 220px; text-align: left; }

#tooltip.fancy {
	background: url('shadow2.png');
	padding-top: 5em;
	height: 100px;
}
#tooltip.fancy.viewport-right {
	background: url('shadow2-reverse.png');
}

#extended { margin: 2em 0; }
#extended label { text-decoration: underline; }
#yahoo { width: 7em; }
#tooltip.right { width: 250px; }
#fancy2 { float: right; }