* {
margin:0;
padding:0;
border:0;
}

html {
	height:100%;
}

body {
	height:100%;
	height:auto !important;
	min-height:100%;
	font-size:95%;
	line-height:110%;
	color:#000;
	font-family:"Georgia", Arial, Verdana, Helvetica, Verdana, sans-serif;
	background:url(../images/header_bg.jpg);
	background-repeat:repeat-x;
	background-color:#fff;
	overflow-x:hidden;
	margin: 0;
	padding: 0;
}

b {
font-weight:lighter;
}


p.align-justify {
text-align:justify;
}



div#typo3_freelancer_logo {
position:absolute;
top:100px;
left:10px;
}


div#tagcloud {
position:absolute;
top:70px;
left:400px;
width:300px;
height:150px;
}

img {
border:0px;
}

html\:abbr, abbr, acronym, .hilfe {
cursor: pointer;
border-bottom: 0px dotted #666;
}



div#typo3_logo {
margin-top:20px;
margin-left:20px;
}

div#typo3_logo img {
margin-bottom:12px;
}

div#w3c {
margin-top:20px;
margin-left:20px;
}

ul {
margin-left:25px;
margin-top:15px;
margin-bottom:15px;
}

ul#portfolio {
margin-left:0px;
}

ul#portfolio li {
list-style:none;
list-style-image:none;
margin-left:0px;
}


div.box_links {
float:left;
width:46%;
}

div.box_rechts {
float:left;
width:46%;
}

div.abstandshalter {
margin-bottom:20px;
}

div.csc-frame-rulerAfter {
height:1px;
width:100%;
border-bottom: 1px #c3c3c3 dotted;
margin-bottom:15px;
padding-top:4px;
clear:both;
}

div#printer {
text-align:right;
}


div#printer img {
margin-left:12px;
}


* html #container {
 	height:100%;
 }

/* IE Win < 7 only \*/
* html #container {
 height:100%;
}
/* end IE Win < 7 only */


h1 {
font-size:120%;
color:#7b1616;
width:100%;
margin-bottom:9px;
}

h2 {
font-size:100%;
color:#666666;
width:100%;
margin-bottom:9px;
}

h4 {
margin-bottom:9px;
}


p {
margin-bottom:15px;
}

div#bookmarks {
margin-bottom:20px;
padding-top:8px;
border-top:1px #c3c3c3 dotted;
clear:both;
}


hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #c3c3c3;
 border-bottom: solid 1px #fff; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
}


/*
* Alle Standard Hyperlinks definieren
*/
a:link, a:visited, a:active {
color:#7b1616;
text-decoration:none;
}


a:hover {
color:#7b1616;
text-decoration:underline;
}

div.clear {
	clear:both;
}


div#header_title {
position:absolute;
top:90px;
left:0px;
width:400px;
height:60px;
z-index:20;
}

h1.header_title {
   height: 30px;
   line-height: 30px;
   text-indent: -9999em;
   width: auto;
   background-position: left top;
}


p.subheader_title {
height: 30px;
   line-height: 30px;
   text-indent: -9999em;
   width: auto;
   background-position: left top;
}


div#pathway {
height:25px;
line-height:25px;
text-align:left;
color:#666666;
width:740px;
border-bottom: 1px #666666 dotted;
margin-bottom:12px;
margin-top:12px;
}

div#pathway a:link, div#pathway a:visited, div#pathway a:active {
color:#666666;
text-decoration:none;
}



#container {
    position:absolute;
	width:970px;
	top:0px;
	left:50%;
	margin-left:-485px;
	min-height: 100%;
    height: 100%;
	padding-bottom:30px;
	padding: 1em 1em 2.5em 1em;
	
	}

/*
For IE
*/
html>body #container {
    height: auto;
	}


img#logo {
  behavior: url(http://www.andre-lanius.de/fileadmin/templates/images/iepngfix.htc);
}

div#container {
  behavior: url(http://www.andre-lanius.de/fileadmin/templates/images/iepngfix.htc);
}


div#topnavigation {
	position:absolute;
	bottom:21px;
	left:12px;
	background:url(../images/top_navi_bg.jpg);
	background-repeat:repeat-x;
	width:948px;
}

div#copyright {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	padding-top:5px;
}

div#copyright a:link, div#copyright a:visited, div#copyright a:active {
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:12px;
color:#666666;
text-decoration:none;
}

div#copyright p {
margin-bottom:0px;
}

#sprungnavi, dfn, .usb {
display:block;
position:absolute;
left:-3000em;
height:0px;
width:0px;
}

	

#header {
position:absolute;
top:0px;
left::0px;
width:970px;
height:276px;
z-index:2;
}	

div.logo {
position:absolute;
top:0px;
right:0px;
width:300px;
height:276px;
background:url(../images/andre-lanius-profilbild.png);
z-index:4;
}

#content {
width:100%;
margin-top:241px;
background:url(../images/container_bg.png);
z-index:23;
}	

div#navi {
	float:left;
	width:200px;
	/*border-right:1px #c3c3c3 solid;*/
}

div#inhalt {
	float:left;
	width:740px;
	margin-left:5px;
}
	
div.inhalt_mit_hintergrund {
background:url(../images/mh.gif);
background-repeat:no-repeat;
}

#footer {
	position: relative;
    bottom: 0;
	height:53px;
	background:url(../images/footer_bg.png);
background-repeat:no-repeat;
text-align:center;
z-index:24; 
	}

	
#footer_bottom {
z-index:21;
height:300px;
/*background:#c6c6c6;
border-top:3px #666666 solid;*/
background:url(../images/footback.gif);
background-repeat:repeat-x;
}

#footer_line {
position:absolute;
bottom:0px;
left:0px;
width:100%;
height:16px;
background:url(../images/footerbot.gif);
background-repeat:repeat-x;
}


div#footerlinks {
margin-top:45px;
position:absolute;
width:970px;
left:50%;
margin-left:-485px;
}

div.footermenu {
float:left;
width:33%;
}

div.footermenu h3 {
font-family: Arial;
font-size:20px;
color:#848d8d;
margin-bottom:0px;
padding-bottom:0px;
}


div#topmenu {
position:absolute;
top:25px;
right:300px;
text-align:right;
}

ul#topmenu_icons li {
list-style:none;
list-style-image:none;
display:inline;
}

ul#topmenu_icons img {
margin-right:15px;
}


/*
* Sitemap definieren
*/
ul.csc-menu-1 li {
list-style:none;
list-style-image:url(../icons/url.gif);
list-style-position:inherit
}

dd.csc-textpic-caption {
text-align:center;
font-size:11px;
color:#979797;
font-style:italic;
}




/*
* Referenzen definieren
*/
div.tx-referenzen-image {
border:1px #c3c3c3 solid;
width:150px;
padding:2px;
margin-right:5px;
float:left;
}

div.tx-referenzen-0 {
float:left;
width:48%;
margin-bottom:25px;
}

div.tx-referenzen-1 {
float:left;
width:48%;
margin-bottom:25px;
}

span.tx-referenzen-url {
font-size:11px;
}

span.tx-referenzen-status {
font-size:12px;
}

span.tx-referenzen-title {
font-size:12px;
}



ul.magento_liste {
margin-left:25px;
padding-left:25px;
}

ul.magento_liste li {
list-style:none;
list-style-image:url(../images/magento.jpg);
margin-bottom:8px;
}


div#searchbox {
position:absolute;
top:20px;
left:190px;
}

div#searchbox input.searchbox-sword {
background:url(../images/bg_input.jpg);
background-repeat:repeat-x;
height:22px;
width:200px;
padding:3px;
color:#313c4a;
font-style:italic;
font-family: Arial, Verdana;
}

div#searchbox_button {
position:absolute;
top:-3px;
left:220px;
}

div#search_text {
position:absolute;
top:-3px;
left:-195px;
}



div.tx-glossar-pi1 dt {
margin-top:25px;
}

div.tx-glossar-pi1 dd {
margin-left:25px;
}

div.tx-glossar-pi1 acronym {
border-bottom:1px #979797 dotted;
}

div.tx-glossar-pi1 ul {
margin-top:-5px;
}



/* Tooltips */
#tooltip {
	position: absolute;
	padding: 4px;
	color: #FFF;
	font-size: 11px;
	display: none;
	text-align: left;
	background-color: #000;
	opacity: 0.8;
	-moz-opacity: 0.8;
	filter: alpha(opacity=80);
}
 
.tooltipTitle {
	font-weight: bold;
	color: #CEE1EF;
}




/*
* Sprachmenu definieren
*/
div#language {
position:absolute;
left:15px;
top:15px;
}

div#language h3 {
color:#fff;
font-size:14px;
}

div#language ul, div#language li {
display:inline;
}



/*
* Referenzen
*/
div.tx-websiteportfolio-pi1 {
margin-bottom:45px;
}

div.tx-websiteportfolio-pi1 p {
text-align:justify;
margin-top:15px;
}

div.particulars {
padding:5px;
background:#f9f9f9;
border:1px #c2c2c2 solid;
}