@charset "utf-8";

html {height: 100%;}

body {
background-image: url("bgd_gradients.png");
background-repeat: repeat-y;
}

.main
{	
position:absolute; top:0px; left:0px; width:1024px;
		}

.clear {clear: both;}

/* Textbloecke positionieren */

.headline {	font-size: 4.0em;
position:relative; top:250px; left:0px; right:50px; width:974px;
		}	

.column-left { font-size: 1.0em;
position:absolute; top:200px; left:0px; width:292px;
text-align:right;
		}
		
.column-mid { font-size: 1.0em;
position:absolute; top:216px; left:310px; width:480px;
text-align:left;
		}		

.column-right { font-size: 1.0em;
position:absolute; top:216px; left:809px; width:1000px;
		}	

.video {
position:absolute; top:283px; left:310px; width:480px;
		}

.txt {	font-size: 3.0em;
position:relative; top:70px; left:0px; right:50px; width:924px; height:300px;
text-align:left;
		}
		
.legende {	font-size: 2.0em; color: #666;
		}

.socialmedia {
position:absolute; top:212px; left:809px; width:400px;
text-align:left;
		}

.scratchpad {	position: absolute; top:700px; left:800px; font-size:8.0em; color:#E1E1E1;
}

.adress {
position:relative; top:-60px; left:400px; right:100px; width:524px;
		}

.abspann {
position:relative; top:0px; right:400px; width:924px;
		}
		
/*kein Zeilenumbruch*/
address {
	white-space: nowrap;
	font-style:normal
	}

/* CSS LOGO positionieren */
.logo {	position: absolute;
		left: 0px;
		top: 0px}

/* CSS LINK Farben */
a.mailto:link {color: #666}
a.mailto:visited {color: #666}
a.mailto:hover {color: black}

a.color1:link {
    text-decoration:none;
    color: #666}
a.color1:visited {
    text-decoration:none;
    color: #666}
a.color1:hover {
    text-decoration:none;
    color: #FF6600}
    
a.color2:link {
    text-decoration:none;
    color: #666}
a.color2:visited {
    text-decoration:none;
    color: #666}
a.color2:hover {
    text-decoration:none;
    color: black}    

color_grey { color: #666; }

h1,h2,h3 {
font-size: 100%;
font-weight:normal;
display: inline}

img { border: 0}

table {border: 0}