@charset "UTF-8";

/*--------------------------------------------
MIT LIEBE GESTALTET - MARIUS RUDOLPH
STOKEDESIGN - VISUELLE KOMMUNIKATION KÖLN
------------------------------------------- */


@import url(reset.css);

@import url(http://fonts.googleapis.com/css?family=Pacifico);
@import url(http://fonts.googleapis.com/css?family=Droid+Sans);




/*--------------------------------------------
HTML FORMATE
------------------------------------------- */


body {
	background-color: #FFF;
	background-attachment: fixed;
	background-image: url(../images/bg2.png);
	background-position: right bottom;
}

img,div {
 border: 0px;
 behavior: url(../iepngfix.htc);
 
}

#inhalt {
	position: absolute;
	top:30px;
	left:70px;
	width:500px;
	background-color: #FFF;
	padding:10px;
	-moz-border-radius: 10px;
    -webkit-border-radius: 10px;

}

#logo {
	position:absolute;
	left:480px;
	top:-5px;
	width:120px;
	height:120px;
	z-index:1;
	top:-120px;
	background-image: url(../images/logosticker.png);
}

div.center {
	text-align:center;
		}	
		

/*--------------------------------------------
ALLES MIT SCHRIFTARTEN
------------------------------------------- */

h1 {
	font-family: 'Pacifico', cursive;
	font-size:25px;
	color:#000;
	line-height:40px;
	padding-left:10px;
}

h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000;
	padding-top: 10px;
	padding-bottom: 5px;
	text-transform:uppercase;
	
}

h3 img {
	padding-right:5px;
	
}
.pink {
	color: #f7074b;
	font-size:20px;
	
}

a.xing, a.xing:visited {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #f7074b;
	text-decoration: none;
}
a.xing:hover, {
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #f7074b;
	text-decoration: none;
}


#toggle-view a {
	-webkit-transition:background-color .2s ease-out;
	-webkit-transition:color .2s ease-out;
	font-size:11px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #f7074b;
	text-decoration: none;
	}
	
#toggle-view a:hover {
	font-size:11px;
	padding:4px;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 16px;
	color: #FFF;
	text-decoration: none;
	background-color: #f7074b;
	}

/*--------------------------------------------
AUFKLAPPSKRIPT
------------------------------------------- */


#toggle-view {
	list-style:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
	width:500px;
	line-height: 16px;
}

#toggle-view li {
		-webkit-transition:border-color .2s ease-out;
		margin:10px;
		border-bottom:1px dotted #ccc;
		position:relative;
		cursor:pointer;
	}
#toggle-view li:hover {
		margin:10px;
		border-bottom:1px dotted #f7074b;
		position:relative;
		cursor:pointer;
	}

#toggle-view span {
		position:absolute;
		right:5px; top:0;
		color:#ccc;
		font-size:13px;
		padding-top: 10px;
		padding-bottom: 5px;	}
	
#toggle-view p {
		margin:5px 0;
		display:none;
		line-height:25px;
		cursor:auto;
	}
	
 
.clear {
    clear:both; 
}