/* ### formatierung (classen) allgemein ### */
* { 
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
}
html {
	height: 100%;
	margin: 0;
	padding: 0;
}
body {
	height: 100%;
	margin: 0;
	padding: 0;
	background-color: white;
	background-image: url(../art/00_bg.gif);
	background-position: 0px 76px;
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #758179;
}
a {
	color: #006699;
	text-decoration: none;
	white-space: nowrap;
}
a:link, a:visited {
	color: #006699;
}
a:hover, a:active, a:focus, a.active {
	color: #FF9900;
}

.picture-link
{
	
	display:block;
	padding:1px;
	border-width:1px;
	border-color:#dddddd;
	border-style:solid;
	width:182px;
	
}
.picture-link:hover
{
	border-width:1px;
	border-color:#FF9900;
	border-style:solid;
	
}


h1 {
	font-size: 112%;
	font-weight: normal;
	color: #FF9900;
	padding-bottom: 1em;
}
h2 {
	font-size: 96%;
	margin-bottom:0;
	padding-bottom:0;
	display: inline;
}

h3 {
	font-size: 75%;
	font-weight:bold;
	margin-bottom:0;
	padding-bottom:0px;
	display: inline;
}


ul{
	list-style-type:square;
	list-style-position:inside;
	padding-left:2px;
}
li{
	font-size: 86%;
	line-height: 120%;
}

p{
	font-size: 86%;
	line-height: 140%;
	padding-bottom: 1em;	
}




form {
	font-size: 76%;
}
input, textarea {
	color: #758179;
}


img{
	border:none;
}

/* ### layout -container, -elemente (id's) allgemein  ### */

#logo {
	position: absolute;
	top: 14px;
	left: 586px;
}
#head {
	/*width: 978px;*/
	width: 570px;
	position: absolute;
	top: 76px;
	left: 0px;
}
#bg_head {
	position: absolute;
	top: 76px;
	left: 380px;
}
#navi_top_right_bg {
	width: 100%;
	height: 28px;
	position: absolute;
	top: 238px;
	left: 0px;
	text-align: right;
	background: #2D625A;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
#navi_top_right {
	width: 978px;
	height: 28px;
	position: absolute;
	top: 238px;
	left: 0px;
	text-align: right;
	background: transparent;
}
#navi_main {
	width: 964px;
	height: 28px;
	position: absolute;
	top: 266px;
	left: 14px;
	/*background: Red;*/
}
#navi_sub {
	width: 300px;
	position: absolute;
	top: 342px;
	left: 14px;
	color: #FF9900;
}
#content {
	width: 598px;
	position: absolute;
	top: 342px;
	left: 380px;
	/*background: Yellow;*/
}
#footer {
	width: 100%;
	position: relative;
	left: -366px;
	/*padding-top: 20px;*/
}



/* ### inhalts-formate allgemein  ### */
#navi_top_right, #navi_top_right *,
#navi_main, #navi_main * {
	color: White;
	line-height: 1.9em;
}
#navi_top_right, #navi_main {
	word-spacing: 17px;
}
#navi_top_right a, #navi_main a {
	word-spacing: normal;
}
#navi_top_right, #navi_main, #navi_sub {
	font-size: 86%;
}
.active, #navi_top_right a.active, #navi_main a.active,
#navi_top_right a:hover, #navi_top_right a:active, #navi_top_right a:focus,
#navi_main a:hover, #navi_main a:active, #navi_main a:focus {
	color: #FF9900;
}
#navi_sub hr {
	height: 1px;
	border: none;
	color: #D0E0E8;
	background-color: #D0E0E8;
	margin: 0;
	margin-top: 4px;
	margin-bottom: 4px;
}
* html #navi_sub hr { /* fuer ie */
	margin-top: -3px;
	margin-bottom: -3px;
	display: block;
}
#content .left {
	position: absolute;
	left: -366px;
}


#content .pictures-qualifikation{
	width:600px;
}

#content .pictures-left{
	position: absolute;
	left: -366px;
	height:250px;
	width:182px;
}

#footer p {
	float: left;
	width: 190px;
	font-size: 76%;
}


#content div.picture-with-caption{
	float:left;
	margin-right:16px;
	width:182px;
}
#content div.picture-with-caption p{
	
	margin-top:4px;
	font-size:75%;
}



/* ### klassen allgemein  ### */

.clear {
    clear: both;
	 width: 100%;
}
.spacer {
	clear:both;
	float: none;
	width: 100%;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
	background-color: white;
	color: white;
}
.right {
	text-align: right;
	float: right;
}
.small {
	font-size: 66%;
}




/* ### farben  ### */
.rot {
	color: Fuchsia;
}


/* ### seitenspezifische formate  ### */



/* ### homepage  ### */



/* ### referenzen  ### */



/* ### kontakt  ### */
#kontakt_form_left {
	line-height: 1.5em;
}
#kontakt_formular input, #kontakt_formular textarea {
	background-color: #E3EEEF;
	border: none;
	margin: 0px;
	margin-bottom: 7px;
	padding: 2px;
	padding-left: 5px;
	padding-right: 5px;
}
#kontakt_formular input {
	float: left;
	margin-right: 5px;
}
#kontakt_formular textarea {
	font-size: 96%;
	width: 270px;
	height: 124px;
	float: right;
	scrollbar-base-color:#E3EEEF;
	scrollbar-3d-light-color:#E3EEEF;
	scrollbar-arrow-color:black;
	scrollbar-darkshadow-color:#E3EEEF;
	scrollbar-face-color:#E3EEEF;
	scrollbar-highlight-color:#E3EEEF;
	scrollbar-shadow-color:#E3EEEF;
	scrollbar-track-color:#E3EEEF;
}
#kontakt_form_left {
	float: left;
	width: 300px;
}
#kontakt_form_left br {
	clear: both;
}
#kontakt_form_left input {
	width: 165px;
}