/**
 * Stylesheet fuer sk-content.de
 *
 * Sven Külpmann
 * e-Mail: sven.kuelpmann@sk-content.de
 */

/**
 * Allgemeine Definitionen
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: none;
  font-size: 1em;
  vertical-align: baseline;
}

body { 
  background: #dadada;
  font-family: Georgia;
  font-size: 100.01%;
  height: 100%;
  width: 100%;
  text-align: center;
}
a {
	outline:none;
}
code {
  font-family: "Courier New", Monospace;
}

label {
  cursor: pointer;
  color:#3a3a3a;
  font-size: 14px;
}

ol, ul {
  list-style: none;
}

.fr{
	float: right !important;
}

.fl{
	float: left !important;
}

.c {
  clear: both !important;
}

 
.hidden {
	visibility: hidden;
}

.x {
	display: none;
}

h1, h2, h3 {
	font-weight: normal;
	color: #3a3a3a;
  	font-family: Georgia;
}
h1 {font-size: 72px; letter-spacing: -3px;}
h2 {font-size: 18px; letter-spacing: -1px;}
h3 {font-size: 18px; letter-spacing: -1px;}
/*
 *  Template-Regionen
 */



#center_wrapper {
	background: url('../i/bg_1004.jpg') repeat-x center top;
	width: 960px;
/*
	left: 50%;
	margin: 0 auto 0 -504px;
*/
  margin: 0 auto;
	position: relative;
	text-align: left;
	padding: 0 20px 20px 24px;
}

/** 
 *	HEADER
 */ 
#header_wrapper {
	height: 150px;
	left: 0px;
	right: 0px;
}
	a#logo {
		display: block;
		float: left;
		height: 85px;
		margin: 55px auto 0 -24px;
		width: 385px;
		text-indent: -500px;
		overflow: hidden;
	}
	
	a#rss {
		background: url('../i/rss.gif') no-repeat left -1px;
		position: absolute;
		display:block;
		height: 48px;
		right: 56px;
		top: 0px;
		width: 22px;
		text-indent: -500px;
		overflow: hidden;
	}
	a#rss:hover {
		background-position: -23px -2px;
	}
	a#rss:active {
		background-position: left -1px;
	}
	
	#menue {
		float: right;
		margin: 116px 0 0 12px !important; 
	}
	
	#menue a{
		display: block;
		float: left;
		font-size: 16px;
		height: 20px;
		margin-left: 54px;
		text-decoration: none;
		padding: 0 3px 0 6px;
 		text-decoration: none;
		color: #4D4D4D;
		text-shadow: 0px 0px 3px #f9f9f9;
	}

	#menue a.first {margin-left: 0px;}
	
	#menue a:hover{
		color: #171717;
		text-shadow: 0px 1px 6px #fff;
	}
	#menue a.active{
		text-decoration: underline;
	}
	

/** 
 *	CLAIM
 */

#claim {
	margin: 58px auto 100px 0;
}
	#claim h1 {
		color: #3a3a3a;
		font-size: 60px;
		font-style: normal;
		letter-spacing: -3px;
		line-height: 58px;
		margin: 0 0 18px 0;
	}
	#claim p {
		color: #4d4d4d;
		font-size: 22px;
		letter-spacing: -1px;
	}
/** 
 *	INHALT
 */

#content {
	margin: 0 0 100px 0;
	width: 960px;
}
	
	/* Inhaltsspalten */
	#content div.column {
		float: left;
		margin: 0 28px 0 0 ;
	}
	#content div.half {
		width: 466px;
	}
	#content div.medium {
		padding-left: 103px;
		width: 335px;
	}
	
	#content div.three_fourth {
		width: 699px;
	}

	#content div.one_fourth {
		width: 219px; 
	}
	/*letztes Element hat keinen MArgin uf der rechten seite*/
	#content div.last {
	margin: 0 0 0 0;
	}
		/* Inhaltselemente */
		.column h2, .column h2 a {
			color: #3a3a3a;
			font-size: 16px;
			text-align: right;
			text-decoration: none;
			width: 100%;
			text-shadow: 0px 1px 1px #ececec;
		}
		.column h2 a:hover {
			color: #171717;
		}
		.column .small, .one_fourth div .small {
			color: #4d4d4d;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10px;
			float: right;
			text-align: right;
			width: 100%;
		}
		
		.column p.bodytext, .one_fourth div div p.tweet, .column ul, .column table {
			color: #3a3a3a;
			font-size: 14px;
			line-height: 21px;
			margin: 28px 0 0 0;
		}
		.column p a{
			color: #171717;
			text-decoration: none;
		}
		.column p a:hover{
			text-decoration: underline;
		}
  		p.bodytext a, li a, table a{
			  color: #171717;
        text-decoration: underline;
      }
  		p.bodytext a:hover, li a:hover, table a:hover {
        text-decoration: none;
      }
			.column table tr td {
				padding: 0 0 14px 0;
			}
			.column table ul li {
				padding: 0 0 14px 0;
			}

		
		/*.column p.more{ margin: 0 0 0 470px;}
		*/.column p.more a{
			background: url('../i/more.gif') no-repeat right 88px;
			color: #3a3a3a;
			display: block;
			text-decoration: none;

		}
		.column p.more a:hover{
			background: url('../i/more.gif') no-repeat right -12px;
			text-decoration: underline;
		}
		
		.column p a.item_more, .column p.item_more a {
			background: url('../i/more.gif') no-repeat right 25px;
			color: #3a3a3a;
			clear: both;
			display: block;
			text-decoration: none;
		}

		
		.column p a.item_more:hover, .column p.item_more a:hover {
			background: url('../i/more.gif') no-repeat right -75px;
		}
		
		.column div.image_wrapper {
			float: left;
			border: 1px solid #e2e2e2;
			margin: 19px 20px 0 0;
			padding: 0;
			width: 467px;
		}
		.column div.image_in_text {
			float: left;
			border: 1px solid #e2e2e2;
			margin: 15px 20px 25px 0;
			padding: 0;
			width: 467px;
		}
		.column div.big_img {
			margin: 32px 0px 0 0;
		}
		
		/* Skip-Buttons (referenzen und profil) */
		.info{
				background: none;
				display: block;
				height: 216px;
				margin: -217px 0 0 455px;
				position: absolute;
				width: 12px;
		}
		.info_active{
				background: url('../i/bg_black_90.png') repeat left top;
				display: block;
				height: 216px;
				margin: -217px 0 0 289px;
				position: absolute;
				width: 177px;
		}
			
			.info a.btn_info, .info_active a.btn_info{
				background: url('../i/btn_info.png') no-repeat left top;
				display: block;
				height: 36px;
				margin: -1px 0 0 -24px;
				position: absolute;
				width: 36px;
			}
			.info a.btn_info:hover, .info_active a.btn_info:hover{
				background-position: left -37px;
			}
			.info p {
				visibility: hidden;
			}
			.info_active p {
				visibility: visible;
				color: #d4d4d4;
				padding: 8px 20px;
			}
		/* Thumbs / Lifeline*/
		.skipbox {
			float: right;
			height: 220px;
			margin: 31px 0 0 0;
			/*padding: 0 0 0 480px;*/
			width: 220px;
		}
			.thumb_inner {
				height: 220px;
				float: right;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 217px;
			}
			.lifeline_inner {
				height: 220px;
				float: right;
				margin: 0;
				overflow: hidden;
				padding: 0;
				width: 217px;
			}
				.thumb_inner ul li {
					display: inline;
					height: 220px;
					width: 73px;
					margin: 0;
					padding: 2px 0 2px 0;
				}
				.lifeline_inner ul li {
					display: inline;
					height: 205px;
					width: 217px;
					margin: 0;
					padding: 39px 0px 10px 0px;
				}
					img.thumb_item{
						background-color: #bcbcbc;
						display: block;
						margin: -1px 0 0 0;
						padding: 1px;
						border: 1px solid #e2e2e2;
					}
					a:hover img.thumb_item{
						opacity: 0.9;
					}

			a.btn_left {
				background: url('../i/btn_left.png') no-repeat left top;
				height: 36px;
				margin: 2px 0 0 2px;
				width: 36px;
				position: absolute;
				z-index: 3;
			}

			a.btn_right {
				background: url('../i/btn_right.png') no-repeat left top;
				height: 36px;
				margin: 184px 0 0 184px;
				width: 36px;
				position: absolute;
				z-index: 3;
			}
			
			a.btn_right:hover,a.btn_left:hover {
				background-position: left -37px;
			}
			
			a.disabled {visibility: hidden;}
			
			
		/* News und Tweets */
		.one_fourth div div.tweet_item {
			padding: 0 0 0 0;
			margin: 0 0 0 0;
		}
			.one_fourth div div.tweet_item span.small{
				margin: -28px 0 15px 0;
				padding: 0;
			}
			
		/*liste*/
		.medium div div.tweet_item {
			margin: 31px 0 0 0;
		}
			.medium div div.tweet_item span.small{
				margin: 2px 0 5px 0;
			}
		
		.column div.news_item {
			margin: 31px 0 0 0;
			padding-bottom: 10px;
		}
			.column div.news_item h3{
				margin: 12px 0 0 0;
				padding: 0;
			}
			.column div.news_item span.small{
				margin: -22px 0 0 0;
				padding: 0;
			}
			.column div.news_item div.image_wrapper {
				float: left;
				border: 1px solid #e2e2e2;
				margin: 5px 0 18px 0;
				padding: 0;
				width: 467px;
			}
		.column div.image_wrapper img{
			border: 1px solid #bcbcbc;
			margin: 0;
			padding: 0;
		}
		/* Spalten (verschiedene Breiten) */
		.three_fourth h2 { background: url('../i/ruler_3_4th.gif') no-repeat right 14px;}
		.one_fourth h2 { background: url('../i/ruler_1_4th.gif') no-repeat right 14px;}
		.half h2 { background: url('../i/ruler_half.gif') no-repeat right 14px;}
		.medium h2 { background: url('../i/ruler_medium.gif') no-repeat right 14px;}


/**
 *  NEWS - Related data
 */				

h2.related ul{padding-bottom: 25px;}


/**
 *	FOOTER
 */

#social_wrapper {
	background: url('../i/ruler_full.gif') no-repeat center 90px;
	clear: both;
	padding: 107px 0 0 0;
}
	#social_wrapper a {
		color: #3a3a3a;
		display: block;
		float: left;
		font-size: 11px;
		line-height: 19px;
		padding: 0 118px 0 0;
		text-decoration: none;
		width: 172px;
	}
	
	a#link_twitter, a#link_twitter:active {
		background: url('../i/bg_social.jpg') no-repeat 165px top;
	}
	a#link_facebook, a#link_facebook:active {
		background: url('../i/bg_social.jpg') no-repeat -167px top;
		margin: 0 0 0 45px;
	}
	a#link_xing, a#link_xing:active {
		background: url('../i/bg_social.jpg') no-repeat -500px top;
		margin: 0 0 0 45px;
	}
	
	a#link_twitter:hover{
		background: url('../i/bg_social.jpg') no-repeat 165px -120px;
		text-decoration: underline;
	}
	a#link_facebook:hover{
		background: url('../i/bg_social.jpg') no-repeat -167px -120px;
		text-decoration: underline;
	}
	a#link_xing:hover{
		background: url('../i/bg_social.jpg') no-repeat -500px -120px;
		text-decoration: underline;
	}
	
	
#meta_nav_wrapper {
	background: url('../i/ruler_full.gif') no-repeat center 15px;
	clear: both;
	font-size: 11px;
	margin: 9px 0 0 0;
	padding: 34px 0 0 0;
	text-align: right;
}
	#meta_nav_wrapper a {
		color: #3a3a3a;
		margin: 0 28px 0 0;
		text-decoration: none;
	}
	#meta_nav_wrapper a:hover {
		text-decoration: underline;
	}
	
/**
 *	FORMULAR
 */
input {
	outline: none;
}
.textarea_wrapper {
	background: transparent url('../i/textarea.gif') no-repeat left top;
	margin: 0 auto 16px 0;
	}
.form_textarea {
	background: none;
	border: none;
	color: #171717;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 169px;
	resize: none;
	width: 462px;
	padding: 6px 3px;
}
.input_wrapper {
background: url('../i/input.gif') no-repeat left top;
	margin: 0 auto 16px 0;
	height: 32px;
	}
.form_input{
	background: none;
	border: none;
	color: #171717;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 18px;
	resize: none;
	padding: 6px 3px;
}

/* login */
.tx-felogin-pi1 p.bodytext {padding-bottom: 10px;}

.input_wrapper_small {
background: url('../i/input_small.gif') no-repeat left top;
	margin: 0 auto 16px 0;
	height: 32px;
  width: 336px;
	}
.input_wrapper_small input{
	background: none;
	border: none;
	color: #171717;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	height: 18px;
	resize: none;
	padding: 6px 3px;
  width: 327px;
}

#email{
	width: 314px;
}
#verifyemail{
	width: 374px;
}
.form_send {
	background: url('../i/btn_send.gif') no-repeat left top;
	border: none;
	color: #171717;
	cursor: pointer;
	font-family: Arial, Helvetica, sans-serif;
	height: 32px;
	text-align: center;
	width: 81px;
	padding: 0 0 3px 0;
}

.form_send:hover {
	background-position: left -33px;
}

.form_send:active {
	background-position: left top;
}

input.submit_login {
  background: url("../i/btn_login.gif") no-repeat 0 0;
	border: none;
	color: #171717;
	cursor: pointer;
  float: right;
	font-family: Arial, Helvetica, sans-serif;
	height: 32px;
	text-align: center;
	width: 83px;
	padding: 0 0 3px 0;
}
input.submit_login {
  background-position: 0 -32px;
}
.form_error_wrapper {
	background: url('../i/bg_error_end.png') no-repeat right top;
	padding: 0 10px 0 0;
}

.form_error {
	background: url('../i/bg_error.png') no-repeat left top;
	color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 20px;
	margin: 5px 0 10px 337px ;
	padding: 2px 0 10px 38px;
	position: absolute;
/*	width: 218px; */
}

a.vcard {
	background: url('../i/vcard.gif') no-repeat left top;
	border: none;
	color: #171717;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 42px;
	text-align: left;
	text-decoration: none;
	width: 215px;
	padding: 13px 0 3px 120px;
}

a.vcard:hover{
	background-position: left -60px;
	text-decoration: none !important;
	color: #2e2e2e;
}

a#qr_btn.vcard {
	background: url('../i/qr_code_btn.gif') no-repeat left top;
	margin: 21px 0 0 0;
}
a#qr_btn:hover{
	background-position: left -60px;
	text-decoration: none !important;
	color: #2e2e2e;
}