@charset "utf-8";
/* CSS Document */

html {
	#background-image:url(gfx/img/bg-baerchen.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	background-color: #FFF;
	min-height: 100%;
}

body {
	margin:0;
	padding:0;
	font-family: 'Droid Sans', Verdana, Arial, Helvetica, sans-serif;
	font-size:75%;
	color:#999999;
}

p { margin:0; padding:0; }
h1, h2, h3, h4, h5 { margin:0; padding:0; }
h1 { font-size:120%; color: #878787; background-color:#F1F1F1; margin:0.2em; padding:0.5em; }
h2 { }
h3 { }
h4 { font-size:100%; font-weight:normal; }

a { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 100%; color: #FF9900; text-decoration: none; border-bottom: 1px solid #FFF; padding-bottom: 2px; }
a:hover {  border-bottom: 1px solid #FF9900; padding-bottom: 2px; }

#portal-visual-wrapper { width: 700px; height: 500px; margin-left: auto; margin-right: auto; }

#header { margin:1em; padding:5px 5px 7px 0; height: 20px; -moz-opacity:.8; filter:alpha(opacity=80); }
#header h1 { margin:0; color: #FFF; background-color:#f90; }

#kompetenzen { margin:0 0 15px 0; padding:0; position: relative; top: 50px; width:300px; height: 210px; background-color:#FFF; -moz-opacity:.8; filter:alpha(opacity=80); }
#kompetenzen h1 { margin-bottom: 10px; }
#kompetenzen h4 { margin-left:11px; margin-bottom: 5px; }

#referenzen { margin:0 0 15px 0; padding:0; position: relative; top: 15px; width:300px; height: 280px; background-color:#FFF; -moz-opacity:.8; filter:alpha(opacity=80); }
#referenzen h1 { margin-bottom: 10px; }
#referenzen p { margin-left:11px; margin-bottom: 5px; }

#kontakt { margin:0 0 15px 0; padding:0; position: relative; top: 15px; width:300px; height: 110px; background-color:#FFF; -moz-opacity:.8; filter:alpha(opacity=80); }
#kontakt h1 { margin-bottom: 10px; }
#kontakt p { margin-left:11px; margin-bottom: 5px; }