/*******************************************************************************
				Standard-CSS for www.bjoernkowalski.de
********************************************************************************/


/********************************************************************************
						General CSS-Data
********************************************************************************/

body {
	margin:				0;
	padding:			0;
	background:			#ffffff;
	text-align:			left;
	font-family:		Arial, Helvetica, sans-serif;
	font-size:			11px;
	line-height:		14px;
	color:				#a9a9a9;
}

img {
	border:				0;
}
	
/* LINKS */
a,
a:link ,
a:active,
a:visited {
	color:				#4693b3;
	background-color:	#ffffff;
	text-decoration:	none;
	background:			url(../img/bgLinkArrow.gif) no-repeat 2px 4px;
	padding:			0px 2px 0px 12px;
}

a:hover {
	color:				#ffffff;
	background:			#4693b3 url(../img/bgLinkArrow_hi.gif) no-repeat 2px 4px;
}
/* END LINKS */
	
/* HEADINGS */
h1 {
	font-size:			12px;
	line-height:		16px;
	margin:				0 0 10px 0;
	padding:			0;
	color:				#616161;
}
h2 {
	font-size:			12px;
	line-height:		16px;
	margin:				0 0 10px 0;
	padding:			0;
	color:				#c83733;
}
h3, h4, h5, h6 {
	font-size:			12px;
	line-height:		16px;
	margin:				0 0 10px 0;
	padding:			0;
	color:				#c83733;
}
/* END HEADINGS */

/* TEXT */
div {
	font-size:			11px;
}

p {
	font-size:			11px;
	margin:				0;
	padding:			0 0 20px 0;
	line-height:		14px;
}

blockquote {
	margin-left:		10px;
}

code,
pre {
	font-family: "Courier New", Courier, monospace;
	font-size: 			11px;
	white-space:		pre;
}
/* END TEXT */
	
/* LISTS */
ul,
ol {
	font-size:			11px;
	line-height:		16px;
	margin:				0 0 20px 0;
	padding:			0;
}
ul li,
ol li {
	font-size:			11px;
	margin:				0 0 20px 30px;
	padding:			0;
}

dl {
	margin:				0 0 20px 0;
	padding:			0;
	line-height:		14px;
}
dl dt {
	font-weight:		bold;
	margin:				10px 0 10px 0;
	padding:			0;
}
dl dd {
	margin:				0 0 0 30px;
	padding:			0;
}
/* END LISTS */
	
	
/* TABLE */
table {
	font-size:			11px;
	margin:				0 0 20px 0;
	padding:			0;
}

table caption {
	font-weight:		bold;
	margin:				0 0 0 0;
	padding:			0 0 20px 0;
}

th {
	font-weight:		bold;
	text-align:			left;
	vertical-align:		top;
	padding:			10px 5px 10px 0px;
	font-size:			12px;
	color:				#616161;
	border-bottom:		1px solid #dbdbdb;
}

td {
	font-size:			11px;
	font-weight:		bold;
	vertical-align:		top;
	padding:			10px 5px 10px 0px;
	color:				#333333;
	border-bottom:		1px solid #dbdbdb;
}
/* END TABLE */	

/* FORM ELEMENTS */
form {
	margin:				0;
	padding:			0;
	display:			inline;
}

label {
	float:				left;
	cursor:				pointer;
	color:				#373737;
	width:				40px;
	margin-top:			2px;
	padding:			2px;
}

fieldset {
	border:				0;
	margin:				0;
	padding:			0;
}

fieldset legend {
	display:			none;
}

input, select, textarea {
	font-size:			11px; 
	font-family:		Arial, Helvetica, sans-serif;
	margin:				0;
	padding:			2px;
}
/* END FORM ELEMENTS */


hr {
	height:				1px;
	margin:				10px;
	border-bottom:		1px dotted black;
}

.clear:after {
	content:			"."; 
	display:			block; 
	height:				0; 
	clear:				both; 
	visibility:			hidden;
}
* html>body .clear {
	display:			inline-block; 
	width:				100%;
}

* html .clear {
	/* Hides from IE-mac \*/
	height:				1%;
	/* End hide from IE-mac */
}

.accessibility {
	position:			absolute;
	top:				-1000em;
	left:				-1000em;
}

.listActive {
	background-color:	#efefef;
}



/********************************************************************************
						Layout
********************************************************************************/

#root {
	width:				916px;
	margin:				0;
	padding:			0;
	text-align:			left;
}

#head {
	margin-bottom:		16px;
}

#main {
	float:				right;
	width:				660px;
}

#left {
	float:				left;
	width:				255px;
}

/********************************************************************************
						top
********************************************************************************/

#head .lines {
	float:				left;
	width:				255px;
	height:				30px;
	margin-bottom:		40px;
	background:			url(../img/bgLines.gif)
}

#head .logo {
	clear:				both;
	width:				255px;
}
#head .logo h1 {
	text-indent:		-2000em;
}

#head .logo a {
	display:			block;
	background:			url(../img/logo.gif) no-repeat;
	width:				174px;
	height:				100px;
	margin:				8px 0px 0px 80px;
	width:				174px;
	height:				100px;
}

#head .top h2 {
	float:				left;
	font-size:			17px;
	color:				#414141;
	margin:				8px 0px 0px 10px;
	padding-left:		16px;
	text-transform:		uppercase;
	background:			url(../img/bgHeadTop.gif) no-repeat 0px 2px;
}

/********************************************************************************
						left
********************************************************************************/
#left ul {
	margin:				0;
	padding:			0;
	list-style:			none;
}

#left ul li {
	margin:				0;
	padding:			0;
	border-bottom:		1px solid #ffffff;
	text-align:			right;
	height:				21px;
}

#left ul li a,
#left ul li a:link,
#left ul li a:active,
#left ul li a:visited {
	display:			block;
	width:				225px;
	padding:			3px 16px 3px 0px;
	color:				#525151;
	background-color:	transparent;
	background:			none;
	text-transform:		uppercase;
	text-decoration:	none;
	overflow:			hidden;
}

#left ul li a:hover {
	font-weight:		bold;
}

/********************************************************************************
						top
********************************************************************************/
#top {
	width:				100%;
	height:				4px;
	background-color:	#2f2f2f;
}


/********************************************************************************
						main
********************************************************************************/
#main .top .left {
	float:				left;
	width:				126px;
	height:				219px;
	margin:				0px 1px 0px 0px;
	background:			#898989 url(../img/bgSubNavi.gif);
}

#main .top .left ul {
	margin:				0 0 0 20px;
	padding:			0;
	list-style:			none;
}

#main .top .left ul li {
	margin:				0;
	padding:			0;
	height:				21px;
}

#main .top .left ul li a,
#main .top .left ul li a:link,
#main .top .left ul li a:active,
#main .top .left ul li a:visited {
	display:			block;
	padding:			3px 16px 3px 0px;
	color:				#262626;
	background-color:	transparent;
	background:			none;
	text-transform:		uppercase;
	text-decoration:	none;
	overflow:			hidden;
}

#main .top .left ul li a:hover {
	font-weight:		bold;
}

.news #main .top a {
	background:			none;
	padding:			0 0 0 0;
}

.news #main .bottom a {
	text-transform:		uppercase;
	font-weight:		bold;
}

.live #main .top .left ul {
	margin-top:			24px;
}

.work #main .top .left ul {
	margin-top:			46px;
}

.contact #main .top .left {
	width:				310px;
	background:			none;
	background-color:	#d5d5d5;
	margin-right:		0;
}

.contact #main .top .left textarea {
	width:				304px;
	height:				211px;
	border:				1px solid #d5d5d5;
	margin-top:			1px;
	background-color:	#f3f3f3;
}

.contact #main .top .right {
	width:				340px;
	background:			url(../img/bgContactForm.gif) no-repeat;
	padding:			0px 0px 0px 10px;
}

.contact #main form .txt {
	width:				260px;
	height:				23px;
	background:			transparent url(../img/bgInput.gif) no-repeat -2px -2px;
	border:				none;
	padding:			2px 0px 0px 5px;
	margin:				0px 0px 0px 10px;
}

.contact #main form .right div {
	margin:				10px 0px 10px 0px;
}

.contact #main form .send {
	width:				59px;
	padding-right:		18px;
	text-indent:		-1000em;
	background:			transparent url(../img/bgBtSend.gif) no-repeat;
	border:				none;
	cursor:				pointer;
}

.contact #main form .error input {
	background:			transparent url(../img/bgInput_error.gif) no-repeat -2px -2px;
}

.login #main form label {
	width:				100px;
}

.login #main form .txt {
	width:				200px;
	border:				1px solid #525151;
	padding:			2px 0px 0px 5px;
	margin:				5px 0px;
}

.login #main form .button {
	margin-left:		103px;
}

.imprint #main .top {
	color:				#525151;
}

.imprint #main .top .right{
	background-image:	url(/img/bgImprint.gif);
	width:				527px;
	height:				219px;
}

.imprint #main .top .right p{
	margin:				10px;
}

#main .top .right  {
	position:			relative;
	float:				left;
	height:				250px;
}

#main .top .right .movie {
	float:				left;
	overflow:			hidden;
	margin-top:			-4px;
	width:				300px;
}

#main .top .right .text {
	float:				left;
	background:			url(../img/bgMusicText.gif) no-repeat;
	width:				229px;
	height:				220px;
	color:				#666666;
}

#main .top .right .text div {
	height:				200px;
	overflow:			auto;
	margin:				10px 20px 0px 10px;
}

#main .lines {
	display:			block;
	width:				196px;
	height:				30px;
	margin-bottom:		14px;
	background:			url(../img/bgLines.gif)
}

#main .box219 {
	float:				left;
	width:				196px;
	margin:				40px 24px 0px 0px;
}

#main .box460 {
	float:				left;
	width:				460px;
	margin:				40px 0px 0px 0px;
}

.contact #main .box460 {
	margin-left:		0px;
}

#main table {
	width:				460px;
}

#main th .lines {
	margin-top:			10px;
	width:				100%;
}

#main .box460 .bottom {
	text-align:			right;
	font-weight:		bold;
	border-bottom:		1px solid #dbdbdb;
	padding-bottom:		10px;
	text-transform:		uppercase;
}

#main table img {
	float:				left;
}

#main table a {
	display:			block;
	float:				left;
	margin:				8px 0px 0px 10px;
}

#main .box460 .bottom a {
	margin-left:		10px;
}

#main .box460 .bottom strong a {
	color:				#ffffff;
	background:			#4693b3 url(../img/bgLinkArrow_hi.gif) no-repeat 2px 4px;
}

#main .bookmark {
	clear:				both;
	text-align:			right;
	padding:			36px 0px 8px 0px;
}

#main .bookmark a,
#main .bookmark a:hover {
	background:			none;
}

/********************************************************************************
						bottom
********************************************************************************/
#bottom {
	clear:				both;
}

#bottom .lines {
	display:			block;
	width:				100%;
	height:				46px;
	background:			url(../img/bgLines.gif);
}


#metaNavi ul {
	margin:				0;
	/* padding:			0px 0px 0px 570px; */
	padding:			0px 0px 0px 654px;
	list-style:			none;
	height:				22px;
	background:			url(../img/bgMetaNavi.gif) repeat-x;
	border:				1px solid #cccccc;
}

#metaNavi ul li {
	float:				left;
	margin:				0;
	padding:			0;
	height:				22px;
}

#metaNavi ul li.last {
	background:			url(../img/bgBorderMeta.gif) repeat-y top right;
}

#metaNavi ul li a,
#metaNavi ul li a:link ,
#metaNavi ul li a:active,
#metaNavi ul li a:visited {
	display:			block;
	float:				left;
	line-height:		20px;
	padding:			1px 20px 0px 20px;
	height:				22px;
	color:				#2d2d2d;
	background-color:	transparent;
	text-transform:		uppercase;
	font-weight:		bold;
	text-decoration:	none;
	background:			transparent url(../img/bgBorderMeta.gif) repeat-y;
}

#metaNavi ul li a:hover {
	font-weight:		bold;
}

#bottom .bottom {
	width:				100%;
	height:				46px;
	background:			url(../img/bgBottom.gif) repeat-x;
	text-transform:		uppercase;
}

#bottom .bottom div {
	float:				left;
	padding:			1px 0px 0px 677px;
	background:			transparent url(../img/bgBorderBottom.gif) repeat-y top right;
	line-height:		16px;
	font-size:			9px;
}

#bottom .bottom span {
	margin-left:		10px;
	padding:			0px 10px 0px 10px;
	background:			transparent url(../img/bgBorderBottom.gif) repeat-y;
	line-height:		17px;
}

#metaNavi .login {
	background:			url(../img/bgLogin.gif) no-repeat 20px 7px;
}

#metaNavi ul li.login a,
#metaNavi ul li.login a:link ,
#metaNavi ul li.login a:active,
#metaNavi ul li.login a:visited {
	padding-left:		33px;
}

.vita .box460 table th {
	padding-bottom: 0;
}

.vita .box460 table th,
.vita .box460 table td {
	border-bottom: none;
}

.vita .box460 table td {
	color: #A9A9A9;
}