\documentclass[a4paper, 11pt]{article}
\renewcommand{\familydefault}{\sfdefault}
\usepackage{a4wide}
\usepackage[utf8]{inputenc}
\usepackage[ngerman]{babel}
\usepackage{color}
\usepackage{graphicx}
\usepackage{setspace}
\usepackage{ulem}
\usepackage{listings}
\usepackage{float}
\usepackage[rflt]{floatflt}
\usepackage{tabularx}
\setlength{\parindent}{0pt}
\title{CSS Animate}
\usepackage[
pdftitle={CSS Animate}
pdfsubject={Sicherlich gibt es einige fertige Routinen um eine Animation (slide, resize, ...) zu erzielen, z.B. jQuery .animate() aber manchmal reicht auch die kleine Lösung, hier nun die Variante mit CSS Transitions.}
pdfauthor={Udo Schmal}
pdfkeywords={JavaScript}
]{hyperref}
\definecolor{darkblue}{rgb}{0,0,.5}
\hypersetup{pdftex=true, colorlinks=true, breaklinks=true, linkcolor=darkblue, menucolor=darkblue, pagecolor=darkblue, urlcolor=darkblue}
\begin{document}CSS Animate
\singlespacing
{\LARGE \textbf{\label{sec:title}JavaScript CSS Animate}}

Sicherlich gibt es einige fertige Routinen um eine Animation (slide, resize, ...)  zu erzielen, z.B. jQuery  .animate() aber manchmal reicht auch die kleine Lösung, hier nun die Variante mit CSS Transitions. 
\label{sec:fadeIn}fade in\label{sec:fadeOut}fade out\label{sec:moveLeft}move left\label{sec:moveRight}move right\label{sec:wrapper}\label{sec:el}
\singlespacing
{\large \textbf{HTML}}

\href{http://www.gocher.me/code/animate/cssAnimate.htm}{cssAnimate.htm}

\singlespacing
{\large \textbf{StyleSheet}}

\href{http://www.gocher.me/code/animate/cssAnimate.js}{cssAnimate.js}
\end{document}