@import url(format.css);

/* ------- FRAMEWORK -------  */

body, html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	height: 100%;
	background-color: #FFF;
	overflow-y: auto;
}

a,
a:link,
a:visited {
	color: #6699CC;
	text-decoration:none;
}

a,
a:hover,
a:active {
	color: #000;
}

h1, h2, h3, h4 {
	color:#336699;
	font-size:1.4em;
	line-height:1.1em;
}

/*####### WRAPPER ##########*/
div#wrapper {
	height:100%;
	left:50%;
	margin-left:-475px;
	position:absolute;
	width:950px;
}

/*########## CONTENT #########*/
div#content {
	left:0;
	position:absolute;
	top:125px;
	width:940px;
}

/*########## HEADER #########*/
div#header {
	margin:0 10px;
	position:relative;
	top:10px;
}

div#header a {
	color: #2686B4;
}

/*----------------------------------------
               navigation oben
------------------------------------------*/

div#header div.logo {
	margin-bottom:10px;
	text-align:left;
}

.nav {
	background-image:url(../images/navbg.gif);
	background-repeat:repeat-x;
	height:40px;
}

.nav .navl {
	background-image:url(../images/navbgl.gif);
	background-repeat:no-repeat;
	float:left;
	width: 6px;
	height:40px;
}

.nav .navr {
	background-image:url(../images/navbgr.gif);
	background-repeat:no-repeat;
	float:right;
	width: 6px;
	height:40px;
}

.nav li {
	border-right:1px solid #2686B4;
	float:left;
}

.nav li.last {
	border-right:none;
}

.nav a,
.nav a:link,
.nav a:visited {
	font-size: 1.1em;
	font-weight:bold;
	padding:1em 0.8em 0.9em;
	display:block;
}

.nav a.active {
	background-image:url(../images/navbga.gif);
	background-repeat:repeat-x;
	color:#FFFFFF !important;
}

.shoplinks {
	color: #fff;
	padding-top:10px;
	float:right;
}

.shoplinks li {
	border-right:1px solid #336699;
	float:left;
	padding:0 0.5em 0.2em;
}

.shoplinks li.last {
	border-right:none;
	padding-right:0;
}


/*----------------------------------------
               CONTENT
------------------------------------------*/
div#content .snav {
	width: 220px;
	position:absolute;
	left:3px;
	top:0;
	color:#FFF;
}

div#content div.inhalt {
	width: 713px;
	position:absolute;
	right:0;
	top:0;
}

/*----------------------------------------
               snav
------------------------------------------*/
div.snav div.box {
	background-image: url(../images/box_bg.gif);
	background-repeat:repeat-y;
	color:#000;
}

div.snav div.box div.head {
	background-image:url(../images/box_head.gif);
	background-repeat:no-repeat;
	height:3.5em;
}

div.snav div.box div.boxfooter {
	background: url(../images/box_footer.gif) no-repeat;
	height:17px;
	clear:both;
}

div.snav div.box div.head h1,
div.snav div.box div.head h2,
div.snav div.box div.head h3,
div.snav div.box div.head h4 {
	color:#FFFFFF;
	font-weight:normal;
	padding:0.8em 1em;
}

div.snav div.box div.content {
	margin:0 11px;
} 

div.snav div.box div.csc-textpic {
	margin: 0 0.9em;
}

div.snav div.box div.csc-textpic div.content {
	margin:0;
}


div.snav div.box div.content p {
	margin: 0.7em;
} 


div.snav div.box div.content li a {
	background-color: #FFF;
	display:block;
	padding: 0.1em 0.7em;	
}

div.snav div.box div.content li a.activ {
	background-color:#2687B5;
	color:#FFFFFF;
}

div.snav div.box div.content li ul li a {
	padding-left:1.5em;
}
div.snav div.box div.content li ul li a.activ {
	color:#000;
	background-color:#FFF;
}

/* BLOG */
div.snav div.blog div.content {
	padding:0 9px;
}

div.snav div.blog #calendar table.calendar {
	height:140px;
	width:180px;
	border:1px solid #2686B4;
}

div.snav div.blog #calendar td, 
div.snav div.blog #calendar th {
	text-align:center;
	vertical-align:middle;
	border:1px solid #2686B4;
}

div.snav div.blog #latestPosts,
div.snav div.blog #categories {
	margin-top: 20px;
}

div.snav div.blog h3 {
	font-size:1.2em;
	line-height:1.3em;
}

div.snav div.blog #categories li a {
	display:inline;
}

/*----------------------------------------
               inhalt
------------------------------------------*/
div.inhalt div.img {
	padding: 10px 0;
}

div.inhalt div.row {
	display:inline-block;
	width: 100%;
	padding:5px 0;
}

div.inhalt div.row div {
	float:left;
}

div.inhalt div.row div.datum {
	width:20%;
}

div.inhalt div.row div.ort {
	width:30%;
}

div.inhalt div.row div.desc {
	width:48%;
}

div.inhalt div.entry h1,
div.inhalt div.entry h2,
div.inhalt div.entry h3 {
	padding-bottom: 5px;
}

div.inhalt div.entry h2 {
	font-size:1.2em;
	line-height:1.1em;
}

div.inhalt div.entry ol {
	margin-left:20px;
}

div.inhalt div.entry ul {
	margin-left:20px;
	list-style-type:disc;
}

div.inhalt div.entry {
	padding-bottom: 20px;
	display:inline-block;
	width:100%;
}

div.inhalt div.entry p{
	padding-bottom: 10px;
}

div.inhalt div.entry table{
	width: 100%;
	border-collapse:collapse;
}

div.inhalt div.entry td,
div.inhalt div.entry th {
	padding:4px 20px 3px 0;
}

div.inhalt div.entry th {
	font-weight: bold;
}

div.csc-textpic-text {
	padding-bottom: 10px;
}

div.csc-textpic-intext-right div.csc-textpic-imagewrap, 
div.csc-textpic-intext-right-nowrap div.csc-textpic-imagewrap {
	margin-left:20px !important;
}

div.csc-textpic-right div.csc-textpic-imagewrap {
	padding-right:0px;
}

div.csc-textpic-left div.csc-textpic-imagewrap {
	padding-left:0px;
}

div.csc-textpic {
	clear:both;
}

/* BLOG */
div.inhalt .item .itemTop div.categories, 
div.inhalt .single .itemTop div.categories {
	border-right:1px solid #0063A6;
	padding-left:0;
}

div.inhalt .item .itemTop div, 
div.inhalt .single .itemTop div, 
div.inhalt .commentTopNav div {
	float:left;
	font-weight:bold;
	padding:0 5px;
}

div.inhalt .item .itemBody, 
div.inhalt .single .itemBody, 
div.inhalt .commentBody {
	clear:both;
}

div.inhalt .itemBody h3 {
	padding:6px 0;
}

div.inhalt .itemBody h3 a {
	font-size: 1.1em;
	line-height:1.1em;
}

div.inhalt .blogList .title {
	padding-bottom: 20px;
}

div.inhalt .item .itemNav span,
div.inhalt .single .itemNav span {
	border-left:1px solid #0063A6;
	float:left;
	padding:0 5px;
}


div.inhalt .item .itemNav span.comments a,
div.inhalt .single .itemNav span.comments a {
	background:transparent url(/typo3conf/ext/t3blog/icons/comment_icon.png) no-repeat scroll 0 50%;
	display:block;
	font-weight:bold;
	padding-left:15px;
}


div.inhalt .commentListListing .item {
	position:relative;
	border:1px solid #0063A6;
	margin-bottom: 5px;
	padding: 5px 5px 20px;
}

div.inhalt .commentListListing .commentComments {
	position:absolute;
	right:5px;
	top:5px;
}

div.inhalt .commentListListing .commentFooter {
	position:absolute;
	right:5px;
	bottom:5px;	
}

div.inhalt .commentListListing .commentTopNav .date,
div.inhalt .commentListListing .commentTopNav .time {
	font-weight:normal;
}

div.inhalt .commentListListing .commentTopNav div {
	padding: 0 5px 0 0;
}

div.inhalt .commentListListing .commentTopNav img {
	display: none;
}

div.inhalt .commentListListing .commentBody h5 {
	color: #6699CC;
}

div.inhalt .blogList .item {
	padding-bottom: 20px;
}


/* suche */

div.inhalt .tx-indexedsearch-whatis {
	padding: 5px 0;
}

div.inhalt .tx-indexedsearch-browsebox {
	padding-bottom: 20px;
}

div.inhalt .tx-indexedsearch-res {
	padding-bottom: 10px;
}

div.inhalt .tx-indexedsearch-title {
	font-size: 1.1em;
	font-weight:bold;
}

div.inhalt .tx-indexedsearch-noresults {
	font-weight:bold;
}