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

/* ++++++++++ ALLGEMEINES ++++++++++ */

/* mac hide\*/
html, body {height:100%}
/* end hide */

html
 {
		overflow-x: hidden;
		overflow-y:scroll;  
	}

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



/* ++++++++++ LAYOUT ++++++++++ */
#container {
	position:relative;
	width:980px;
 /*min-height:100%;*/
	margin:0 auto;
	background: #fff;		
}

* html #container
 {
		/*height:99.9%;*/
	}
 
#header {
	width:960px;
	height:120px;
}
	
#logo {
	position:absolute;
	top:0px;
	left:10px;
	width: 200px;
	height: 92px;
	z-index:1000;
}

#metanavigation
 {position:absolute;
 right:10px;
 top:30px;
 text-align:right;
 text-transform:uppercase;
 font-size:10px;}
 
#metanavigation a
 {text-decoration:none;}
 
#metanavigation a.active
 {font-weight:bold;}

#navigation
 {
	 position:relative;
		top:-328px;
		left:10px;
		width:714px;
		height:23px;
  padding-left:252px;
		background: url(/bilder/background-navigation.png) repeat-y;
		z-index:200;
	}
		
#image {
	width:960px;
	height:300px;
	z-index:0;
	margin: 0 0 0 10px;
 padding:0;
}
	
#image img {
	width:960px;
	height: 300px;
}
 
#content {
	position:relative;
 top:0px;
	width:960px;
	margin:0;
 padding:0px 0 10px 10px;
}

#left
 {
		float:left;
		width: 400px;
		background:#cce4e9;
		border-left:20px solid #4ca1b0;
		margin:-30px 0 0 0;
		padding:35px;
	}
	
#wide
 {
		float:left;
		width: 870px;
		background:#cce4e9;
		border-left:20px solid #4ca1b0;
		margin:-30px 0 0 0;
		padding:35px;
	}
	
#right
 {
 	float:right;
		width:470px;
		margin:35px 0px 0 0;
		text-align:center;
	}
	
.teaser
{
 		background:#e5e5e5;
 		padding: 20px;
 		font-size: 12px;
 		margin-bottom: 20px;
}

.teaser h2
 {
		font-size: 16px;
		line-height:16px;
		font-weight:bold;
		margin:0 0 10px 0;
	}

.teaser p
 {font-size: 12px;
 line-height: 18px;}


#footer
 {
  position: absolute;
  left:0;
  bottom:0;
		clear:both;
		width: 930px;
		height: 45px;
		margin:0 0 0 18px;
		padding: 30px 0 0 20px;
		color:#fff;
		background:#004e91;
	}
	
#footer p
 {
	 font-family:Arial, Helvetica, sans-serif;
  font-size:10px;
		line-height:10px;
		text-transform: uppercase;
 }

#footer a
 {
		text-decoration:none;
		color: #fff;		
	}
	
#footer a:hover
 {
  text-decoration:underline;
 }
	
#footer #soex
 {
		position:absolute;
		top:20px;
		left:682px;
	}
	
#clearfooter
 {
  clear:both;
		width:100%;
		height:95px;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:16px;
		line-height:24px;
		font-weight:bold;
		text-align:left;
		text-transform: uppercase;
		margin: 0 0 18px 0;
		color:#00798f;	
	}
	
h2
 {
  font-size: 14px;
		line-height:18px;
		font-weight:normal;
		margin:25px 0 10px 0;
			color:#00798f;		 
	}
	
h3
 {
	 font-size:12px;
		line-height: 18px;
		font-weight: normal;
		text-transform: uppercase;
		margin-bottom: 15px;
		margin-top: 25px;
	}
		
p
 {
		font-size:12px;
		line-height:20px;
		margin-bottom:12px;
	}
	
.klein
 {
 font-size:9px;
	line-height:10px;
	}
	
a
 {
		text-decoration:underline;
  color:#00798f;
	}
	
a:visited
 {
		text-decoration:underline;
	}	
	
a:hover
 {
  text-decoration:none;
		color: #494949;
	}
	
a.no_underline
 {
		text-decoration: none;
	}
	
strong
 {
		font-weight:bold;
	}
	
ul {
	list-style-type:disc;
	margin: -10px 0 14px 15px;
 padding:0;
 font-size:12px;
		line-height:20px;
}
	
ul ul {
	list-style-type:disc;
	margin-left:15px;	
}

ul#galerie
 {list-style-type:none;
 margin:0 0 0 20px;
 padding:0;
 text-align:left;}
 
ul#galerie li
 {float:left;
 width:100px;
 height:100px;
 overflow:hidden;
 text-align:center;
 vertical-align:middle;
 margin-right:10px;
 margin-bottom:10px;}

	
.center
 {
		text-align:center;
	}
	
a.contact, a.container
 {
		text-decoration: none;
		cursor: pointer;
		color: #646567;
	}
	
img.floatleft
 {
		float: left;
		margin: 5px 10px 10px 0;
 }
 
table
 {width:100%;
 }
 
table.kontakt td a
 {color:#494949;
 text-decoration:none;}
 
table.kontakt td a:hover
 {color:#00798f;
 text-decoration:underline;}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */

/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
input, select {
	font-family:Arial, Helvetica, sans-serif;
background: #FFF;
width: 300px;
margin:0;
font-size:12px;
padding:4px 0 4px 4px;
border:1px solid #dcdcdc;
background:url(../bilder/background-input.png);
}

textarea {
	font-family:Arial, Helvetica, sans-serif;
	width: 300px;
margin:0;
padding:1px 0 1px 4px;
border:1px solid #dcdcdc;
font-size:12px;
}

input.submit {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:1px solid #dcdcdc;
	margin:0;
	padding:3px 0 3px 0px;
	width: 304px;
	height: 25px;
	cursor:pointer;
 background:url(../bilder/background-input.png);	
}

input.submit:HOVER {
	background:#EEE;
	
}

input.checkbox {
	width:14px;
	
}

label {
	padding: 0px 0 2px 5px;
	font-weight:bold;
	display:inline-block;
	width:150px;
	background:#EEE;
	margin-right:5px;
	float:left;
}
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */


/* jQuery Highlight */
span.highlight {
	background:	#f2ec4a;
}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */