@charset "utf-8";
/* Copyright Gamradt Webdesign 2012*/
/* Spedition Ridder*/

/* ----------------------------------------------------------------*/
/*  -- Generelles Reset --  */
/* ----------------------------------------------------------------*/

* {
	margin: 0;
	padding: 0;
}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	border:0;
	font-size:100%;
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
}
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img {
	border:0;
}
del, ins {
	text-decoration:none;
}
caption, th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:'';
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
sup, sub {
	vertical-align:baseline;
}
legend {
	color:#000;
}
input, button, textarea, select, optgroup, option {
	font-family:inherit;
	font-size:inherit;
	font-style:inherit;
	font-weight:inherit;
}
input, button, textarea, select {
	font-size:100%;
}



/* ---------------------------------------------------------------*/
/* Seitenaufbau */
/* ---------------------------------------------------------------*/

body {
	font: 100%/1.4 Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
	padding: 0;
	color: #2E2E2E;
	background-color: #FFF;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position:left top;
}

#container {
	width: 980px;
	padding: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	z-index: 10;
	background-color:transparent;
	position: relative;
}

#oben{
	position:relative;
	z-index:20;
	width:100%;
	height:15px;
	padding: 0px;
	margin: 0px;
	}
#menu{
	position:relative;
	z-index: 30;
	width:100%;
	height: 90px;
	overflow:hidden;
	padding: 0px;
	margin: 0px;
	}
	
#kopf-img{
	width:655px;
	height:300px;
	position:absolute;
	top:120px;
	z-index: 120;
	border-radius: 15px;
	border:10px solid #0795b0;
	right: 0px;
		}

#kopf-img img {	
	border-radius: 5px;}


#kopf {
	height:280px;
	width:100%;
	position:relative;
	z-index:100;
	overflow:hidden;
	background-color:transparent;

	padding:0;
	margin:0;
	}

#kopf-logo{
	height:120px;
	padding:170px 0 0 0;
	width: 300px;
	}	
#menu-alt {
	height:45px;
	width:100%;
	margin:0;
	padding:0;
	position:relative;
	z-index:30;
	}	
	
#inhalt{
	width:100%;
	min-height:250px;
	position:relative;
	z-index:40;
	padding:0;

	margin:50px 0 20px 0;
	}
	
	#inhalt-l{
	width:650px;
	position:relative;
	float:left;
	margin-right:30px;
		}
	#inhalt-r{
	width:300px;
	position:relative;
	float:left;
	margin-right:0px;
		}	
	
#fuss{
	clear:both;
	width:100%;
	height:66px;
	position:relative;
	z-index:50;
	background-color:#787570;
	color:#fff;
	text-align: right;
	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	border-radius: 5px;
	}	
	
	#container #fuss img {
		float: left;
		margin-right: 20px;
		margin-top: 0px;
		margin-left: 10px;
	}
	
	#fuss p{
	padding:0px;
	text-align: left;
	font-size: 0.9em;
	}
	
	#fuss a{
	color:#fff;
	}
		
	#fuss a:hover{
	color:#2CD8F5;
	}
	
	#container #fuss #fuss-menu ul li {
	list-style-type: none;
	width:100px;
	height:20px;
	display:inline;
	color: #FFF;
	}
#container #fuss p  {
	color: #FFF;
}

	
	#fuss-menu{
	width: 400px;
	float:right;
	padding:0px 15px 0 0px;
	font-size:0.9em;
	text-align:right;
		}


	#fuss-mitte{
		width: 0px;
		float:right;
		padding-left:0;
	}
	#fuss-mitte img{
		margin:0;
			border-radius: 3px;
	}



	
#weblayout{
	width:100%;
	height:20px;
	background-color:transparent;
	padding-top:10px;
	text-align: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: auto;
	text-align:right;
	}	

#container #weblayout p {
	padding-right:0px;
	text-align:right;
	font-size:9pt;
	font-weight:normal;
}		
#container #weblayout p a,#container #weblayout a {
	color: #a1a0a0;	font-weight:normal;font-size:9pt;
}
#container #weblayout p a:hover{
	color: #0795B0;
	font-weight:normal;
}


/* CSS für Referenzen aktiven Link auf aktueller Seite */
/* Seiten-ID wie Dateiname, Link-Id wie akt-Dateiname */
/* CSS und Ids bei jeder neuen Seiten ergänzen */

#unte #container #menu p #unte_akt,

#leit #container #menu p #leit_akt,
#inno #container #menu p #inno_akt,
#kont #container #menu p #kont_akt,
#anfa #container #menu p #anfa_akt,
#home #container #menu p #home_akt,
#stellen #container #menu p #stellen_akt  
{

	border-top:25px;
	padding-top:22px;
	border-top-color: #0795b0;
	border-top-style: solid;
	
}
/*Hinweis Impressum */
#webdesign{
	float:right;
	width:256px;
	margin-left:100px;
	height:180px;
	border-right-width: 0px;
	border-right-style: none;
	border-top-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #0795b0;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-bottom-color: #0795b0;
	margin-top: 10px;
	padding-top: 20px;
}