/*
Netnography Insights
CSS Styles

Colors:
	gray:		#eeeeee
	orange: 	#f18e00
	schrift-grau: #6f6f6f;
*/

/**********************************/
/********* Page Settings *********/
/********************************/
* {
	margin: 0px;
	padding: 0px;
}

body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 11px;
	color: #6f6f6f;
	width: 100%;
	margin-bottom:35px;
	}

a 	{
	color:#f18e00;
	}

a img{
	border:none;
	}

h1	{
	font-family:Georgia, "Times New Roman", Times, serif;
	color:#f18e00;
	font-style:italic;
	font-weight:400;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
h2{
	color:#f18e00;
	font-weight:400;
	font-size:11px;
	}
	
#content_untenlinks h1{
	color: #6f6f6f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;	
	}
	
#content_untenrechts h1{
	color: #6f6f6f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:200;
	font-size:14px;
	margin-top:0px;
	margin-bottom:5px;
	}

.csc-subheader {
	color:#f18e00;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-weight:400;
	font-size:14px;
	margin-top:5px;
	margin-bottom:5px;
	}
	
.impressum{
	margin: 0px auto;
	width:820px;
    padding-top:5px;
	padding-left:6px;
	}

.impressum a{
	color:#6f6f6f;
	}


/**********************************/
/********* Content *********/
/********************************/

#c1 {
	float:left;
	width:250px;
	margin-right:25px;
	}


/* News auf Startseite rechts einrücken */
#c220, #c208{
	padding-right:7px;
}

/* Latest Project Grau */
#c14 .csc-textpic-intext-left-nowrap {
	background-color:#eeeeee;
	padding:12px;
	margin-bottom:10px;
	}
	
/* Latest Project Überschrift in eine Zeile */	
#c11 .csc-header h1{
	width:117px;  /* definiert den Abstand zwischen Titel und Subtitle von links nach rechts */	
	float:left;
	}	
	
/* Hacken unten rechts außen */
#c28 img{
	margin-left:200px;
}
	
/* Benefits einrücken */	
#c31{
	margin-left:7px;
	}	
	
span .orange {
	color:#f18e00;
	}

#slideshare{
	padding-left:310px;
	}
	
#content_untenrechts .csc-textpic-text{
	padding-left:0px;
	}


/* Definiert Tabellen Layouts im Content */
.contenttable {
	margin-top:5px;
	}

.contenttable td{
	padding-right:15px;
	}
	
.contenttable tr{
	height:20px;
	vertical-align:top;
	}	
	
	
*News Comment Formats
.eluna_pagecomments_link a{ 
	margin-top:10px;
	
	}
	
.tx-elunapagecomments-pi1{
	margin-top:5px;
	}	
	
	
DIV.csc-textpic DIV.csc-textpic-single-image IMG {
	margin-bottom:0px;
}
	
/**********************************/
/********** Page Layout **********/
/********************************/

/* Wrapper around the whole site */
div#wrapper {
	margin: 13px auto;
	width: 820px;
	}

/* Left frame with content */
div#leftframe {
	width: 576px;
	float: left;
	padding-top:18px;
	}

/* Menu */
div#menu {
	text-transform: uppercase;
	margin-top:2px;
	margin-bottom: 6px;
	float: left;
	width: 494px;
	}

/* Picture in the header of the site */
#pageheader{
	margin-bottom:5px;
	border:none;
	}
	
/* Picture in the header of the content-element */	
#headerpic {
	margin-bottom:10px;
	}
	

#menu ul li {
	list-style-type: none;
	display: inline;
	padding-right: 3px;
	font-size: 8px;
	height: 36px;
	/*width: 147px;*/
	}

/* Clientarea */
div#clientarea {
	float: left;
	width: 77px;
	height: 17px;
	background: url(../images/button/clientarea.jpg) no-repeat;
	text-align: center;
	vertical-align: middle;
	font-size: 10px;
	text-transform: uppercase;
	line-height: 16px;
	color: #f18e00;
	}

#clientarea a{
	text-decoration:none;
	}

/* Content */
div#content {
	background-color: #eeeeee;
	margin-left: 6px;
	margin-right: 6px;
	padding: 15px;
	min-height:180px;
	}

/* Right frame as sidebar */
div#rightframe {
	float: left;
	width: 213px;
	margin-left: 15px;
	}

/* Hyve logo */
#rightframe .logo {
	text-align: right;
	padding-right: 5px;
	}

/* Share button for social networks */
#rightframe .shareSn {
	text-align: right;
	line-height: 18px;
	font-size: 9px;
	padding-right: 5px;
	margin-top: 17px;
	}
	
#rightframe .shareTxt {
	float: left;
}

#rightframe .addthis_toolbox {
	float: right;
}

#rightBoxtwitt {
	clear: both;
	padding-top:7px;
}

/* Right box */
#rightBox {
	/*background: url(../images/layout/box_right_shadow.png) repeat-y; */
	padding-left: 12px;
	padding-right: 12px;
	
	}

/* Top shadow for right box */
.rightBoxShadowTop {
	background: url(../images/layout/box_top_shadow.jpg) no-repeat;
	height: 15px;
	width: 213px;
	}

/* Bottom shadow for right box */
.rightBoxShadowBottom {
	background: url(../images/layout/box_bottom_shadow.jpg) no-repeat;
	height: 20px;
	width: 213px;
	}

#content_untenlinks {
	margin-left:6px;
	margin-top:10px;
	float:left;
	width:190px;
	}

#content_untenrechts {
	float:right;
	margin-top:10px;
	width:365px;
	padding-right:6px;
	}

/**********************************/
/* Mailform */
/*********************************/
.mailform-label {
	width: 50px;
	float: left;
	}
.csc-mailform{
	border:none;
	}

.csc-mailform-field{
	margin-top:10px;
	}
.csc-mailform-submit {

    margin:5px 35px 10px 0px;	
	float:right;
	}
/**********************************/
/******** Twitter-Feed ********/
/********************************/

.tx-wttwitter-pi1{
	margin-left:7px;
	width:195px;
	}
	
#wt_twitter_newsticker{
	}

.wt_twitter_profile_image{
	display:none;
	}

.wttwitter_feed_createdat{
	color:#CCCCCC;
	margin-bottom:5px;
	}

#rightBoxtwitt a{
	color: #6f6f6f;
	}
	
#rightBoxtwitt a:hover{
	color: #f18e00;
	}		
	
div#c9 ul{
	margin-left:25px;
	width:180px;
	list-style-image:url(../images/layout/+.gif);
	}

div#c9 li{
	margin-bottom:5px
	}
		
/**********************************/
/******** Login ********/
/********************************/		
		
div.tx-felogin-pi1 form fieldset{
	margin-top:10px;
	border:none;
	}	
		
div.tx-felogin-pi1 form fieldset div{
	display:block;
	margin-bottom:5px;
	}				
		

div.tx-felogin-pi1 form fieldset div label{
	float:left;
	width:60px;
	}


		
/**********************************/
/******** General Classes ********/
/********************************/
.clear {
	clear: both;
	}

.corner_top_left {
	height: 6px;
	background-image: url(../images/layout/corner_top_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	}

.corner_bottom_right {
	height: 6px;
	background-image: url(../images/layout/corner_bottom_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	}