/*Surfers And Sharks Werbeagentur*/


html {overflow-y:scroll;}

body {
	margin:0px auto;
	text-align:center;
	font: 12px helvetica, "Myriad Pro","Trebuchet MS", Verdana,Helvetica,Arial,sans-serif;	
	color: #555;
	line-height:1.5;
}

a img {
	border:0px;
}

a:active, a:focus { 
	outline:none; 
}

.clear {
	clear:both;
}

.wrapper {
	margin:0px auto;
	text-align:left;
	width:864px;
	height:auto;
	position:relative;
}

.wrapper .header {
	position:relative;
	height:100px;
}

.wrapper .header.unterseite {
	border-bottom:1px solid #e4e4e4;	
}

.wrapper .header .logo {
	position:absolute;
	top:20px;
	left:10px;
}

.wrapper .header .mainmenu {
	position:absolute;
	top:50px;
	right:10px;
}

.wrapper .header .mainmenu ul {
	padding:0;
	margin:0;
}

.wrapper .header .mainmenu ul  li {
	float:left;
	display:block;
	margin:0 0 0 20px;
}

.wrapper .header .mainmenu ul  li a {
	font-style:italic;
	text-decoration:none;
	color: #555;
}

.wrapper .header .mainmenu ul  li.active {
	padding:0 0 5px 0;
	border-bottom:2px solid #d70067;
}

.wrapper .visual{
	padding:25px 0 30px 0;
	border-top:1px solid #e4e4e4;
	border-bottom:1px solid #e4e4e4;
}

.wrapper .content-container {
	padding:10px 0 20px 0;
	position:relative;
}

.wrapper .content-container  .print {
	position:absolute;
	right:10px;
	top:20px;
}

.wrapper .content-container .column {
	float:left;
	width:288px;
	height:auto;
}

.wrapper .content-container .column-wide {
	float:left;
	width:576px;
	height:auto;
}

.wrapper .content-container .column .text {
	padding:0 10px;
}

.wrapper .content-container h1 {
	color: #d70067;
	border-bottom:1px solid #e4e4e4;
	font-size:20px;
	font-weight:normal;
	margin:0;
	padding:0 0 5px -20px;
	
}

.wrapper .content-container h2 {
	padding:0;
	font-size:14px;
}

.wrapper .content-container a {
	color: #d70067;
}

.wrapper .footer {
	border-top:1px solid #e4e4e4;
	padding:20px 0;
	position:relative;
	margin:10px 0 0 0;
}

.footer .footer-text {
	position:absolute;
	left:10px;
	top:10px;	
	color: #999;
	font-size:11px;
}

.footer .footer-menu {
	position:absolute;
	right:10px;
	top:10px;
}

.footer .footer-menu a {
	text-decoration:none;
	color: #d70067;
	font-size:11px;
}

.footer .footer-menu span {
	padding:0 5px;
	color:#999;
}

.sidemenu {
	padding:5px 0;
}

.sidemenu ul {
	margin:0;
	padding:0;
}

.sidemenu ul li {
	margin:0;
	padding:6px 0 8px 0;
	list-style-type:none;
	border-bottom:1px solid #e4e4e4;
}

.sidemenu ul li a {
	color: #555555 !important;
	text-decoration:none;
}

.sidemenu ul li.active a {
	text-decoration:underline;
}

.sidemenu ul li a:hover {
	color: #d70067 !important;
}

.sidemenu ul li ul {
	padding:5px 0 0 20px;
}

.sidemenu ul li ul li {
	border:0px;
}