/* HKD - CSS */
html, body {
	height:100%; /* fix height to 100% for IE */
	max-height:100%; /* fix height for other browsers */
	padding:0; 
	margin:0; 
	border:0; 
}

body {
	background:#AAA url("../images/bg.gif") top left repeat;
	z-index:3; 
}

body, a, p, span, h1, h2, h3, h4, textarea {
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:none;
}

a.extlink {	
	padding-left:15px;
	color:#6AF;
	text-decoration:underline;	
	background:url("../images/extlink.png") center left no-repeat;
}
a.extlink2 {	
	color:#6AF;
	text-decoration:none;	
	background:none;
}

a.extlink3 {
	padding-left:10px;
/*
	color:#6A9;
*/
	color:#6AF;
	text-decoration:underline;	
	background:url("../images/extlink3_small.png") center left no-repeat;
}


a.zurueck {
	margin-left:20px;
	color:#666;
	font-size:13px;
	font-weight:bold;
}
a.zurueck:hover {
	text-decoration:underline;
}



.white:hover 	{	color:#AAA;	}
.yellow:hover 	{	color:#AA0;	}
.blue:hover 	{	color:#00F;	}
.red:hover 		{	color:#F00;	}

.bold			{	font-weight:bold;	}
.underline		{	text-decoration:underline;	}
.italic			{	font-style:italic;	}


.left {
	float:left;
}
.right {
	float:right;
}
.clear_left {
	clear:left;
}
.clear_right {
	clear:right;
}
.clear_both {
	clear:both;
}

/*///////////////////////////////////////////////////////*/
/*                 For Links Sektion                     */

.hidden { 
	display:none; 
	visibility:visible; 
	overflow:hidden; 
}

.hide {
	border-left:1px solid #6AF; 
	border-right:1px solid #6AF;
	border-bottom:1px solid #6AF;
   background-color: #F3F9FF; 
	padding: 7px 20px 10px 20px;  
	display:block; 
	visibility:visible; 
	overflow:hidden; 
}

.show { 
	border-left:1px solid #6AF; 
	border-right:1px solid #6AF;
	border-bottom:1px solid #6AF;
   background-color: #F3F9FF;
	padding: 7px 20px 10px 20px;  
	display:block; 
	margin-bottom:3px;
	visibility:visible; 
	overflow:hidden;

}

.plusminus {
	margin:5px 2px 0 0;
	float:right;
	/*opacity: 1;*/
	/*-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";*/ /* first!*/
	/*filter: alpha(opacity=100);*/					/* second!*/	
}



.dropdownpadding { 
	border:1px solid #FFF; 
	padding:7px;
}

.dropdowncountry { 
	border:1px solid #FFF; 
	padding:7px;
	margin-bottom:3px;
}

.dropdowncountryactive { 
	border:1px solid #AAA; 
	background-color:#EEE; 
	padding:7px; 
}
.dropdowncountry:hover { 
	border:1px solid #AAA; 
	background-color:#EEE; 
	padding:7px; 
}




.hoverblock1 {
	display:none; 
   position:absolute; 
   border:2px solid #000; 
   color: #000;
   background-color: white; 
   padding:7px;
   text-align:center; 
   font-weight:bold;
}

.hoverblock2 {
	display:none; 
   position:absolute; 
   border:2px solid #6AF; 
   color:#6AF;
   background-color: white; 
   padding:7px;
   text-align:center; 
   font-weight:bold;

}

.hoverblock1 img, .hoverblock2 img {
    display:block;
    margin:3px;
    margin-left:auto;
    margin-right:auto; 
}


/*///////////////////////////////////////////////////////*/


/*/////////////////////////////////////////////////////////////////////////////////*/
/************************************ MENU TEIL ************************************/
div#menu {
	position:relative;
	top:153px;
	left:0px;
	width:495px;
}

#menu ul {
	padding:0 0 0 10px;
	margin:0;
}
#menu ul li {
	padding:0;
	font-size:13px;
	font-weight:bold;
	color:#CCC;
	display:inline;
}

#menu a 		{	color:#FFF;	}
#menu a.visit 	{	color:#CC0;		}

#menu ul li a span {
	display:none;
	position:absolute;
	left:23px;
	top:30px;
	color:#EEE;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;	
}

#menu span {
	margin-left:45px;
}
	
#menu ul li a:hover span {
	display:block;
}
#menu ul li a.visit:hover span {
	display:none;
}


div#header_side {
	float:right;
	margin:0;
	padding:0;
	height:198px; /* +2 */
	width:252px; /* +1 */
	border:0px solid #F00;
}
#header_side img {
	border:0;
}


#header_side ul {
	margin:0;
	padding:0;
	list-style-type:none;
	position:relative;
	top:130px;
}
#header_side ul li {
	padding:0;
	display:inline;
}
#header_side ul li a span {
	display:none;
	position:absolute;
	left:33px;
	top:54px;
	color:#000;
	background-color:#884;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
}
	
#header_side ul li a:hover span {
	display:block;
}


div#header {
	padding:0;
	margin:0;
	height:200px;
	background:#999 url("../images/banner.jpg") no-repeat;
}

div#container {
	padding:0;
	margin:0 auto;
	width:752px;
	border-left: 1px solid #999;
	border-right: 1px solid #999;	
	border-bottom: 1px solid #999;
	background:#FFF url("../images/containter_side_bg.gif") right top repeat-y;
}

div#container_side	{
	float:right;	
	margin-left:22px;
	margin-bottom:-1px;
}

div#container_side ul {
	padding:0px 10px 0px 35px;
	margin:0px;
	list-style-type:square;
	font-size:11px;	
}
div#sidebar ul li a	{
	color:#996;
}
div#container_side ul li a:hover{
	text-decoration:underline;
}

div#sidebar, div#prevbar, div#emptybar {
	width:252px;
}

div#sidebar {
	background:#FFE;
	background:#FFE url("../images/bg_side.gif") left top repeat-x;
	color:#CCA;
	font-size:10px;	
	border-left:1px dashed #CCA;
	border-bottom:1px dashed #CCA;
}
div#sidebar p {
	padding-left:20px;
	color:#996;
	font-size:11px;
	font-weight:bold;
}

div#prevbar {
	height:350px;
	background-color:#EEE;
	color:#AAA;
	font-size:10px;	
	border-left:1px dashed #CCC;
	border-bottom:1px dashed #CCC;
}

.sideimg_hkd, div#prevbar{	background:#EEE url("../images/hkd.gif") 50% 50% no-repeat;	}

#prevbar p {
	color:#999;
	padding:10px 20px 0 20px;
	font-size:11px;	
}
div#emptybar ul {
	list-style-type:square;
}
div#emptybar ul li, div#emptybar ul li a {
	color:#666;
}



.secure_img {
	vertical-align:top;
	border:0;
}
#prevbar table {
	padding:5px 15px 0 15px;
	font-size:12px;
	color:#999;
}

div#content {
	padding:22px 296px 22px 44px;/*252px+44px*/
	color:#333;
	font-size:12px;	
}
#content h1 { 
	margin-bottom:12px;
	font-size:28px;
}
#content h2 { 
	margin-bottom:8px;
	font-size:22px;
}
#content h3 {
	margin-top:8px;
	margin-bottom:12px;
	font-size:16px;
	text-align:center;
	color:#AA0;
}
#content h4, #content .h4 {
	font-size:14px;
	font-style:italic;
	color:#AA0;
	font-weight:bold;
}

#content p {
	margin-bottom:14px;
	text-align:justify;
}

a.link {
	color:#666;
	font-weight:bold;
	cursor:pointer;
	
}
#content .box a:hover, #prevbar a:hover, #content a.link:hover {
	text-decoration:underline;
	cursor:pointer;
}

#content img.top_link {
	float:right;
	border:0;
}
#content img.top {
	float:right;
	padding-top:14px;
	border:0;
}

#content .hapkido {
	padding:0 38px 0 38px;
	height:80px;
}
#content #hap {			background: url("../images/hap.gif") 50% 50% no-repeat;			}
#content #hap:hover {	background: url("../images/hap_hover.gif") 50% 50% no-repeat; 	}
#content #ki {			background: url("../images/ki.gif") 50% 50% no-repeat;			}
#content #ki:hover {	background: url("../images/ki_hover.gif") 50% 50% no-repeat;	}
#content #do {			background: url("../images/do.gif") 50% 50% no-repeat;			}
#content #do:hover {	background: url("../images/do_hover.gif") 50% 50% no-repeat;	}

#content #jin {			background: url("../images/jin.jpg") 50% 50% no-repeat;			}
#content #jin:hover {	background: url("../images/jin_hover.jpg") 50% 50% no-repeat; 	}
#content #jung {			background: url("../images/jung.jpg") 50% 50% no-repeat;			}
#content #jung:hover {	background: url("../images/jung_hover.jpg") 50% 50% no-repeat;	}
#content #kwan {			background: url("../images/kwan.jpg") 50% 50% no-repeat;			}
#content #kwan:hover {	background: url("../images/kwan_hover.jpg") 50% 50% no-repeat;	}

/*/////////////////////////////////////////////////////////////////////////////////*/

/*//////////////////////////////////*/
/***** Mitglieder-Karten START ******/


#content table.card {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
	width:375px;
	margin-bottom:46px;
}

#content table.card tr td {
	padding: 0px;
	margin: 0px;
}

#content div.cardframe1 {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   position: top left;
	width: 375px; 
	height: 100%;
	padding: 0px;
}
#content div.cardframe2 {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   position: top left;
	width: 97%; 
	height: 100%;
	padding: 7px;
	padding-top:7px;
}

#content .card .cardmarright {
	margin-right: 36px;
}


#content .card img {
	margin:10px 18px 10px 12px;
}

#content .card .vname { font-size:34px; }
#content .card .nname {	font-size:16px; }


.inaktiv {	-moz-opacity:0.4;	}


.dan1_1, .dan1_2 , .dan2_1, .dan2_2, .dan3_1, .dan3_2, .dan4_1, .dan4_2, .dan5_1, .dan5_2, .dan6_1, .dan6_2, .dan7_1, .dan7_2, .dan8_1, .dan8_2, .dan9_1, .dan9_2 { color:#FFF; background-color:#333; }


.kub1_2 { color:#FFF; background-color:transparent; background-position: 93% 0%; background-image: url(../images/belt_stripe_black.png); background-repeat: repeat-y; }
.kub1_1 { color:#FFF; background-color:#D33; background-position: 7% 0%; background-image: url(../images/belt_stripe_black.png); background-repeat: repeat-y; }


.kub2_2 { color:#FFF; }
.kub2_1 { color:#FFF; background-color:#D33; background-position: 7% 0%; background-image: url(../images/belt_stripe_black.png); background-repeat: repeat-y; }


.kub3_2 { color:#FFF; }
.kub3_1 { color:#FFF; background-color:#D33; }


.kub4 { color:#FFF; background-color:#33D; }
.kub4_2 { color:#FFF; background-color:transparent; background-position: 93% 0%; background-image: url(../images/belt_stripe_red.png); background-repeat: repeat-y; }
.kub4_1 { color:#FFF; background-color:#33D; background-position: 7% 0%; background-image: url(../images/belt_stripe_red.png); background-repeat: repeat-y; }

.kub5_2 { color:#FFF; }
.kub5_1 { color:#FFF; background-color:#33D; background-position: 7% 0%; background-image: url(../images/belt_stripe_red.png); background-repeat: repeat-y; }

.kub6_1 { color:#FFF; }
.kub6_1 { color:#FFF; background-color:#33D; }

.kub7_2 { color:#FFF; }
.kub7_1 { color:#FFF; background-color:#DD3; background-position: 7% 0%; background-image: url(../images/belt_stripe_blue.png); background-repeat: repeat-y; }

.kub8_2 { color:#FFF; }
.kub8_1 { color:#FFF; background-color:#DD3; }

.kub9_2 { color:#333; }
.kub9_1 { color:#333; background-color:#EEE; }



/***** Mitglieder-Karten ENDE  ******/
/*//////////////////////////////////*/



#content .imgtable {
	margin-bottom:34px;
	width:99%;
	text-align:center;
	color:#999;
	font-size:11px;
	font-weight:bold;
}
#content .imgtable a {
	color:#AAA;
}
#content .imgtable a:hover {
	color:#CC3;
}
#content .imgtable img {
	border:3px solid #CCC;
}
#content .imgtable img:hover {
	border:3px solid #CC3;
}

#content #hans {
	margin-left:-7px;
	margin-right:34px;
	border:0;
}
#content .lspace {
	margin-left:-7px;
	margin-right:34px;
	border:0;
}
#content .rspace {
	margin-left:24px;
	margin-bottom:6px;
	margin-top:6px;
	margin-right:-7px;
	border:0;
}


div#footer {
	clear:right;
	padding-top:5px;
	padding-bottom:5px;
	background-color:#FFF;
	color:#AAA;
	font-size:10px;	
	border-top:1px dashed #CCC;
	text-align:center;
}
#footer a.extlink {
	padding-left:9px;
	background:url("../images/extlink_small.gif") center left no-repeat;
	color:#6AF;
	text-decoration:underline;	
}


#footer #valid {
	margin:5px 0 5px 0;
}
#footer img, #enterimg{
	border:0;
	margin:0 2px 0 2px;
}


/*/////////////////////////////////////////////////////////////////////////////////*/
/************************************ NEWS START ***********************************/
div.newscontainer {
	margin-bottom:34px;
}

.newsbox {
	margin:0;
	padding:0;
	background-color:#FFF;
	border:1px solid #CCC;
	width:99%;
}
.newsbox tr td {
	margin:0;
	padding:0;
}

div.newsheader {
	float:left;
	padding:4px 4px 4px 12px;
	font-size:14px;
	/*padding:2px 2px 2px 6px;
	font-size:13px;*/
	font-weight:bold;
	color:#666;
}
div.newsdate, .newsdate a {
	padding:5px;
	background-color:#CCC;
	color:#666;
	font-size:10px;
	text-align:right;
	text-decoration:none;
}
.newsbox img.top1 {
	float:right;
	padding:8px;
	border:0;
}

div.newstext {
	margin-top:14px;
	padding:0px 22px 18px 22px;
	font-size:12px;
	text-align:justify;
}
.newstext a.more {
	margin-left:6px;
	color:#666;
	font-weight:bold;
}
.newstext a.more:hover {
	text-decoration:underline;
}
.newstext ul {
	padding-left:36px;
	list-style-type:circle;
}

/* For Mozilla Browsers */
.newsbox {
	-moz-border-radius:14px;
}
div.newsdate {
	-moz-border-radius-topleft:14px;
	-moz-border-radius-topright:14px;
}


/************************************ NEWS ENDE ************************************/
/*/////////////////////////////////////////////////////////////////////////////////*/