@media screen {
	
	html {
		height:100%;
	}
	
	body {
		text-align:center;
		margin:0;
		/*background: url(../bilder/bg.png) repeat-y center;*/
		*background: url(../bilder/bg-ie7.png) repeat-y center;
		height:100%;
	}
	
	* {
		font-family: arial, Sans-serif;
		font-size: 12px;
	}

	h1 {
		font-size:18px;
		font-weight:bold;
		color:#180495;
	}

	h2 {
		font-size:15px;
		font-weight:bold;
		color:#180495;
	}

	h3 {
		font-size:12px;
		font-weight:bold;
		color:#180495;
	}

	a {
		text-decoration:none;
		color:#180495;
		font-weight:bold;
	}
	
	.align-center {
		text-align:center;
	}
	
	.align-right {
		text-align:right;
	}
	
	.clear-all {
		clear:both;
	}
	
	a:hover {
		text-decoration:underline;
	}

	a img {
		border:none;
	}

	table {
		border-collapse:collapse
	}

	table td {
		padding:0px 0px 3px;
	}

	table td hr {
		margin:0;
	}

	table td p.bodytext {
		margin:0 2px;
	}
	
	.important {color:red;}

	#page {
		width:1000px;
		margin: 0 auto;		
		text-align:left;
		padding:0 9px;
		background: url(../bilder/bg.png) repeat-y center;
		min-height:100%;
	}
	
	#page2 {
		margin: 0 0px;		
	}
	

/* HEADER */

	#header {
		width:100%;
		height:100px;
		background: #ffffff url(../bilder/rauten.jpg) left top no-repeat;
		margin-bottom:2px;
	}

	#header2 {
		height:100px;
		color:#180495;
		font-weight:bold;
		font-size:40px;
		padding-top:25px;
		padding-left:190px;
		background: url(../bilder/beagle.gif) right top no-repeat;
	}

	#header2 img {
		margin-left: 15px;
		margin-top:0px;
		
	}

/* Topnav */

	#topnav {
		width:100%;
		height:22px;
		border-bottom: 1px solid #0098D4;
		margin-bottom:2px;
	}

	.top-but, .top-but-a {
		padding-top:2px;
		float:left;
		margin-left:5px;
	         margin-top:5px;
	}

	.top-but a, .top-but-a a {
		background: url(../bilder/nav-but1.gif) top left no-repeat;;
		height:16px;
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		color:#cfeaff;
	         padding-left:10px;
	         padding-right:10px;
		padding-top:4px;
	}

	.top-but a:hover, 
	#nav-c div.l1 a:hover, 
	#footer a:hover, 
	.top-but-a a,
	#nav-c div.l1a a, 
	#nav-c div.l2 a, 
	#nav-c div.l2a a {
		color:#180495;
	}

/* Main */

	#left {
		width:150px;
		float:left;
	}

	#center {
		width:620px;
		/*margin-left:152px;
		margin-right:202px;*/
		padding:5px 15px 10px;
		float:left
	}

	#right {
		width:200px;
		float:left;
	}

	#right * {
		font-size:11px;
	}

/* Footer */

	#footer {
		clear:both;
		margin-top:10px;
		height:22px;
		background: #0098D4;
		color:#cfeaff;
		font-size:12px;
		font-weight:bold;
		text-align:right;
		padding-top:8px;
		padding-right:40px;
	}

	#footer a {
		text-decoration:none;
		font-size:12px;
		font-weight:bold;
		text-align:right;
		color:#cfeaff;
	}

/* Leftnav */

	#nav-h {
		width:150px;
		height:11px;
		background: url(../bilder/nav-h.gif);
		margin-bottom:1px;
	}

	#nav-c div {
		margin-bottom:1px;
	}

	#nav-c div.l1 a, #nav-c div.l1a a {
	        border-right: 1px solid #00b7ff;
		background: #0098D4;
		display:block;
		padding-left:5px;
		padding-top:1px;
		padding-bottom:1px;
		color:#cfeaff;
		font-size:11px;
		font-weight:bold;
		/*height: 14px;*/
		text-decoration:none;
	}

	#nav-c div.l2 a, #nav-c div.l2a a {
	        border-right: 1px solid #00b7ff;
		background: #0098D4;
		display:block;
		padding-left:15px;
		padding-top:1px;
		padding-bottom:1px;
		color:#cfeaff;
		font-size:11px;
		font-weight:bold;
		/*height: 14px;*/
		text-decoration:none;
	}

	#nav-c div.l1 a:hover, #nav-c div.l1a a, #nav-c div.l2 a:hover, #nav-c div.l2a a {
		color:#180495;
	}

	#nav-f {
		height:8px;
		background: #0098D4;
		border-bottom: 1px solid #00b7ff;
		border-right: 1px solid #00b7ff;
	}

/* Boxen */

	#news-h, #wander-h, #wetter_head {
		padding: 3px;
		font-size:12px;
		font-weight:bold;
		color:#180495;
	}

	#news-b, #wander-b {
		border:1px solid #0098D4;
		border-right:none;
		padding:2px;
	}

	#news .news-list-date {
		display:none;
	
	}
	
	.news-list-item {
		margin: 2px 2px 5px;;
	}

	#center .news-list-item {
		margin: 2px 2px 8px;
	}

	.news-single-item h3 {
		margin-bottom:2px;
		font-size:14px;
	}
	
	.news-single-text h3 {
		font-size:12px;
	}
	
	.subheader {
		font-style:italic;
	}

	.news-list-head a, .news-list-morelink a {
		font-weight:bold;
		text-decoration:none;
		color:#180495;
	}


	.news-list-morelink {
		display:none;
	}

	.news-list-text p {
		margin:2px 0;
	}

/* Sitemap */

	.csc-sitemap ul {
		list-style-type:none;
		padding-left:5px;
	}

	.csc-sitemap ul ul {
		padding-left:10px; 
	}
	
	/*.csc-sitemap ul ul li {
		padding-left:12px;
		background: url(../bilder/sitemap.gif) top left no-repeat; 
	}
	
	.csc-sitemap ul ul ul {
		margin-left:-12px;
	}
	
	.csc-sitemap ul ul ul li {
		padding-left:22px;
		background: url(../bilder/sitemap2.gif) top left no-repeat; 
	}
	
	.csc-sitemap ul li,
	.csc-sitemap ul {
		margin-bottom:-2px;
		margin-top:-2px;
	}*/

/* Text mit Bild */
	
	.csc-textpic {
		clear:both;
	}
	
	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
		margin-bottom:5px;
	}

	DIV.csc-textpic-above DIV.csc-textpic-text,
	DIV.csc-textpic-clear { 
		clear:left 
	}

	.csc-textpic hr {
		margin:40px 0 0px;
		
	}

/* Gästebuch */

	.tx-veguestbook-pi1 .tx-guestbook-clear,
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		clear:none;
	}

	.tx-veguestbook-pi1 h2.tx-guestbook-header {
		width:550px;
		padding:5px;
		background:#fff;
		color:#180495;
		margin-bottom:0
	}

	.tx-veguestbook-pi1 .tx-guestbook-left {
		width: 180px;
		padding-top:0px;
		border-top:1px solid #0098D4;
	}

	.tx-veguestbook-pi1 .tx-guestbook-right{ 
		border-top:1px solid #0098D4;
		padding-top:0;
		width:335px;
	}
	
	.tx-veguestbook-pi1 input.tx-guestbook-submit {
		border: 1px solid #180495;
		background-color: #180495;
		color:#cfeaff;
		font-weight:bold;
	}

	.tx-veguestbook-pi1 input.tx-guestbook-submit:hover {
		background-color: #cfeaff;
		color:#180495;
	}

/* Wetter */

	#wetter {
		margin-bottom:15px;
	}

	#wetter table td, #wetter table td p  {
		margin:0;
		padding:0;
	}
	
	#wetter table {
		width:200px;
	}

	#wetter th {
		border:1px solid #0098d4;
		padding:10px;
		background: #0098d4;
		color:#fff;
	}

	#wetter table td {
		border:1px solid #0098d4;
		padding:5px;
		color:#180495;
		text-align:center;
	}

/* Suche */

	#search,
	.csc-loginform {
		background-color:#0098D4;
	}

	#search .csc-form-label,
	#login-link {
		font-weight:bold;
		padding:2px 5px 1px;
		color:#cfeaff;
	}

	#search .csc-form-fieldcell {
		padding:0px 5px 3px;
	}

	td.csc-searchResultRange {
		padding-right:5px;
	}

	.csc-form-submit {
		padding: 0px 5px 3px;
	}

	.csc-form-submit input,
	.submitbutton,
	.tx-srfeuserregister-pi1-submit {
		border: 1px solid #180495;
		background-color: #180495;
		color:#cfeaff;
		font-weight:bold;
	}
	
	.tx-srfeuserregister-pi1-submit {
		padding:0!important;
	}
	
	.csc-form-submit input:hover,
	.submitbutton:hover,
	.tx-srfeuserregister-pi1-submit:hover {
		background-color: #cfeaff;
		color:#180495;
	}

	#nav-c form {
		margin:0px;
	}
	
	.csc-sword {
		color:#fff;
		background-color:#0098D4;
	}
 
	table.tx-mmforum-table {
 		clear: none;
	}

/* Login */

	.csc-form-row {
		padding:2px 5px;
	}
	
	.csc-loginform .csc-form-label-req,
	.csc-loginform .csc-form-label,
	.csc-loginform .csc-form-label-li {
		font-weight:bold;
		padding-bottom:2px;
		color:#cfeaff;
		display:block;
	}
	
	.csc-loginform .csc-form-label-li {
		padding-left:5px;
	}
	
	.submitbutton {
		margin-bottom:1px;
	}
	
	.csc-loginform .username {		
		color:#180495;		
	}
	
	.tx-srfeuserregister-pi1 fieldset {
		border:1px solid #180495;
	}
	
	.regnow {
		background-color:#0098D4;
		padding:2px 5px;
	}
	
	#login-link {
		background-color:#0098D4;
	}
	
	#login-link a {
		padding:1px 5px;
		display:block;
		color:#CFEAFF;
		font-size:11px;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
	}
	
	#login-link a:hover{
		color:#180495;
	}
	
/* Adressen */
	
	.vcard {
		border:1px solid #0098D4;
		float:left;
		margin:0pt 10px 10px 0pt;
		width:280px;
		padding:5px;
		height:100px;
	}	 
	
	.fn {
		font-weight:bold;
	}
}

/* Powermail */

  .form-label {
           width:220px;
           float:left;
  }
  .tx_powermail_pi1_fieldwrap_html {
           margin-bottom:10px;
  }
  
  .powermail_submit {
           background-color:#180495;
           border:1px solid #180495;
           color:#CFEAFF;
           font-weight:bold;
  }
  
  .powermail_submit:hover {
           background-color:#CFEAFF;
           color:#180495;
  }
  
  .tx-powermail-pi1_fieldset {
           margin-bottom:10px;
  }
  
  .powermail_mandatory_js {
           color:red;
  }
  
@media print {

	* {
	         font-family: arial, Sans-serif;
	         font-size: 12px;
	}

	h1 {
	         font-size:18px;
	         font-weight:bold;
	         color:#180495;
	}

	h2 {
	         font-size:15px;
	         font-weight:bold;
	         color:#180495;
	}

	h3 {
	         font-size:12px;
	         font-weight:bold;
	         color:#180495;
	}

	p.bodytext {
		text-align: justify;
	}
	
	.align-center {
		text-align:center;
	}
	
	.align-right {
		text-align:right;
	}

	a {
	         text-decoration:none;
	         color:#180495;
	         font-weight:bold;
	}


	a img {
	         border:none;
	}

	table {
	border-collapse:collapse
	}

	table td {
	padding:0px 0px 3px;
	}
	table td hr {
	margin:0;
	}

	table td p.bodytext {
	margin:0 2px;
	}
	
	.important {color:red;}

/* HEADER */

	#header {
	         width:100%;
	         height:100px;
	         background: #ffffff url(../bilder/rauten.jpg) left top no-repeat;
	         margin-bottom:2px;
	}

	#header2 {
	         height:100px;
	         color:#180495;
	         font-weight:bold;
	         font-size:40px;

	         padding-top:25px;
	         padding-left:0px;

	         
	}

	#header2 img {
	         margin-left: 0px;
	         margin-top:0px;
	}


/* Main */

	#topnav,
	#left,
	#right,
	#footer {
	         display:none
	}


/* Boxen */

	.news-list-item {
	         margin: 2px 2px 5px;;
	}

	#center .news-list-item {
	         margin: 2px 2px 8px;
	}

	.news-single-item h3 {
	         margin-bottom:2px;
	}

	.news-list-head a, .news-list-morelink a {
	         font-weight:bold;
	         text-decoration:none;
	         color:#180495;
	}



	.news-list-morelink {



	         display:none;
	}

	.news-list-text p {
	         margin:2px 0;
	}

	.csc-sitemap ul {
	         list-style-type:none;
	         padding-left:5px;
	}

	.csc-sitemap ul ul {
	         padding-left:10px;
	}

	div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img {
	         margin-bottom:5px;
	}

	DIV.csc-textpic-above DIV.csc-textpic-text,
	DIV.csc-textpic-clear {
	         clear:left
	}

	.csc-textpic hr {
		margin:40px 0 0px;
	}

	.tx-veguestbook-pi1 .tx-guestbook-clear,
	.tx-veguestbook-pi1 h2.tx-guestbook-header {
	         clear:none;
	}


	.tx-veguestbook-pi1 h2.tx-guestbook-header {
	         width:550px;
	         padding:5px;
	         /*background-color:#0098D4;*/
	         background:#fff;
	         color:#180495;
	         margin-bottom:0
	}

	.tx-veguestbook-pi1 .tx-guestbook-left {
	         width: 180px;
	         padding-top:0px;
	         border-top:1px solid #0098D4;
	}

	.tx-veguestbook-pi1 .tx-guestbook-right{
	         border-top:1px solid #0098D4;
	         padding-top:0;
	         width:335px;
	}
	
	.vcard {
		border-bottom:1px solid #0098D4;
		margin-bottom:10px;
		padding-bottom:10px;
	}	

}
