/******************************************************************************
 *
 *  Projekt.......: stockmaritime.com
 *  Modul.........: default.css
 *  Kurzinfo......: Standard-Stylesheet, best viewed with Gecko-Engine et al.
 *  Autor.........: Thomas Hooge (tho)
 *  eMail.........: entwicklung@tho-consulting.de
 *
 ******************************************************************************/

/* ======= Alte Stile, in den HTML-Seiten korrigieren! ====================== */


a.kauf:hover img {
    opacity: 0.8;
}
a.kauf img {
    opacity: 1;
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
  	-o-transition: all 0.2s linear;
  	-ms-transition: all 0.2s linear;
  	transition: all 0.2s linear;
 }
 
 
 a.flag1:hover img {
    opacity: 1;
}
 a.flag1 img {
    opacity: 0.5;
	-webkit-transition: all 0.2s linear;
 	-moz-transition: all 0.2s linear;
 	-o-transition: all 0.2s linear;
 	-ms-transition: all 0.2s linear;
 	transition: all 0.2s linear;
}



 a.menu {color:#ff0000 }
    a.menu:link    { color:#ffffff;  }
    a.menu:visited { color:#ffffff;  }
    a.menu:hover   { color:#aaaaff;  }
    a.menu:active  { color:#ffffff;  }

a.link_start:link {color:#000; text-decoration:none;font-size: 9pt;letter-spacing:0.1em;font-weight: bold; }
a.link_start:visited {color:#000; text-decoration:none;font-size: 9pt;;font-weight: bold  }
a.link_start:hover {color:#444; text-decoration:none;font-size: 9pt;font-weight: bold }
a.link_start:active {color:#000; text-decoration:none;font-size: 9pt;font-weight: bold  }

a.link_wiki2:link {color:#0984a5; text-decoration:none; ;letter-spacing:0.1em;font-weight: bold; }
a.link_wiki2:visited {color:#0984a5; text-decoration:none; ;;font-weight: bold  }
a.link_wiki2:hover {color:#0984a5; text-decoration:none; ;font-weight: bold }
a.link_wiki2:active {color:#0984a5; text-decoration:none; font-weight: bold  }


a.link_top:link {color:#aa0000; text-decoration:none;font-size: 9pt;letter-spacing:0.1em;font-weight: bold; }
a.link_top:visited {color:#800000; text-decoration:none;font-size: 9pt;;font-weight: bold  }
a.link_top:hover {color:#ff0000; text-decoration:none;font-size: 9pt;font-weight: bold }
a.link_top:active {color:#800000; text-decoration:none;font-size: 9pt;font-weight: bold  }

a.black_link:link {color:#8899ee; text-decoration:none;}
a.black_link:visited {color:#8668ee; text-decoration:none;}
a.black_link:hover {color:#8888ee; text-decoration:none; }
a.black_link:active {color:#66ffee; text-decoration:none; }

a.wiki_link:link {color:#adadad; text-decoration:none;}
a.wiki_link:visited {color:#adadad; text-decoration:none;}
a.wiki_link:hover {color:#bebebe; text-decoration:none; }
a.wiki_link:active {color:#adadad; text-decoration:none; }


a.warenkorb_navi:link {color:#fff; text-decoration:none;}
a.warenkorb_navi:visited {color:#fff; text-decoration:none;}
a.warenkorb_navi:hover {color:#fff; text-decoration:none; }
a.warenkorb_navi:active {color:#fff; text-decoration:none; }

.button_des {
	font-size:12px;
	letter-spacing:1px;
	border:1px outset #000;
	height:19px;
	text-decoration:none;
	cursor:pointer;
}


a.flag1 img {
    opacity: 0.5;
	filter: alpha(opacity=50);

  -webkit-transition: all 0.2s linear;
  -moz-transition: all 0.2s linear;
  -o-transition: all 0.2s linear;
  -ms-transition: all 0.2s linear;
  -webkit-transition-property:all 0.2s linear;
  -transition: all 0.2s linear;
 
}
a.flag1:hover img {
    opacity: 1;
	filter: alpha(opacity=100);
}


.wk_grau {
 font-size: 8pt;
   font-weight: bold;
  color: #222222;
  }
  
  

.wk_aktiv {
 font-size: 8pt;
  font-weight: bold;
  color: #0000ff;
  }
.wk {
  font-size: 8pt;
  font-weight: bold;
  color: #000000;
  }

.anzeige_font {
  font-size: 8pt;
  color: #111111;
  }
  
  
.text_rot {
  font-size: 10pt;
  color: #aa2211;
   font-weight: bold;
  }
  

a.link_text:link {color:#2222ff; text-decoration:none; font-weight:bold;font-size: 8pt;}
a.link_text:visited {color:#2222aa; text-decoration:none; font-weight:bold;font-size: 8pt}
a.link_text:hover {color:#1122aa; text-decoration:none; font-weight:bold;font-size: 8pt}
a.link_text:active {color:#003399; text-decoration:none; font-weight:bold;font-size: 8pt}


a.blog_link:link {color:#78BADA; text-decoration:none;font-size: 9pt}
a.blog_link:visited {color:#78BADA; text-decoration:none;font-size: 9pt;}
a.blog_link:hover {color:#3478ab; text-decoration:none;font-size: 9pt;}
a.blog_link:active {color:#78BADA; text-decoration:none;font-size: 9pt;}


a.blog_link2:link {color:#143CEA; text-decoration:none;font-size: 9pt;}
a.blog_link2:visited {color:#143CEA; text-decoration:none;font-size: 9pt;}
a.blog_link2:hover {color:#137B9E; text-decoration:none;font-size: 9pt;}
a.blog_link2:active {color:#143CEA; text-decoration:none;font-size: 9pt;}

a.blog_link3:link {color:#2222ff; text-decoration:none;font-size: 9pt;}
a.blog_link3:visited {color:#2222ff; text-decoration:none;font-size: 9pt;}
a.blog_link3:hover {color:#aaaaaa; text-decoration:none;font-size: 9pt;}
a.blog_link3:active {color:#2222ff; text-decoration:none;font-size: 9pt;}

a.plane:link {color:#222222; text-decoration:none;font-size: 7pt;}
a.plane:visited {color:#2222ff; text-decoration:none;font-size: 7pt;}
a.plane:hover {color:#aaaaaa; text-decoration:none;font-size: 7pt;}
a.plane:active {color:#2222ff; text-decoration:none;font-size: 7pt;}


#blog_kom_0,#blog_kom_1,#blog_kom_2,#blog_kom_3,#blog_kom_4,#blog_kom_5,#blog_kom_6,#blog_kom_7,#blog_kom_8,#blog_kom_9,#blog_kom_10,#blog_kom_11,#blog_kom_12 { display:none; }
#blog_form_0,#blog_form_1,#blog_form_2,#blog_form_3,#blog_form_4,#blog_form_5,#blog_form_6,#blog_form_7,#blog_form_8,#blog_form_9,#blog_form_10,#blog_form_11,#blog_form_12 { display:none; }
#text_rot_0,#text_rot_1,#text_rot_2,#text_rot_3,#text_rot_4,#text_rot_5,#text_rot_6,#text_rot_7,#text_rot_8,#text_rot_9,#text_rot_10,#text_rot_11,#text_rot_12 { display:none; color: #aa2211;font-weight: bold; }



.blog_link_aktiv {
   font-size: 9pt;
  color: #357696;
  text-decoration: none;
  font-weight: bold;
 float: left;
}
#block_l {
 
float: left;
 width: 100%;
}


#haupt__2 {
 font-size: 9pt;
  color: #000000;   
  background-color: #ffffff;
display:inline;
hight: 100%;
float: left;
 width: 100%;
}

#haupt {
	float: left;
  font-size: 9pt;
  color: #000000;   
 background-color: #ffffff;
 width: 91%;
 

}

#hauptx {
  font-size: 9pt;
  color: #000000;   
 background-color: #ffffff;
 
float: left;

}

 
.blog_note_i {
  font-size: 9pt;
  color: #6084a9;
  font-style:italic; 
  }


#menu_blog {
  float: right;
  width: 200px;

  margin-left: 20px;
  background-color: #ffffff;
}



#inhalt_blog {
  width: 65%;
  background-color: #ffffff;
}

 #menu_blog_titel{
    width: 90%;
    float: left;
  background-color: #DAE2E5;
 
 }
 
 #menu_blog_titel2{
    width: 90%;
    float: left;
  background-color: #DAE2E5;
 margin-top:12px;
margin-bottom:10px;
} 


 #blog_note{
    width: 100%;
  float: left;
  background-color: #DAE2E5;
 padding:5px; 
 margin-top :3px;
margin-bottom:15px;
 border: 1px solid #222222;
 
}
 
 
 


.blog_t_menu {
float: left;
   font-size: 9pt;
  color: #78BADA;
  text-decoration: none;
   width: 140px;
  }

.blog_t_menu_fett {
   font-size: 9pt;
 color: #5698a9;
  text-decoration: none;
   width: 140px;
   
  }



.blog_rub {
  background-color: #DAE2E5;
  font-size: 13pt;
  color: #ffffff;
  text-decoration: none;
   width: 140px;
 
 }
  
  
  .blog_note_text {
  font-size: 9pt;
  color: #768d9d;
  text-decoration: none;
  }

 .blog_datum {
  font-weight: bold;
  font-size: 13pt;
  color: #4D9EC9;
  text-decoration: none;
  }



.blog_titel {
  font-weight: bold;
  font-size: 13pt;
  color: #111111;
  text-decoration: none;
  }


.blog_t11 {
  font-weight: bold;
  font-size: 11pt;
  color: #111111;
  text-decoration: none;
  }

 


.blog_klein {
  font-size: 9pt;
  color: #666666;
  text-decoration: none;
  }

.blog_blau {
  font-size: 8pt;
  color: #5555ee;
  text-decoration: none;
  }


.blog_klein2 {
  font-size: 9pt;
  color: #2222ff;
  text-decoration: none;
  }


.blog_form2 {
  font-size: 8pt;
  color: #333333;
  text-decoration: none;
  }



.wk_text1 {
  font-size: 9pt;
  text-decoration: none;
  color: #000000;
  }
.wk_text2 {
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  }


 


.fett {
  font-weight: bold;
  }


.tbl_small {
  font-size: 10pt;
  text-decoration: none;
  color: #000000;
  }

/* ======= Anpassungen an den Standardelementen (ohne Klasse und ID) ======== */



h2.content_r {
 float: right;
 margin-top: 0;
 margin-left: 1em;
 font-size: 9pt;
 font-style:italic;
}


h2.content_l {
 float: left;
 margin-top: 0;
 margin-left: 1em;
 font-size: 9pt;
 font-style:italic;
}




html {
	background: #fff url("../images/bg-side.jpg") 
	 repeat-y top left;  
 background-position:0px 84Px;


 	font-size: 0.8em;
}
body {
	position: relative;
 /*	background: url("../images/bg-top.jpg") repeat-x top left;*/
	font-family: sans-serif;
	margin: 0;
	padding: 0;
}



H1.eig	{ font-size: 1.25em }
H1.h		{ font-size: 1.25em }



h1 { font-size: 16px; }
h2 { font-size: 14px; }
h3 { font-size: 1.1em; }
h4 { font-size: 1em; }
h1 {
	margin-top: 0.5em;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
img {
	border: none;
}

q { /* Deutsche Anführungszeichen für Zitate */
	quotes:"\201E" "\201C" "\201A" "\2018";
	font-style: italic;
}

/* ========== Häufig und global verwendete Klassen ========================== */

p.hinweis {
	color: #f66;
	font-size: smaller;
	margin: 0 0 1em 1em;
	padding: 0.5em;
	background: #f0f0f4;
	border-left: 8px #ccd solid;
}

a.external {
    background: url("../images/extlink.png") center right no-repeat;
    padding-right: 13px;
}

img.left {
	float: left;
	margin-top: 0;
	margin-right: 1em;
}
img.right {
	float: right;
	margin-top: 0;
	margin-left: 1em;
}

/* ========== Float-Clearing, Markupfrei ==================================== */

.clearfix:after {
    clear: both; 
    display: block; 
    content: "."; 
    visibility: hidden;
}
/* Für Safari-Browser zwingend: */
.clearfix { display: block; }

.floatbox { overflow: hidden; }

hr.clear_columns {
    content: ".";
    clear: both;
    visibility: hidden;
}

/* ========== Fehler- und sonstige Meldungen ================================ */

div.ermsg {
	font-family: sans-serif;
	border-left: solid;
	padding-left: 1em;
	border-left-color: red;
	color: #900;
	background-color: #edd;
	font-size: 0.8em;
}
div.errmsg p {
	padding-top: 1ex;
	margin-bottom: 0.25ex;
}
div.errmsg ul {
	list-style-image: url("../images/dot1e.png");
	margin-top: 0ex;
	padding-top: 0ex;
	padding-left: 3em;
	padding-bottom: 1ex;
}
div.errmsg ul li {
	margin-bottom: 0;
}

div.okmsg {
	background: #cfc;
	border: 1px solid #8f8;
}

/* ========== Boxmodel ====================================================== */

#header {
	color: #0000ff;
	font-family: "URW Gothic L", "Century Gothic";
	font-weight: bold;
	margin: 0 10px;
	height:117px;
	background: url("../images/bg-top.jpg") repeat-y top right;

}

#container {
	background: #ddd url("../images/bg-side.jpg") repeat-y top right;
	margin: 0 0 0 10px;
	padding: 0 10px 0 0;
	min-height: 101%;
}

#metanav {
	position: relative;
	font-family: sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #000;
	padding: 1px 0 2px 4px;
}
#metanav ul {
	position: absolute;
	top: 2px;
	right: 2px;
	font-size: 7pt;
	font-weight: normal;
	margin: 0;
	list-style-type: none;
}
#metanav li {
	display: inline;
}
#metanav a,
#metanav a:visited {
	color: #000;
	text-decoration: none;
}
#metanav a:hover {
	color: #aaa;
}

#offers {
	position: relative;
	z-index: 100;
	float: right;
	width: 18em;
	background: url("../images/off_lo.gif") top left no-repeat;
	color: #000;
	font-family: "Arial", "Helvetica", sans-serif;
	font-size: 7pt;
	font-weight: normal;
	margin: 0 0 0 1em;
}
#offers h2 {
	background: url("../images/off_ro.gif") top right no-repeat;
	font-size: 9pt;
	font-weight: bold;
	margin: 0 0 0 1em;
	padding: 0.3em 1em 0.2em 0;
}
div.offer {
	background-color: #fffbe5;
	padding: 1em;
	border-top: 1px solid #dbdecd;
}
div.offer h3 {
	font-size: 8pt;
	margin: 0 0 0.3em 0;
}
div.offer p {
	clear: left;
	margin: 0.25em 0;
}

div#topnav {
	font-family: "Arial", "Helvetica", sans-serif;
	font-size:12px;
	margin-top:1px;
}
div#topnav ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
div#topnav li {
	float: left;
	background: url("../images/left.gif") no-repeat left top;
	margin: 0 1px 0 0;
	padding: 0;
}
div#topnav a {
	display: block;
	background: url("../images/right.gif") no-repeat right top;
	padding: 2px 5px 2px 2px;
	margin: 0 0 0 3px;
	text-decoration: none;
	color: #fff;
}
div#topnav a:hover {
	color: #000;
}
div#topnav li.current {
	background-image: url("../images/left_on.gif");
}
div#topnav li.current a {
	background-image: url("../images/right_on.gif");
	color: #000;
}

#main {
	margin: 0;
	padding: 0;
	background-color: #dae2e4;
}

#dbtree {
	float: left;
	overflow: hidden;
	width: 12em;
	margin: 0;
	padding: 0 0 1em 0.5em;
}
#dbtree ul {
	font-size: 9pt;
	list-style: none;
	margin: 0;
	padding: 0;
}
#dbtree ul ul {
	padding-left: 1.5em;
	list-style-type: square;
}
#dbtree ul ul ul {
	padding-left: 1.5em;
	list-style-type: circle;
}
#dbtree li a.current {
	color: #fff;
}
#dbtree form {
	margin: 0.5em 0;
	font-size: 8pt;
}
#dbtree a,
#dbtree a:visited {
	color: #000;
	text-decoration: none;
}
#dbtree a:hover {
	color: #fff;
}

div.subnav {
	display: block;
	overflow: hidden;
	font-family: "Arial", "Helvetica", sans-serif;
	margin: 0 0 0 0;		/* 0 -2em 0 0 weil safary >4.2 bug */
	padding: 0 0 0 0.5em;
}
div.subnav ul {
	margin: 0;
	padding: 2px 0 0 0;
	list-style: none;
}
div.subnav li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
}
div.subnav a {
	display: block;
	padding: 2px 5px 2px 2px;
	margin: 0 0 0 3px;
	text-decoration: none;
	color: #000;
}
div.subnav a:hover {
	color: #4fa2c4;
}

div#subnav1 { background-color: #dae2e4; }
div#subnav1 li.current { background: url("../images/left1_on.gif") no-repeat left top; }
div#subnav1 li.current a { background: url("../images/right1_on.gif") no-repeat right top; }

div#subnav2 { background: #f0f0f0 url("../images/subnav2_lo.png") no-repeat left top; }
div#subnav2 li.current { background: url("../images/left2_on.gif") no-repeat left top; }
div#subnav2 li.current a { background: url("../images/right2_on.gif") no-repeat right top; }


div#subnav3 { background: #f8f8f8 url("../images/subnav2_lo.png") no-repeat left top; }
div#subnav3 li.current { background: url("../images/left2_on.gif") no-repeat left top; }
div#subnav3 li.current a { background: url("../images/right2_on.gif") no-repeat right top; }


div#content {
	display: block;
	margin: 0 0 0 12.5em;
	padding: 0.5em 1em;
	border-bottom: 1px solid white;
	background-color: #fff;
	
}
div.corner {
	background: url("../images/content_lo.png") no-repeat left top;
}
div.corner2 { /*Black*/
	background: url("../images/content_lo2.png") no-repeat left top;
}

/* ========================================================================== */

dl.abbildung {
	margin: 0;
	font-size: 9pt;
}
dl.abbildung dt {
	position: relative;
}
dl.abbildung dd {
	margin: 0;
	padding: 0.25em;
	text-align: center;
	background: #f0f0f0;
}
dl.abbildung img {
	display: block;
}
dl.abbildung .quelle {
	position: absolute;
	right: 2px;
	bottom: 2px;
	color: #fff;
	font-size: 10px;
	font-weight: bold;
}



/* ========== Fotogalerie =================================================== */
ul.galerie {
	list-style: none;
  	padding: 0;
}
ul.galerie ul {
    font-size: 0.9em;
	line-height: 1.1;
}
ul.galerie a {
    text-decoration: none;
}
ul.galerie a:hover {
    text-decoration: underline;
}
ul.galerie li {
	display: block;
	float: left;
	position: relative;
	border-left: 1px solid #666;
	padding-left: 8px;
  	margin: 0 16px 16px 0;
}
ul.galerie li.portrait div.actions {
	position: absolute;
	top: 30px;
	left: 97px;
	width: 20px;
}
ul.galerie li.landscape div.actions {
	position: absolute;
	top: 105px;
	left: 10px;
}
ul.galerie li hr {
	margin: 0 0 0 -8px;
	border: none;
	width: 20px;
	height: 1px;
	background: #666;
}
ul.galerie li p.caption {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 9px;
	height: 3em;
}
ul.galerie div.image {
	width: 100px;
	height: 135px;
	overflow: hidden;
}


/* ========== Fotogalerie fuer die 180er============================================= */
ul.galerie_v2 {
	list-style: none;
  	padding: 0;
}
ul.galerie_v2 ul {
    font-size: 0.9em;
	line-height: 1.1;
}
ul.galerie_v2 a {
    text-decoration: none;
}
ul.galerie_v2 a:hover {
    text-decoration: underline;
}
ul.galerie_v2 li {
	display: block;
	float: left;
	position: relative;
 

	 
	padding-bottom: 25px;
	padding-left: 8px;			/* 8 */
  	margin: 0 16px 16px 0;
}
ul.galerie_v2 li.portrait div.actions {
	position: absolute;
	top: 172px;
	left: 5px;  /* 8 */
	width: 20px;
	 
	background-image:url(../images/rahmen.png); 
	width: 180px;
	height:56px;
	background-repeat:no-repeat;

}
ul.galerie_v2 li.landscape div.actions {
	position: absolute;
	left: 8px;
	background-image:url(../images/rahmen.png); 
	width: 180px;
	height:56px;
	background-repeat:no-repeat;
	 
	 
}
ul.galerie_v2 li hr {
	margin: 0 0 0 -8px;
	border: none;
	width: 20px;
	height: 1px;
	background: #666;
}
ul.galerie_v2 li p.caption {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 9px;
	height: 3em;
}
ul.galerie_v2 div.image_v2 {
	width: 166px;
	height: 205px;		/*230*/
	 text-align: center;
}







/* ========== Fotogalerie =================================================== */


ul.galerie {
	list-style: none;
  	padding: 0;
}
ul.galerie ul {
    font-size: 0.9em;
	line-height: 1.1;
}
ul.galerie a {
    text-decoration: none;
}
ul.galerie a:hover {
    text-decoration: underline;
}
ul.galerie li {
	display: block;
	float: left;
	position: relative;
	border-left: 1px solid #666;
	padding-left: 8px;
  	margin: 0 16px 16px 0;
}
ul.galerie li.portrait div.actions {
	position: absolute;
	top: 30px;
	left: 97px;0
	width: 20px;
 
}
ul.galerie li.landscape div.actions {
	position: absolute;
	top: 105px;
	left: 10px;
 
}
ul.galerie li hr {
	margin: 0 0 0 -8px;
	border: none;
	width: 20px;
	height: 1px;
	background: #666;
}
ul.galerie li p.caption {
	margin: 0;
	padding: 2px 0 0 0;
	font-size: 9px;
	height: 3em;
}
ul.galerie div.image {
	width: 100px;
	height: 135px;
	overflow: hidden;
}




/* 2. Version mit anderen Abmaßen */

ul.galerie ul {
	margin: 0.5em 0 0 0.5em;
	padding: 0;
}
ul.galerie ul li {
	float: none;
	border: none;
	margin: 0;
	padding: 0;
}

dl.thumbnail {
	position: relative;
	margin: 0;
}
dl.thumbnail dt {
	width: 100px;
}
dl.thumbnail dd {
	position: absolute;
	left: 104px;
	top: 0px;
	margin: 0;
}

div.pagination {
	text-align: center;
}
div.pagination a {
	text-decoration: none;
}
div.pagination a:hover {
	text-decoration: underline;
}

div.galerie-subnav {
	margin-top: 1em;
	text-align: center;
}

#stl a:visited {
	color: #000000;
	text-decoration: none;
  	font-size: 10pt;
}


 
a.plain { text-decoration: none; }
a.plain:hover { text-decoration: underline; }
 

.font9_2 {
  font-size: 8pt;
  text-decoration: none;
  color: #ffffff;
  }



.font9_3 {
  font-size: 8pt;
  text-decoration: none;
  color: #ßßßßßß;
  }


.font9_4 {
  font-size: 8pt;
  text-decoration: none;
  color: #666666;
  }

.font9_5 {
  font-size: 8pt;
  text-decoration: none;
  color: #666666;
 
  }


#container3c .pullout { width:130px; height:160; background:#ffffff; margin:.5em 1em .1em 0px ;font-size:12px;color: #0000ff;}

  #content2 {
margin: 0px 150px 0px 0px;
padding: 1em 30px 1em 40px;
background-color: #fbf7ec;
color: #00ff00;
border-right: 1px solid #000;
border-left: 1px solid #000;
}


.small {
  font-size: 8pt;
  text-decoration: none;
  color: #551111;
  }
.small2 {
  font-size: 8pt;
  text-decoration: none;
  color: #111111;
  }
.small2_f {
  font-size: 8pt;
  text-decoration: none;
  color: #111111;
  font-weight: bold;
  }
  
  .font9_2 {
  font-size: 8pt;
  text-decoration: none;
  color: #ffffff;
  }
  
    .font9_3 {
  font-size: 7pt;
  text-decoration: none;
  color: #ffffff;
  }