/* ---------------------------------------------------------------------------- */

body {
	background:#b5c4cf url(../images/Seef-Basisback_lite.jpg) no-repeat top center;
	font-family:Arial,Helvetica,sans-serif;
	font-size:14.4px; /* 14.4px = 90% */
	-webkit-text-size-adjust:none;
}

body.popupbox { background:white; }

/* ---------------------------------------------------------------------------- */

div.fullbar {
	padding-top:1em; /* 50 / 150 */
	margin:0 auto;
	width:800px;
	-webkit-text-size-adjust:95%;
}

/* ----------------------------------- */
/* ----------------------------------- */

div.maincaption {
	width:100%;
	font-size:185%;
	font-family:Impact,Charcoal,Rekha,sans-serif;
	color:#d2e3f2;
	margin-bottom:0.2em;
	-webkit-text-size-adjust:90%;
	text-align:center;
}
div.maincaption div { padding:0.4em; }
div.maincaption span { color:white; }
div.maincaption a { color:#d2e3f2; }
div.maincaption a:hover, div.maincaption a:focus { text-decoration:underline; }

html > body div.maincaption {
	background-image:url(../images/bg80-Seef_84959a_big.png); /* IE6-Version davon in ie6alpha.php */
}

/* ----------------------------------- */

div.logoimagecaption {
	width:100%;
	height:165px;
	margin-bottom:0.4em;
}

html > body div.logoimagecaption {
	background-image:url(../images/bg80-Seef_84959a_big.png); /* IE6-Version davon in ie6alpha.php */
}

a.bannerlogo, a.bannerimage, a.bannertext {
	display:block;
	float:left;
	overflow:hidden;
	height:100%;
}

a.bannerlogo,a.bannerimage {
	text-indent:-9999px;
	overflow:hidden;
}

a.bannerlogo { width:228px; }

html > body a.bannerlogo {
	background-image:url(../images/mikistar_bannerlogo.png); /* IE6-Version davon in ie6alpha.php */
}

a.bannerimage {
	width:370px;
	background-image:url(../images/seef_bannerimage_logo.jpg);
}

a.bannertext {
	padding-left:8px; padding-top:1px;
	width:194px; /* 202-8 */
	color:#d2e3f2;
	font-size:335%;
	font-family:Impact,Charcoal,Rekha,sans-serif;
	line-height:0.9em;
}

a.bannertext:hover { text-decoration:none; }

span.weiss { color:white; }

span.captionklein { font-size:70%; 	line-height:0.8em; }
span.captionkleiner { font-size:40%; line-height:1.7em; }


/* ----------------------------------- */

div.topbar {
	display:block;
	width:100%;
	height:21px;
	margin-bottom:0.5em;
}

/* ----------------------------------- */

span#share-tool {
	display:block;
	float:right;
	padding-right:0.25em;
	height:20px;
}

/* ----------------------------------- */

div.language {
	display:block;
	float:right;
	height:21px; width:326px;
/*	border:thin dotted; */
}

div.language ul { display:block; float:right; }

div.language li, div.language a {
	display:block;
	float:left;
	text-indent:-9999px;
	overflow:hidden;
	width:42px;
	height:21px;
	background-repeat:no-repeat;
}

div.language li { margin-left:5px; }

div.language li.schmal { width:21px; }
div.language li.schmal a { width:21px; }

a.fblink, a.twlink, a.ytlink,
a.itlink, a.amlink, a.mllink, a.cblink, a.splink {
	display:inline-block;
	width:21px; height:21px;
	overflow:hidden;
	text-indent:-9999px;
	vertical-align:middle;
}

a#smlink { background-image: url(../images/sitemap_gross_seef_lite.png); }

a#delink { background-image: url(../images/de_gross.png); }
a#enlink { background-image: url(../images/us_gross.png); }

a#fblink, a.fblink { background-image: url(../images/facebook-21x21.png); }
a#twlink, a.twlink { background-image: url(../images/twitter-21x21.png); }
a#ytlink, a.ytlink { background-image: url(../images/youtube-21x21.png); }

a#itlink, a.itlink { background-image: url(../images/itunes-21x21.png); }
a#amlink, a.amlink { background-image: url(../images/amazon-21x21.png); }
a#mllink, a.mllink { background-image: url(../images/musicload-21x21.png); }
a#cblink, a.cblink { background-image: url(../images/cdbaby-21x21.png); }
a#splink, a.splink { background-image: url(../images/spotify-21x21.png); }

a.fblink:hover, a.twlink:hover, a.ytlink:hover,
a.itlink:hover, a.amlink:hover, a.mllink:hover, a.cblink:hover, a.splink:hover,
div.language a:hover { background-position:0px -21px; }

/* ----------------------------------- */

div.clearer { clear:both; }

/* ----------------------------------- */
/* ----------------------------------- */

div.leftbar {
	float:left;
	width:130px;
/*	border:thin dotted white; */
}

/* ----------------------------------- */

ul.menu_leftmenu {
	font-family:Impact,Charcoal,Rekha,sans-serif;
	font-size:110%;
	-webkit-text-size-adjust:90%;
}

ul.menu_leftmenu li {
	width:130px;
	height:28px;
	padding-bottom:0.6em;
}

ul.menu_leftmenu a {
	display:block;
	padding:6px 10px 6px 10px; /* 5px an allen Seiten */
	width:110px; /* 130-(2*5) */
	height:16px; /* 28-(2*6) */
	color:#d2e3f2;
}
ul.menu_leftmenu li.active a { color:#84959a; }

ul.menu_leftmenu a:hover, ul.menu_leftmenu a:focus { text-decoration:underline; }

html > body ul.menu_leftmenu a {
	background-image:url(../images/bg80-Seef_84959a_big.png); /* IE6-Version davon in ie6alpha.php */
}

html > body ul.menu_leftmenu li.active a {
	background-image:url(../images/bg80-Seef_d2e3f2_big.png); /* IE6-Version davon in ie6alpha.php */
}

ul.menu_leftmenu ul { display:none; }

/* ----------------------------------- */
/* ----------------------------------- */

div.rightbar {
	float:right;
	width:650px;
	min-height:480px;
	_height:480px;
}

html > body div.rightbar {
	background-image:url(../images/wh80_big.png); /* IE6-Version davon in ie6alpha.php */
}

/* ----------------------------------- */

div.maincontent {
	padding:1em 2em;
/*	border:thin dotted; */
}

div.popupbox {
	background:#DBDBDA url(../images/Seef-CompBack_lite.jpg) no-repeat top center; /* stark aufgehellter Hintergrund für Squeezebox */
	background-position:center -45px;
}

/* ---------------------------------------------------------------------------- */

h1 { font-size:130%; }
h2 { font-size:120%; }
h3 { font-size:110%; }

/* ----------------------------------- */

.swftext { display:none; }
.wsmall { font-size: 70%; }
.klein, .small { font-size: 85%; }
.kleiner, .smaller { font-size: 70%; }

hr {
color: #C1BC86;
background-color: #C1BC86;
margin-left: auto; margin-right: auto;
width:75%;
height: 2px;
border: 0px;
margin-top:1.5em; margin-bottom:1.5em;
}

/* ----------------------------------- */

a {
	color:#84959a; /* #021042 +40³ */
	text-decoration:none;
}

.contentpaneopen a:hover { text-decoration:underline; }

/* ----------------------------------- */

li.item2, /* "Home"-Button */
li.item229, /* "Sitemap"-Button */
li.gibts-nicht-nur-platzhalter { display:none; }

/* ----------------------------------- */

#searchForm td { padding: 5px 0px 5px 0px; }

.article_column { padding-right:20px; }

fieldset { padding: 10px 0px 10px 0px; }

fieldset div { font-size:70%; }

fieldset span.small,
fieldset a { font-size:130%; } /* 1 / 0.7 = 142,8 */

fieldset a { font-weight:bold; }

/* ----------------------------------- */

table.blog, table.contentpaneopen {
	width:100%;
	margin-top:1em;
}

.componentheading { margin-top:0.6em; }

.contentheading,
.componentheading {
	width:auto;
	_width:95%;
	font-size:160%;
	padding:0.5em;
	line-height:1em;
	font-family:Impact,Charcoal,Rekha,sans-serif;
/*	color:#84959a; */
	color:#d2e3f2;
}

html > body .contentheading,
html > body .componentheading {
/*	background-image:url(../images/bg80-Seef_d2e3f2_big.png); */ /* IE6-Version davon in ie6alpha.php */
	background-image:url(../images/bg80-Seef_84959a_big.png); /* IE6-Version davon in ie6alpha.php */
}

td.createdate,
td.modifydate,
div.pagenavcounter,
div.pagenavbar {
	font-size:75%;
	padding:1em 0 1em 0;
}

.item_text p,
.contentpaneopen p,
.contentpaneopen h1,
.contentpaneopen h2,
.contentpaneopen h3 {
	padding:5px 0;
}

.contentpaneopen h1,
.contentpaneopen h2,
.contentpaneopen h3 {
	margin:0.5em 0;
}

div.catdescription {
	padding:1em 0;
}

.catdescription ol,
.contentpaneopen ol,
.item_text ol {
	padding-top:5px; padding-bottom:5px;
	list-style:decimal outside;
	margin-left: 1.7em;
}

.catdescription ul,
.contentpaneopen ul,
.item_text ul {
	padding-top:5px; padding-bottom:5px;
	list-style:disc outside;
	margin-left: 1.1em;
}

.catdescription li,
.contentpaneopen li,
.item_text li {
	padding-top:5px; padding-bottom:5px;
}

h1.contentheading, h1.componentheading {
	font-weight:normal;
}

h2.contentheading, h3.contentheading,
h2.componentheading, h3.componentheading {
	padding:0.3em;
	font-weight:normal;
}

ul.nopadding li, li.nopadding { padding:0; }

/* ----------------------------------- */

div.contentrow {
/*	background-image:url(../images/content.png); */
	background-color:#E7E2AC;
}

div.contentmain {
	background-image:url(http://mkd.onlinepresence.de/templates/mikistar-seef/images/rand_li.png);
	background-repeat:repeat-y;
	padding: 15px 15px 15px 27px; /* 5 5 5 16 */
	_height:440px;
	min-height:430px;
	line-height:1.05em;
}

div.contentmain p {
	margin:0px 0px 5px 0px;
	line-height:1.05em;
}

/* ----------------------------------- */

div.search_bottomrow {
	/* * / border:1px solid yellow; /* */
	display:block;
	float:left;
	vertical-align:middle;
}

input.inputbox_bottomrow {
	/* * / border:1px solid yellow; /* */
	font-size:70%;
	background-color:#E7E2AC;
	vertical-align:middle;
	height:12px;
}

input.button_bottomrow {
	font-size:65%;
	height:20px;
/*	background-color:#4B330F;
	color:white; */
	background-color:#E7E2AC;
	vertical-align:middle;
	margin-left:5px;
	width:25px;
	font-weight:bold;
}

/* ---------------------------------------------------------------------------- */

div.footer {
	width:100%;
	text-align:center;
	padding-top:1em;
	margin: 0px auto 0 auto;
	font-size:75%;
	color:black; /* #84959a; */ /* #021042 +40³ */
	font-weight:bold;
	padding-bottom:1em;
}

div.footer a {
	text-decoration: none;
	color:black; /* #84959a; */ /* #021042 +40³ */
}

/* ---------------------------------------------------------------------------- */

table.contenttoc {
	display:block;
	float:right;
	background-color:#FFF9B1;
	border:2px dashed #C1BC86;
	padding:10px;
	margin:0px 0px 10px 10px;
}

table.contenttoc th {
	padding:5px 0px 5px 0px;
}

table.contenttoc th,
table.contenttoc td {
	font-size:85%;
}

/* ---------------------------------------------------------------------------- */

/* Tooltips */
.tool-tip {
	float: left;
	border: 1px solid #DDD8A2;
	padding: 5px;
	background: #FFFFCC;
	max-width: 200px;
}

.tool-title {
	padding: 0;
	margin: 0;
	margin-top: -15px;
	padding-top: 15px;
	padding-bottom: 5px;
	font-size: 100%;
	font-weight: bold;
}

/* ----------------------------------- */

/* Eigene Definitionen für Eventlist */

th#el_date { width:25%; }
th#el_title { width:50%; }
th#el_category { width:25%; }

div#eventlist table.eventtable td strong { font-weight: normal; }

div#eventlist table.eventtable tr td a:hover
{ text-decoration:underline; }

div.catimg { display:none; }

.hasTip img {
	margin: 10px 5px 0 0;
	border: none;
}

td.buttonheading { width:auto; }

/* ---------------------------------------------------------------------------- */


div.bild {
	float:left;
	height:175px;
	width:160px;
	text-align:center;
	padding:10px;
	font-size:70%;
/*	border:thin dotted; */
}

div.flachesbild{ height:130px; }
div.widebild{ height:95px; }

div.katalogbild {
	height:130px;
	width:110px;
	text-align:left;
	padding:10px 0;
}

div.bild img { padding-bottom:0.5em;}

/* ---------------------------------------------------------------------------- */

div.meikestartseite {
	position: relative;
	width: 590px;
}

div.meikestartseite #overlay {
	position: absolute;
	top: 10px; right: 10px;
	color: black;
	width: 250px;
	text-align: right;
	font-size: 110%;
	line-height: 1.4em;
}

div.meikestartseite #overlay span {
	font-size:160%;
	font-family:Impact,Charcoal,Rekha,sans-serif;
}

div.meikestartseite #overlay a {
	color: #84959a;
	font-weight:bold;
}

/* ---------------------------------------------------------------------------- */

p.pressevolltext {
	display:none;
	margin:0px 20px;
	font-size:90%;
}

/* ---------------------------------------------------------------------------- */

a.speakeroff {
	display:block;
	float:right;
	width:32px;
	height:26px;
	text-indent:-9999px;
	overflow:hidden;
	background:url(../images/speakeroff_button-seef_lite.gif);
}

a.speakeroff:hover {
	background-position:-32px 0px;
}

/* ---------------------------------------------------------------------------- */

div.fullclear {
	clear:both;
	width:100%;
}

div.halfcol {
	float:left;
	width:48%;
	padding-right:2%;
}

div.thirdcol {
	float:left;
	width:31%;
	padding-right:2%;
}

/* ---------------------------------------------------------------------------- */

div.seefahrerherzlogo {
	position:relative;
	display:block;
	width:125px; height:135px;
	top:5px; left:235px;
}

div.seefahrerherzlogo a {
	display:block;
	width:100%; height:100%;
	position:absolute;
	text-indent:-9999px;
	overflow:hidden;
}

/* ---------------------------------------------------------------------------- */