@charset "UTF-8";

/*****************************************/
/**************** Body *******************/
/*****************************************/

html * {
	margin:0px;
	padding: 0px;
}

body {
	background-color:#c3c3c3;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 75.00%;
	font-weight:400;

	margin:0px;
	border:0px;
	padding: 0px;
	padding-top:120px;
}

/*#changingunderground {
	position:relative;
	width:100%;
	height:100%;
	
	/margin-top:-120px;/
	background-image:url(../img/bg/tablecloth1.jpg);
	background-repeat:repeat;
	background-attachment:fixed;
	background-position:center top;
	
	/top:-120px;/
	padding-top:120px;
	/left:0px;/
}*/

#alloverbg {
	position:relative;
	width:100%;

	background-image:url(../img/bg_blockline2-trans.png);
	background-repeat:repeat-y;
	background-position:left top;
}

#mainbg {
	width: 980px;
	text-align:left;
}

#main {
	position:relative;
	width:675px;
	top: -33px;
	left:0px;

	background-image:url(../img/bg_block-trans.png);
	background-repeat:no-repeat;
	background-position:left top;
	
	/*min-height:630px;*/
	min-height:540px;
	
	padding: 22px 0 0 305px;
	
	z-index:200;
}


/*****************************************/
/*********** Logo & Keyvisual ************/
/*****************************************/

#naio-logo {

	position:absolute;
	top:-120px;
	left:58px;

	width:270px;
	height:180px;
	
	background-image:url(../img/logo-naio.png);
	background-repeat:no-repeat;
	background-position:left top;
	
	z-index:100;
}

#naio-logo a {
	display:block;

	width:270px;
	height:180px;
	
	text-indent:-9999px;
	text-decoration:none;
	
	outline:none;
}

#naio-logo:hover {
	z-index:1000;
}

#randomize-bg-button {
	position:absolute;
	top: 10px;
	right:10px;
	
	width:34px;
	height:31px;
	
	z-index:350;
}

#keyvisual {
	width:510px;
	height:70px;
	
	margin: 0px 0 38px 0;
	
	
	background-repeat:no-repeat;
	background-position:left top;
	
	border:1px solid #000000;

}

#keyvisual-stickies {
	position:absolute;
	top:6px;
	left:285px;
	
	width:539px;
	height:99px;
	
	background-image:url(../img/keyv_tapes-trans.png);
	background-repeat:no-repeat;
	background-position:left top;
}

#pageheadline {
	position:absolute;
	top:80px;
	right:181px;
	
	height:25px;
	
	padding: 0 7px 0 7px;
	
	background-image:url(../img/bg_pageheader-trans.png);
	background-repeat:repeat-x;
	background-position:left top;
}

/*****************************************/
/*************** Navbar ******************/
/*****************************************/

#navbar {
	float:left;
	
	margin-left:40px;
}

#navbar ul {
	list-style-type: none;
}

#navbar ul li {
	display:block;
	width:138px;
	height:55px;

	margin-bottom:10px;
}

#navbar ul li a {
	display:inline;
	position:relative;
	
	padding: 17px 20px 17px 20px;
	
	background-image:url(../img/nav/nav-paper-yellow-trans.png);
	background-repeat:no-repeat;
	background-position:right top;
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:140%;
	font-weight:700;
	color:#000000;
	text-transform:lowercase;
	text-decoration:none;
}

#navbar ul li a:hover,
#navbar ul li a:focus,
#navbar ul li a:active,
#navbar ul li a.active_link {
	/*background-position:right 55px;*/
}
#navbar ul li a.active_link {
	padding-left:29px;
}

#navbar ul li a img.nav-sternschen {
	border:none;
	position:absolute;
	top:0px;
	left:0px;
}

#navbar ul li.blue a {
	margin-left:3px;
	background-image:url(../img/nav/nav-paper-blue-trans.png);
}
#navbar ul li.blue a:hover, #navbar ul li.blue a:focus, #navbar ul li.blue a:active {
	background-image:url(../img/nav/nav-paper-blue-sw-trans.png);
	color:#c4c4c4;
}

#navbar ul li.yellow a {
	margin-left:2px;
	background-image:url(../img/nav/nav-paper-yellow-trans.png);
}
#navbar ul li.yellow a:hover, #navbar ul li.yellow a:focus, #navbar ul li.yellow a:active {
	background-image:url(../img/nav/nav-paper-yellow-sw-trans.png);
}

#navbar ul li.pink a {
	margin-left:4px;
	background-image:url(../img/nav/nav-paper-pink-trans.png);
}
#navbar ul li.pink a:hover, #navbar ul li.pink a:focus, #navbar ul li.pink a:active {
	background-image:url(../img/nav/nav-paper-pink-sw-trans.png);
	color:#c4c4c4;
}

#navbar ul li.orangebrown a {
	margin-left:3px;
	background-image:url(../img/nav/nav-paper-orangebrown-trans.png);
}
#navbar ul li.orangebrown a:hover, #navbar ul li.orangebrown a:focus, #navbar ul li.orangebrown a:active {
	background-image:url(../img/nav/nav-paper-orangebrown-sw-trans.png);
}

#navbar ul li.beige a {
	margin-left:5px;
	background-image:url(../img/nav/nav-paper-beige-trans.png);
}
#navbar ul li.beige a:hover, #navbar ul li.beige a:focus, #navbar ul li.beige a:active {
	background-image:url(../img/nav/nav-paper-beige-sw-trans.png);
}

#navbar ul li.red a {
	margin-left:1px;
	background-image:url(../img/nav/nav-paper-red-trans.png);
}
#navbar ul li.red a:hover, #navbar ul li.red a:focus, #navbar ul li.red a:active {
	background-image:url(../img/nav/nav-paper-red-sw-trans.png);
	color:#c4c4c4;
}

#navbar ul li.green a {
	margin-left:6px;
	background-image:url(../img/nav/nav-paper-green-trans.png);
}
#navbar ul li.green a:hover, #navbar ul li.green a:focus, #navbar ul li.green a:active {
	background-image:url(../img/nav/nav-paper-green-sw-trans.png);
}


/*************** Subnav ******************/


#subnav {
	position:absolute;
	top:108px;
	left:135px;
	z-index:500;
	
	width:171px;
	min-height:248px;

	/*background-color:#00aaff;*/
	background-image:url(../img/submenu_postit_top-trans.png);
	background-repeat:no-repeat;
	background-position:left top;
	
	padding:63px 0 0 0;
}

#subnav ul {
	width:145px;
	/*min-height:185px;*/
	min-height:109px;

	background-image:url(../img/submenu_postit_foot-trans.png);
	background-repeat:no-repeat;
	background-position:left bottom;
	
	padding:0 17px 20px 9px;
	
	list-style-type:none;
}

#subnav ul li {
	display:block;
	padding-left:13px;
	/*padding-bottom:0em;*/
	
	background-image:url(../img/submenu_dot4-trans.png);
	background-position:left 7px;
	background-repeat:no-repeat;
}

#subnav ul li a {
	display:block;
	line-height:21px;
	padding:1px 3px 3px 4px;
	
	color:#000000;
	text-decoration:none;

	background-position:left top;
	background-repeat:repeat-y;
}

#subnav ul li a.current_link,
#subnav ul li a.active_link {
	text-decoration:none;
	background-image:url(../img/submenu_marker_act2-trans.png);
}

#subnav ul li a:hover,
#subnav ul li a:focus,
#subnav ul li a:active {
	text-decoration:none;
	background-image:url(../img/submenu_marker_act2-trans.png);
}

/*****************************************/
/*************** Footer ******************/
/*****************************************/

#footer {
	/*width:100%;*/
	height:85px;
	
	padding:15px 0 0 190px;
	margin: 1em 0 0;
	
	background-image:url(../img/bg_footer2-trans.png);
	background-repeat:repeat-x;
	background-position:left top;

	color:#dedede;
	font-size:90%;
}

#footer a {
	text-decoration:none;
	padding-left:0px;
	background-image:none;
	color:#dedede;
	
}
#footer a:hover,
#footer a:focus,
#footer a:active {
	color:#ffffff;

}


/*****************************************/
/************** The Shells ***************/
/*****************************************/

#content-all {
	position:relative;
	min-height:100px;
}

#main-content {
	float:left;
	width:484px;
}

/*****************************************/
/*************** content *****************/
/*****************************************/

#content {

}

#content a {

}

#column-main {
	float:left;
	
	width:235px;
	min-height:200px;
}

#column-side {
	float:left;
	margin-left:14px;
	width:235px;
	min-height:200px;
}

#column-single {
	float:left;
	
	width:484px;
	min-height:200px;
}


/*****************************************/
/*************** Pagetaser ***************/
/*****************************************/

.tx-jppageteaser-pi1 {
	
}

.tx-jppageteaser-pi1-list {
	
}

.teaser-entry {
	
}
.teaser-entry-first {
	
}
.teaser-entry-last {
	
}
.teaser-entry-odd {
	
}

.teaser-entry-content {
	padding-top:30px;
	padding-bottom:30px;
	
	background-image:url(../img/line_sep_dotted.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

.teaser-entry-last .teaser-entry-content {
	background-image:none;
}

.teaser-entry-content h4 {
	display:inline;
	float:left;
	
	font-size:160%;	
	padding-bottom: 10px;
	margin-bottom: 1em;

	background-image:url(../img/headline-strike.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}
.teaser-entry-date {
	float:right;
	padding-top:10px;
	font-weight:400;
	font-style:italic;
}

.teaser-entry-image img {
	float:left;
}

.teaser-entry-image img {
	margin: 5px 5px 5px 0px;
}

.teaser-entry-description {
	float:left;
	line-height:1.6em;
	margin: 0 0 1em 0;
}

.teaser-entry-link-item {
	display:inline;
	margin-left:5px;
}

.teaser-entry-link-item a {
	padding-left:12px;
	
	background-image:url(../img/icon_link_int.png);
	background-repeat:no-repeat;
	background-position:left center;
}

/*****************************************/
/********** Kontaktformular **************/
/*****************************************/

.contact-form {
	width:352px;
	padding-top:1em;
}

.remark {
	display:block;
	color:#de2718;
}

.contact-form form {
	
}

.label,
.label-captcha {
	display:block;
	float:left;
	width:110px;
	
	margin-top:9px;
}

.label-radio {
	width:260px;
}
.input-text,
.textarea {
	display:block;
	float:left;
	width:150px;

	margin-top:6px;
	border:1px solid #969696;
	/*background-image:url(../img/bg_input_paper.jpg);*/
	background-color:#fafcf7;
	
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size:100%;
	font-style:italic;
	color:#0773a7;
	padding:3px;
}


.textarea {
	font-size:100%;
	width:260px;
	height:5em;
}

.contact-form .error {
	color:#de2718;
}

.radio-shell {
	display:block;
	float:left;
	width:65px;
}

.radio {
	margin-right:5px;
	vertical-align:middle;
}

#contact-form-captcha {
	margin-top:9px;
}

.submit {
	margin: 15px 0 0 110px;
/* 	border:1px solid #2E6785; */
	border:none;
	padding:3px;
	color:#ffffff;
	background-color:#969696;
}




#twitter_div {
	margin-bottom: 2.5em;
}

#twitter_div ul#twitter_update_list {
	list-style-type:none;
	margin: 1em 0 0.5em 0;
	padding:1em;
	
	background-image:url(../img/bg-twitter-trans.png);
	background-repeat:no-repeat;
	background-position:right bottom;
	
}

#twitter_div ul#twitter_update_list li {
	padding:0 0 0 0;
	margin: 0 0 1.5em 0;
	
	text-indent: -2em;
	margin-left: 2em;
}

.last-fm-widget {
	margin-bottom:2em;
}

/*****************************************/
/*********** Miscellaneous ***************/
/*****************************************/

h1 {
	
	font-size: 1.6em;
	font-weight: 700;
	
	margin: 0.5em 0 1em 0;
}

.csc-header {
	display:block;
	margin: 2em 0 1.5em 0;
	
/*	padding-top: 60px;
	
	background-image:url(../img/line_sep_dotted.png);
	background-repeat:no-repeat;
	background-position:center 15px;*/
}

.csc-header-n1 {	
	padding-top: 0px !important;
	margin-top: 0px !important;
	background-image:none !important;
}

.csc-header h1 {
	display:inline;
	margin: 0.5em 0 1em 0;
	padding-bottom: 10px;
	
	background-image:url(../img/headline-strike.png);
	background-repeat:no-repeat;
	background-position:center bottom;
}

h2 {
	font-size: 1.4em;
	font-weight: 700;
	margin: 0 0 0.7em 0;
}

h3 {
	font-size: 1.2em;
	font-weight: 700;
	margin: 0 0 0.5em 0;
}

h4, h5, h6 {
	font-size: 1em;
	font-weight: 700;
}

a {	
	color:#c40109;
	text-decoration:none;
}

a:hover,
a:focus,
a:active {
	text-decoration:underline;
}

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


a img {
	border:none;
}

a.link-top {
	display:block;
	width:57px;
	height:30px;
	margin: 3em 0 0 420px;
}

a.external-link,
a.external-link-new-window {
	padding-left:13px;
	
	background-image:url(../img/icon_link_ext.png);
	background-repeat:no-repeat;
	background-position:left center;
}

a.internal-link {
	padding-left:12px;
	
	background-image:url(../img/icon_link_int.png);
	background-repeat:no-repeat;
	background-position:left center;
}


.image-sticky-wrap,
dl.csc-textpic-image,
.csc-textpic-imagewrap  {
	position:relative;
	margin-top:17px;
	/*padding:40px 20px 0px 20px !important;*/
}

.stickytape-left {
	position:absolute;
	top: -40px;
	left: -20px;

	width:36px;
	height:75px;
	
	background-image:url(../img/img_stickytape_left.png);
	background-repeat:no-repeat;
	background-position:left 11px;
}

.stickytape-right {
	position:absolute;
	top: -40px;
	right: -20px;

	width:42px;
	height:86px;

	background-image:url(../img/img_stickytape_right.png);
	background-repeat:no-repeat;
	background-position:left top;
}

.stickytape-top {
	position:absolute;
	top: -17px;

	width:100%;
	height:35px;

	background-image:url(../img/stickytape-trans.png);
	background-repeat:no-repeat;
	background-position:center top;
}


.csc-textpic-caption {
	font-size:0.9em;
}

.csc-textpic-caption pre {
	font-size:1.4em;
}


.clear-both {
	clear:both;
}

#column-main p,
#column-side p,
#column-single p {
	line-height:1.6em;
	margin: 0 0 1em 0;
}

#main-content ol,
#main-content ul {
	margin-left:1em;
	margin-bottom:1em;
	padding-left:10px;
}

#main-content li {
/* 	margin-left:10px; */
	margin-bottom:1em;
/* 	padding-left:10px; */
}



.senf-date {
	color: #979797;
	font-size: 0.8em;
	font-style: italic;
}

.sub-note {
	color:#4f4f4f;
	font-size: 0.8em;
}

.line-through {
	text-decoration: line-through;
	color: #979797;
}

#footer .sub-note a {
	color:#4f4f4f;
}
#footer .sub-note a:hover,
#footer .sub-note a:focus,
#footer .sub-note a:active {
	color:#dedede;
}

/* !******************** LIGHTBOX */

#sbOverlay {
	z-index: 2000 !important;
}
#sbCenter,
#sbBottomContainer {
	z-index: 2050 !important;
}