@charset "UTF-8";

/** Tag-Styles */

a 					{ color: blue; text-decoration:underline; }

a:hover 		{	text-decoration:none; }

body 				{ color:Black; background-image: url(images/background.png);
						  margin:0; color: #404040;
							font-family: Arial, Helvetica, sans-serif; font-size:11px;	}
							
form 				{	margin:0; padding:0; }

h1, h2, h3, h4, h5 {
							font-size:12px; color: black; 
							padding: 3px; }
							
html 				{	height: 100.1%;	}

iframe			{ border:none; }

img 				{	border:none;	}

input 			{	border: 1px solid #dedede; background-color: #fdfdfd; line-height: 10pt; font-size: 8pt; }

input:focus	{	border: 1px solid black; }
input:hover { border: 1px solid #404040; }

select			{	border: 1px solid #dedede; background-color: #fdfdfd; line-height: 10pt; font-size: 8pt; }

table 			{ border:none; width: 100% !important; width: 96%; }

td 					{	font-size:11px; padding:5px; }

td big 			{	border-bottom:1px Silver solid; font-size:16px; display:block;
							margin-top:10px; }

textarea 		{	font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; }

th 					{	font-size:11px; font-weight:bold; padding:5px; }

p 					{	margin:0; padding:3px; }

/** body background workaround for html editors including this css */

body[id=sb]	{ background-color: #efefef; }

/** Classes */

/** Box */

div.box 		{ margin-bottom:10px; background: url(images/grey.png); }

div.box h2	{	line-height:24px;	height:24px; font-size:11px; 
							background-image:url(images/darkgrey.png); color:White; margin:0; 
							font-weight:bold; }

div.box h2 span.bleft {
							height:24px; width:5px; float:left; margin-right:10px;
							background-image:url(images/darkgrey.png); }

div.box h2 span.bright {
							height:24px; width:5px; float:right; 
							background-image:url(images/darkgrey.png); }

div.box div.box_content {
							clear:both; padding-left:5px; padding-right: 5px; }

div.box div.box_end {
							background-image:url(images/grey.png); height:4px; overflow:hidden; }

div.box div.box_end span.bright {
							height:4px; float:right; background-image:url(images/grey.png);
							width:5px; display:block; background-color:#FEFEFE; }

div.box div.box_end span.bleft {
							height:4px; float:left; width:5px; background-color:#FEFEFE;
							background-image:url(images/grey.png); display:block; }

/** td-rows */

tr.row_odd td.row_odd, tr.row_odd td.row_odd_padding {
							background: url(images/midgrey.png); color: white; }

tr.row_even td.row_even, tr.row_even td.row_even_padding {
							background: url(images/grey.png); }

tr.row_odd td.row_odd, tr.row_even td.row_even {
							padding: 0px; margin: 0px; }

tr.row_even:hover td.row_even, tr.row_odd:hover td.row_odd, 
tr.row_even:hover td.row_even_padding, tr.row_odd:hover td.row_odd_padding, 
div#rightmenu li:hover, div#mainmenu li:hover, div#submenu li:hover {
							background: black; color: white; }
							


tr:hover a, div#rightmenu li:hover a, div#mainmenu li:hover a, div#submenu li:hover a {
							color: yellow; }
							

/** other classes */

.ee 				{	font-size: 7pt; }

img.action	{	vertical-align: middle; }

.hidden			{ display: none; }

.indent_left {
							padding-left: 15px; }

.content_area {
							width:634px; float:right;
							background: #FFFEE1; }

.content_area h1 {
							padding: 5px; margin: 0px; margin-top: 10px; color: #0068BF; 
							font-size: 11pt; 
							background: none; }

.content_area h2 {
							padding: 2px; padding-left: 0px; margin: 10px; margin-top: 0px; padding-top: 12px; margin-bottom: 0px; 
							color: #0068BF; font-size: 10pt; border-bottom: 3px solid grey;
							background: none; }

.content_area h3 {
							margin: 10px; margin-bottom: 0px; margin-top: 0px; padding-top: 10px; font-size: 8.5pt; }
							
.content_area div.bleft {
							border-left: 30px solid #ffdc00;
							padding-left: 2px;
							margin: 0px;
							}

.content_area div.bright {
							border-right: 30px solid #ffdc00;
							padding-right: 2px;
							margin: 0px;
							text-align: right;
							}

.content_area p {
							margin-left: 10px; margin-right: 10px; padding-bottom: 10px; line-height: 15px; text-align: justify; }

.content_area #box_login span.submit {
							display: inline; }

.content_area #box_login span.submit input {
							width: 110px; }

.content_area a {
							background: url(images/icon/arrow.gif) 0px 3px no-repeat; padding-left: 7px; 
							text-decoration: none; }
							
.content_area ul a {
							background: none; padding: 0px; }

.admin label, .newsletterBox label, th {
							background: url(images/grey.png); border-top: 1px solid darkgrey;
							border-bottom: 2px solid #DADABA;
							padding: 3px; margin-bottom: 1px; margin-top: 3px; padding-left: 4px; }

.admin label, .newsletterBox label {
							color: black; font-weight: bold; display: block; }
							
.admin a 		{	background: none; padding: 0px }

.admin p 		{	font-size: 11px; padding-left: 4px; margin-left: 4px; }

.admin select {
							width: 100%; }
							
.admin input, .newsletterBox input {
							width: 98% !important;
							width: 96%; }
							
.admin textarea {
							width: 98% !important;
							width: 96%; height: 125px; font-size: 9px; }

.admin select, .admin input, .admin textarea {						
							border: 1px solid #efefef; }

.admin select:hover, .admin input:hover, .admin textarea:hover {
							border: 1px solid #909090; }
							
.admin select:focus, .admin input:focus, .admin textarea:focus {
							border: 1px solid #202020; }

.admin .checkbox {
							width: 11%; padding: 0px; margin: 0px; text-align: center; }

.admin input.checkbox {
							width: 11% !important; clear: both; }

.admin label.checkbox {
							border-top: none; float: left; }

.admin select.two {
							width: 35px; }

.admin select.four {
							width: 47px; }
							
.admin .input, .newsletterBox .input {
							text-align: center; margin-left: 2px; margin-right: 2px;
							 }

.submit 		{	text-align: center; padding: 5px; }

.newsletterBox {
							padding: 5px; }

.newsletterBox input.submit {
							width: 100px; padding: 0px;}

.files			{ padding: 5px; }
.files a		{ background: transparent; padding: 0px; margin: 0px; }

.language		{ padding-left: 5px; float: left; }

.clear 			{	clear:both; height:0px; overflow:hidden; }

.col3				{ width: 33.3%; float: left; }
.col4, .percent25 { width: 25%; float: left; }
.col5, .percent20	{ width: 20%; float: left; }

.imagepreview, .imagepreview td, .imagepreview tr
						{ width: 300px; height: 300px; margin: 0px; padding: 0px; 
							vertical-align: middle; text-align: center;}

table.imagepreview {
							background: url(images/darkgrey.png); }
							
.imagepreview img {
							background: white;}

.percent10	{ width: 10%; float: left; }
.percent30	{ width: 30%; float: left; }
.percent40	{ width: 40%; float: left; }
.percent43r	{ width: 43%; float: right; }
.percent50	{ width: 50%; float: left; }
.percent55	{ width: 55%; float: left; }
.percent60	{ width: 60%; float: left; }
.percent70	{ width: 70%; float: left; }
.percent77	{ width: 77%; float: left; }
.percent80	{ width: 80%; float: left; }
.percent90	{ width: 90%; float: left; }

textarea.seo	{ height: 65px; }

.left				{ width: 49%; float: left; }
.right			{ width: 49%; float: right; }

.error 			{ background-color: red; border: 2px solid black; padding:5px;
							margin-bottom: 20px; color: white; font-weight: bold; float: left;
							width: 620px; }

td.catalogImage	{ background: url(images/darkgrey.png); text-align: center; vertical-align: middle; }
td.catalogHRow { border-bottom: 2px dotted grey; height: 2px; }
div#newsletterError 	
						{ background-color: red; border: 2px solid black; padding:5px;
							color: white; font-weight: bold; }

div.index, div.newsletter, div.contact, div.press, div.imprint, div.catalog {
	border-bottom: 8px solid #d6d6d6;
	margin-left: 10px; margin-right: 10px;
}

div.traveling {
	border-bottom: 8px solid #f17329;
	margin-left: 10px; margin-right: 10px;
}

div.destinations, div.parcs {
	border-bottom: 8px solid #0a5a8d;
	margin-left: 10px; margin-right: 10px;
}

div.themes {
	border-bottom: 8px solid #1d86a6;
	margin-left: 10px; margin-right: 10px;
}

div.events {
	border-bottom: 8px solid #fdb232;
	margin-left: 10px; margin-right: 10px;
}

div.travelagencies, div.travelagency {
	border-bottom: 8px solid #679145;
	margin-left: 10px; margin-right: 10px;
}

div.city {
	border-bottom: 8px solid #0068BF;
	margin-left: 10px; margin-right: 10px;
}

div.about {
	border-bottom: 8px solid #db0b07;
	margin-left: 10px; margin-right: 10px;
}

.nodisplay {
	display: none;
}

.blue				{ background: #7FBDE7 url(none); color: #202020; text-align: left; }

div.blue		{ padding: 0px; margin: 10px; margin-top: 0px; }
div.blue p	{ margin: 0px; }
div.blue ul { margin: 0px; padding: 10px; padding-left: 20px; }

p.blue 			{	margin-bottom: 20px; }

.ee a 			{ background: url(images/icon/compose.gif) 2px 2px no-repeat; padding-left: 22px; padding-top: 7px; margin-top: 2px; line-height: 20px; height: 20px; width: 20px; }

/** #-DIV's */

#site 			{	margin:10px auto; text-align:left; width:816px !important;
							width: 820px;	border: 2px solid white; background: white; }

#top 				{	background: white; height: 118px; overflow: hidden; }

#content_top {
							height:8px; overflow:hidden;
							 }

#content 		{ }
							
/** # Menus */

/** Main-Menu */

#mainmenu 	{ clear: both; height:21px; }

#mainmenu ul {
							list-style-type:none; float:left; margin:0; padding:0; }

#mainmenu li {
							text-align:center; line-height:21px; display:inline; float:left; 
							font-size:12px; font-weight:bold; }

#mainmenu li a {
							text-decoration:none; font-size:12px; font-weight:bold; color: #efefef; }
							
#mainmenu #MIindex {
							width: 182px; background: #d5d5d5; }
							
#mainmenu #MIindex a {
							color: #202020;}
							
#mainmenu #MIdestinations {
							width: 103px; background: #0c5a8b; }
							
#mainmenu #MIthemes {
							width: 92px; background: #1d86a6; }
							
#mainmenu #MItravelagencies {
							width: 123px; background: #679145; }
							
#mainmenu #MIevents {
							width: 84px; background: #ffb033; }
							
#mainmenu #MItraveling {
							width: 92px; background: #f17329; }
							
#mainmenu #MIabout {
							width: 140px; background: #db0b07; }
							

/** Sub-Menu */

#submenu 		{ width: 182px; padding: 0px; float: left; background: none; }

#submenu .box {
							background: none; }
							
#submenu div { border-bottom: none; margin-left: 0px; }
							
#submenu ul {	list-style-type:none; margin:0; padding:0; width: 180px; 
							margin-right: 2px; background: none; }
							
#submenu ul ul {	list-style-type:none; margin:0; padding:0; width: 178px; 
							background: none; }

#submenu li	{	text-align: left; line-height:18px; 
							font-size:10px; font-weight:bold;
							padding-left: 10px; padding-right: 10px; width: 160px; background: none; }

#submenu li.nohover { padding: 0px; }

div#submenu li.nohover:hover { background: white; color: #404040; }
div#submenu li.nohover:hover a { color: #404040; }

div#submenu li.nohover:hover li:hover { background: black; color: white; }
div#submenu li.nohover:hover li:hover a { color: yellow; }

#submenu li	li {	text-align: left; line-height:18px; 
							font-size:10px; font-weight:bold;
							padding-left: 20px; padding-right: 10px; background: none; width: 150px; }

#submenu li	li li {	text-align: left; line-height:18px; 
							font-size:10px; font-weight:bold;
							padding-left: 30px; padding-right: 10px; background: none; width: 140px; }

#submenu li a {
							text-decoration:none; font-size:10px; font-weight:normal; }
							
/** Login-Menu */

#loginmenu 	{	height:36px; line-height:26px; padding-right:40px; text-align:right;
							color:#FFFFFF; font-size:9px; }

#loginmenu a {
							color:#FFFFFF; text-decoration:none; font-size:9px; font-weight:bold; }

#loginmenu img {
							vertical-align:middle; }

#loginmenu input {
	width: 70px;
	line-height: 8pt;
	font-size: 8pt;
}

#loginmenu span.submit {
	display: none;
}

/** Right-Menu */

#rightmenu 	{	position: absolute; left: 10px; top: 10px; width:180px; float:right; background: url(images/grey.png); }

#rightmenu ul {
							list-style-type:none; padding:0; margin:0; }

#rightmenu li {
							text-align:left; line-height:16px; display:block; padding-left: 17px;
							font-size:9px; font-weight:bold; }

#rightmenu li a {
							text-decoration:none; font-size:9px; font-weight:bold; }

.admin#rightmenu {
							display: none; }

/** Main + Sub Menu Settings */



/** All Menu Settings */

li.active 	{	background: url(images/midgrey.png); }

li.notactive{
							background: url(images/grey.png); }

li.active, li.active a {
							color:#afafaf; }

li.notactive a {
							color:black; }



/** Logo */

#logo 			{ width: 182px; height:	96px; overflow: hidden; float: left; }
#slideshow	{ width: 494px; height: 94px; margin-top: 2px; overflow: hidden; 
							float: left; background: black; }
#landscape	{ width: 140px; height: 96px; overflow: hidden; float: left; }

#rotation_front, #rotation_back, #rotation_frame { width: 494px; height: 94px; }

#rotation_frame { background: url(images/grey.png); }

/** Footer */

#footer {
	height:24px;
	line-height:24px;
	color:#FFFFFF;
	font-size:11px;
}

#footer a {
	color: darkgrey;
	font-size:11px;
	text-decoration:none;
}

#footer ul {
	list-style-type:none;
	float:right;
	margin:auto;
}

#footer li {
	width:100px;
	text-align:center;
	line-height:26px;
	display:block;
	float:left;
	margin-right: 17px;
	font-size:12px;
	font-weight:bold;
}

/** Copyright & Stats */

#copyright {
	background-color: #dedede;
	font-size:9px;
	color: gray;
	text-align:center;
	padding: 5px;
}

#stats {
	margin:0 auto;
	text-align: center;
	width:780px;
	padding: 5px;
	font-size: 9px;
}

/** # Boxes */

.gallery {
	background: url(images/midgrey.png);	
	width: 44px;
	height: 44px;
	padding: 2px;
	margin: 6px;
	margin-top: 8px;
	margin-bottom: 8px;
	float: left;
	text-align: center;
	border: none;
}

.gallery table, .gallery tr, .gallery td  {
	margin: 0px;
	padding: 0px;
	height: 44px;
	width: 44px;
	border: none;
	text-align: center;
}

.gallery img {
	border: none;
	vertical-align: middle;
}

#gallery {
	background: #a1ab88 url(none);
}

#gallery a {
	background: none; padding: 0px; 
}

#gallery_loading {	
	background: url(/core/template/images/loading.gif) no-repeat 30px center; 
	height: 100px;
}

#gallery_loading table {
	padding-left: 70px;
	color: #0068BF; font-size: 11pt; font-weight: bold; height: 100%;
}

#preview_loading {	
	background: url(/core/template/images/loading.gif) no-repeat center center white;
	height: 300px;
}

.imagebrowser {
	width: 130px;
	float: left;
	height: 180px;
	margin: 9px;
	padding: 5px;
	background: url(images/grey.png);
}

.imagebrowser p {
	margin: 0px;
	padding: 0px;
	font-size: 9px;
}	

.imagebrowser table {
	background: url(images/midgrey.png);
	margin-bottom: 2px;
}

.imagebrowser table, .imagebrowser td, .imagebrowser .tr {
	width: 150px;
	height: 140px;
	margin: 0px;
	padding: 0px;
	border: none;
	text-align: center;
}

.imagebrowser img {
	vertical-align: middle;
}

.imagebrowser a {
	background: none; padding: 0px;
}

#newsletter_preview {
	width: 631px;
	height: 350px;
	border: 1px solid black;
}