@charset 'utf-8';
@import url(reset.css);

/* ----------------------------------------------------- cysocial.de */

/* ----------------------------------------------------- common */

html { 
    height: 100%;
    overflow: hidden;
}

body {
	font-size: 12px;
	font-family: Arial, Verdana, Sans-Serif;
	margin: 0px;
	padding: 0px;
	height:100%;
	color: #333333; 
	background: #FFF;
}

h1 {
	font-size: 14px;
	padding-top: 10px;
	color: #b2b300;
	margin: 0px 10px 10px 20px;
	background-color: transparent;
}

a { 
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none; 
}

.right {
	float:right;
}

.left {
	float:left;
}

.clear {
	clear: both;
	line-height: 0;
	font-size: 0;
	height: 0;
}

/* ----------------------------------------------------- content */

#wrapper {
	width: 882px;
	margin: auto auto;
	background: #FFF;
 }
 
#header {
	width: 100%;
	height: 74px;
	margin: 0;
	background: #FFF;
 }
 
 #header a img {
	margin-top: 19px;
 }
 
 #notice {
	width: 305px;
	height: 50px;
	background: #edece8;
	float: left;
 }
 
#container {
	width: 100%;
	height: 463px;
	margin: 0;
	background: #FFF url(../images/bg-container.gif) no-repeat 0 172px;
 }
 
#containerhome {
	width: 100%;
	height: 463px;
	margin: 0;
	background: #FFF url(../images/bg-container-home.jpg) no-repeat 0 134px;
 }
 
 #containerhome a.kontakt {
	position:relative;
	float:left;
	display:block;
	height:15px;
	width:65px;
	background-color:transparent;
	margin: 150px 0 0 25px;
  }
  
#containerleistungen {
	width: 100%;
	height: 463px;
	margin: 0;
	background: #FFF url(../images/bg-container-leistungen.jpg) no-repeat 0 76px;
 }
 
#kontakt {
 	margin: 181px 60px 0 104px;
	width: 190px;
	float: left;
	padding-top: 38px;
	background: transparent;
 }
#kontakt p {
	color: #7e8798;
	font-size: 12px;
	line-height: 17px;
	margin-bottom: 20px;
}

#kontakt p.last {
	margin-bottom: 12px;
}

#kontakt a {
	color: #7e8798;
	text-decoration: none;
}

#kontakt a {
	text-decoration: underline;
}

#kontakt a.twitter {
	color: #7e8798;
	padding: 5px 0 10px 30px;
	text-decoration: none;
	background: transparent url(../images/icon-twitter.gif) no-repeat left center;
}

#kontakt a.facebook {
	color: #7e8798;
	padding: 5px 0 10px 30px;
	text-decoration: none;
	background: transparent url(../images/icon-facebook.gif) no-repeat left center;
}

#kontakt a.facebook:hover,
#kontakt a.twitter:hover {
	text-decoration: underline;
}


#tagcloud {
 	margin: 0 0 0 50px;
	float: left;
	padding-top: 38px;
	background: transparent;
 }
 
div.glossy {
	padding-left: 151px;
 	margin: 0 auto;
 }
 
#dashboard {
	padding-left: 151px;
	padding-top: 118px;
	background: transparent;
 }
 
#dashboard a {
	float: left;
 }
 
#dashboard a.button1 {
	display: block;
	width: 165px;
	height: 165px;
	margin: 0 40px 0 0;
	background: transparent url(../images/button-01.jpg) no-repeat;
 }
 
#dashboard a.button1:hover {
	background: transparent url(../images/button-01-over.jpg) no-repeat;
 }
 
#dashboard a.button2 {
	display: block;
	width: 165px;
	height: 165px;
	margin: 0 40px 0 0;
	background: transparent url(../images/button-02.jpg) no-repeat;
 }
 
#dashboard a.button2:hover {
	background: transparent url(../images/button-02-over.jpg) no-repeat;
 }
 
#dashboard a.button3 {
	display: block;
	width: 165px;
	height: 165px;
	margin: 0 0 0 0;
	background: transparent url(../images/button-03.jpg) no-repeat;
 }
 
#dashboard a.button3:hover {
	background: transparent url(../images/button-03-over.jpg) no-repeat;
 }
  
#dashboard a span {display: none;}
#dashboard a:hover span {
   display: block;
   position: relative; 
   top: 175px; 
   left: -2px; 
   width: 50px;
   height:15px;
   padding: 5px 5px 5px 2px; 
   z-index: 100;
   color: #878574; 
   background: transparent;
   font: 10px arial, verdana, sans-serif; 
   text-align: center;
   }
 
 /* ----------------------------------------------------- overlay */
   
.cy_overlay {
	display:none;
	background-image:url(../images/bg-overlay.png);
	width: 760px;
	height: 444px;
	padding:35px;
	font-size:11px;
}

/* close button */

.cy_overlay div.close {
	background-image:url(../images/close.gif);
	position:absolute; 
	right:40px; 
	top:40px;
	cursor:pointer;
	height:30px;
	width:31px;
}

/* overlay content styling */

div.cy_overlay img.visual {
	display: block;
	float: left; 
	padding: 12px 0px 200px 0px;
}

div.cy_overlay h1 {
	font-weight:normal;
	font-size:21px;
	color: #b2b300;
	margin: 0px;
	padding: 50px 0 10px 0;
	text-transform: uppercase;
}

div.content h2 {
	font-family: georgia, times, serif;
	font-weight:normal;
	font-size:38px;
	color: #7e8798;
	margin: 0px;
	padding: 20px 0 30px 40px;
}

div.cy_overlay div.content {
	width: 605px;
	height: 255px;
	border-top: 1px solid #e0e199;
	border-bottom: 1px solid #e0e199;
	padding: 15px 0 15px 0;
	margin-left: 149px;
	background: #FFF url(../images/bg-overlay-content.gif) repeat-x top;
}

div.cy_overlay div.contentwide {
	width: 757px;
	height: 255px;
	border-top: 1px solid #e0e199;
	border-bottom: 1px solid #e0e199;
	padding: 15px 0 15px 0;
	margin-left: 0px;
	background: #FFF;
}

div.cy_overlay div.content p {
	padding: 10px 10px 10px 0px;
	font-size: 12px;
	line-height: 20px;
	color: #706b57;
}

div.cy_overlay div.contentwide p {
	padding: 10px 10px 10px 0px;
	font-size: 12px;
	line-height: 16px;
	color: #706b57;
}

div.cy_overlay div.contentwide p.text {
	line-height: 19px;
}

div.cy_overlay div.contentwide a {
	color: #706b57;
}

div.content div.leftcontent {
	float: left;
	width: 260px;
	margin-right: 20px;
	margin-left: 10px;
}

div.contentwide div.leftcontent {
	float: left;
	width: 250px;
	margin-right: 10px;
	margin-left: 0px;
}

div.content div.rightcontent {
	float: left;
	width: 270px;
}

div.contentwide div.rightcontent {
	float: left;
	width: 490px;
}

div.content div.rightcontent ul,
div.content div.leftcontent ul  {
	list-style-type: none;
	font-size: 12px;
	line-height: 18px;
	color: #706b57;
	padding: 10px 0px 10px 0px;
	margin-left: 30px;
}

div.content div.rightcontent li,
div.content div.leftcontent li {
	padding: 0px 0px 10px 13px;
	list-style-position: outside;
	background: url(../images/list.gif) no-repeat left 7px;
}

#footer {
margin-top: 3px;
background: #FFF;
float: right;
padding-right: 10px;
}

#footer a {
font-size: 10px;
color: #CCC;
text-decoration: none;
}

#footer a:hover {
text-decoration: underline;
}

/* ----------------------------------------------------- IE7 and below */

.ie7 div.cy_overlay { 
    background-image:url(../images/bg-overlay.gif);
} 
 
.ie7 div.content div.leftcontent {
	float: left;
	width: 260px;
	margin-right: 10px;
	margin-left: 20px;
}

/* ----------------------------------------------------- IE6 and below */

.ie6 div.cy_overlay { 
    background-image:url(../images/bg-overlay.gif);
} 

.ie6 div.content div.leftcontent {
	float: left;
	width: 240px;
	margin-right: 20px;
	margin-left: 20px;
}

.ie6 div.content div.rightcontent ul,
.ie6 div.content div.leftcontent ul  {
	margin-left: 0px;
}

.ie6 #kontakt {
 	margin: 181px 60px 0 52px;
	width: 190px;
	float: left;
	padding-top: 38px;
	background: transparent;
 }