body { background-color: #5A8196; font-family: verdana,arial; font-size: 10pt; color: #FFFFFF; text-align: justify; cursor: default; }
.sform { margin-left: 22px; font-size: 11px; color: #FFFFFF; width: 100px; height: 14px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; background:url("http://www.superminis.info/images/magnifier.png") top left no-repeat; padding-left: 18px; outline:none; background-color: #CC7700; /*#CCE5FF;*/ }
.sbutton { font-size: 11px; width: 50px; color: #FFFFFF; font-weight: bold; background-color: #CC7700; /*#CCE5FF;*/ border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675 }
.susr { font-size: 11px; color: #FFFFFF; width: 100px; height: 14px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; background:url("http://www.superminis.info/images/user.png") top left no-repeat; padding-left: 18px; outline:none; background-color: #CC7700; /*#BBDDBB; #CCE5FF;*/ }
.spass { font-size: 11px; color: #FFFFFF; width: 100px; height: 14px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999; background:url("http://www.superminis.info/images/key_go.png") top left no-repeat; padding-left: 18px; outline:none; background-color: #CC7700; /*#CCE5FF;*/ }

.tbt { width: 20px; height: 20px; background-color: #BBDDBB; /*#CCE5FF;*/ background-image: url('../images/bullet_toggle_minus.png'); border: 1px solid #576675; }

a { text-decoration: none; }
a:link, a:visited, a:active { color: #FFFFFF; text-decoration: underline; font-family: verdana; font-size: 10pt; }
a:hover { color: #808080; background-color: #FFFFFF; text-decoration: none; font-family: verdana; font-size: 10pt;  } 

a.anker { text-decoration:none; color:#000000; }
a:hover.anker { text-decoration:none; color:#000000; background-color: transparent; }

/* a:hover img { background-color: #5A8196; color: #5A8196; }  */
hr { color: #BAD8E2; border-width: 0px; border-bottom: 2px solid #BAD8E2; }
a img { border: 0px; vertical-align:top; }

.kakaoimg { margin-bottom: -4px; margin-left: 30px; }
.navimg { margin-top: -10px; position: absolute; }
.vdimg { margin-bottom: -4px; }

#header { border: 1px solid #000000; background-color: #FFFFFF; }
#header h1 { text-align: center; font-size: 1em; border-bottom: 1px solid #000000; margin: 0; padding: 0.25em; color: #000000; }
#header .image { padding: 0.25em; text-align: center; margin: 0; }
#header .image img { border: 1px solid #000; background-color: transparent; }
.headimg { margin-top: 2px; }
#header h1, #left, #right { background-image: url('../images/balken1.png'); background-repeat: repeat-x; background-color: #77AADD; } /* balken.gif */
#navi { 	float: left; width: 160px; margin-top: 1em; color: #000000; border-bottom-right-radius: 8px; behavior: url(css/ie-css3.htc);}
#navi li, #navi ul { margin: 0; padding: 0; list-style-type: none; }
#navi h3 { -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; margin: 0; padding: 0.25em; background-image: url('../images/balken1.png'); background-repeat: repeat-x; background-color: #77AADD; font-size: 1em; behavior: url(css/ie-css3.htc); }
#navi .navibox { -webkit-border-top-right-radius: 8px; -moz-border-radius-topright: 8px; border-top-right-radius: 8px; border: 1px solid #000000; margin-top: 5px; margin-bottom: 16px;  behavior: url(css/ie-css3.htc); }
#navimg image { margin-bottom: 16px; }

.blue { color: #DAEEF3; }
.red { color: #FF99FF; }
.green { color: #D6E3BC; }

#boxes { }

#left {
	width:380px;
	height: 25px;
	padding-left: 4px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	/*height:150px; */
	float:left;
	color: #000000;
	-webkit-border-bottom-right-radius: 8px; 
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
	behavior: url(css/ie-css3.htc);
}
#right {
	width:380px;
	height: 25px;
	padding-left: 4px;
	padding-top: 2px;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	/*height:190px; */
	float:right;
	-webkit-border-bottom-left-radius: 8px; 
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

#kakao {
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
	margin:0 0 0 0;
	float: left;
}

.clear {
	clear:both;
}

.flexcroll {
	margin-top: -1px;
	min-height: 25px;
	/*max-height: 86px; */
}

.popup_msg{
position:absolute;
z-index:10;
width:172px;
height:102px;
text-align:center;
color:#FF0000;
font: 14px Verdana, Arial, Helvetica, sans-serif;
background:url(bg_image.gif) bottom right no-repeat;
display:none;
}


#navi li {
	border-top: 1px solid #000;
	/* Verhindert dass auf IE < 7 die Navigationsbuttons auseinandergezogen sind */
 	_height: 20px;
}

#navi li a {
	display: block;
	background-repeat: repeat-y;
	text-decoration: none;
	padding: 0.2em;
	background-color: #89a9b8;
	/* Verhindert dass auf IE < 7 die Navigationsbuttons auseinandergezogen sind */
	_height: 10px;
}

#navi li a:link, #navi li a:visited {
	border: 1px solid #89a9b8;
	background-image: url(../images/back_button.jpg);
	background-position: top left;
	color: silver;
}

#navi li a:hover, #navi li a:focus {
	border: 1px solid #e6e6e6;
	background-image: url(../images/back_button_b.jpg);
	background-position: top right;
	color: #fff;
}


#content {
    margin-left: 170px;
}

#content h2 {
	font-size: 1em;
	border-bottom: 2px solid #BAD8E2; width:360px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

h3 {
	font-size: 1em;
	text-align: left;
}


#contentinner {
	margin: 1em;
}

li.fld {
	margin-left: -20px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url('../images/folder.png');
	background-repeat: no-repeat;
}

li.vd {
	margin-left: -20px;
	padding-left: 20px;
	list-style-type: none;
	background-image: url('../images/cam.png');
	background-repeat: no-repeat;
}


.hd{
visibility: hidden;
}

.floatleft {
	float: left;
	margin: 1em;
	margin-top: 0.4em;
	margin-left: 0;
}

.subpic dd {
	margin: 0;
	text-align: center;
	font-size: 12px;
}

.floatright {
	float: right;
	margin: 1em;
	margin-right: 0;
}


.center {
	text-align: center;
}


#contentcenter {
	margin: 1em;
	text-align: center;
}

#zweidivcenter {
	min-width: 750px;
	margin-left:auto;
	margin-right:auto;
    text-align: left;
	width: 730px;
}

/*float: left;
position: absolute; 
margin-left: 50px;*/

float: left;
width: 100%;
overflow: hidden;
}


#hd {
	visibility: hidden;
	height: 0px;
}

img.reflect{
	border: 1px solid #000;
	margin-right: 2px;
}


#center .image img {
	border: 1px solid #000;
}

	img.bdw{
		border: 1px solid #fff;
	}
	
	img.bdb{
		border: 1px solid #000;
	}
	
#.image {
	padding: 0.25em;
	text-align: center;
	margin: 0;
}


.mini {
	float: left;
	margin: 1em;
	margin-top: 0.4em;
	margin-left: 4px;
	border: 1px solid #ffffff;
}


#foot {
	clear: both;
	text-align: center;
	font-size: 7pt;
	color: #000000;
	padding: 2px;
	border: 1px solid #000;
	background-image: url('../images/balken1.png');
	background-repeat: repeat-x;
	background-color: #CC7700;
}

#browser {
	clear: both;
	text-align: center;
	font-size: 10pt;
	color: #FFF;
	padding: 2px;
	border: 1px solid #fff;
	background-image: url('../images/browser.png');
	border: 1px solid #fff;
}

#sinfo {
    padding: 2px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-image: url('../images/info.png');
	background-repeat: repeat-x;
	background-color: gold;
	border: 1px solid #fff;
	color: #000000;
}

.gl {
	padding-top: 10px;
    padding-bottom: 5px;
	text-align: justify;
}

.gl li{
	list-style-type: none;
    display: inline;
	padding: 0px;
	padding-left: 2px;
	margin-bottom: 2px;
	/*border-left: 1px solid #2288CC;
	border-bottom: 1px solid #2288CC;*/
}

.gl ul {
	list-style-type: none;
    display: inline;
	padding: 0px;
    margin: 8px 0px 8px 0px;
}

.tb {
    padding-bottom: 5px;
}

.tb li{
	list-style-type: none;
    display: inline;
	padding: 0px;
	padding: 4px;
	margin-right: 10px;
	border-right: 2px solid #FFFFFF;
	background-image: url('../images/balken.gif');
	background-color: #77AADD;
}

.tb ul {
	list-style-type: none;
    display: inline;
	padding: 0px;
    margin: 8px 0px 8px 0px;
}

.hinweis {
	margin-top: 8px;
	text-align: center;
	font-size: 8pt;
	color: #FFE4E1;
	margin-bottom: 4px;
}


table {
	font: 1em Verdana, Arial, Helvetica, sans-serif;
	border-collapse: collapse;
	background-image: url('../images/background.png');
	color: #000000;
	margin-left:auto;
	margin-right:auto;

	}

th {
	padding: 0 0.5em;
	text-align: left;
	background: #ffc;
	background-image: url('../images/head.png');
	}

tr  {
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	}

td {
	border-bottom: 1px solid #CCC;
	padding: 0 0.5em;
	}
	
	#cntleft {
	margin-top:5px;
	float: left;
	}
	
	#cntright {
	margin-top:5px;
	margin-right:5px;
	float: right;
	}
	
	

.rahmen {
	padding: 5px; /* Abstand vom Inhalt zum Divrand */
	display: table; /* Wird wie eine Tabelle angezeigt */
	
	width: 350px;
	color: #000;
	border: 1px solid #000;
	padding: 0px;
	text-align: left;
	height: 160px;
	max-height: 160px;
	background-image: url(../images/background.png);
}

.title {
	color: #000000;
	padding: 0.25em;
	border-bottom:      1px solid #000;
	background-image: url(../images/balken2.png);
}

#bdiv, mdiv {
      float: left; 
      width: 360px; 
      margin-right: 10px;
}

.la {
	margin-top: 10px;
	font-size: 8pt;
}

/* Galerie */

/* general */

	p{
		margin:1em 0;
	}
	a{
		color:#f20;
		text-decoration:none;
	}
	a:hover{
		color:#999;
	}
	img{
		border:none;
	}

/* // general */

/* thumbnail list */

	ul#thumbs, ul#thumbs li{
		margin:0;
		padding:0;
		list-style:none;
	}
	
	ul#thumbs li{
		float:left;
		margin-right:5px;
		border:1px solid #fff;	
		padding:2px;
		margin-bottom:5px;
	}
	ul#thumbs a{
		display:block;
		float:left;
		width:100px;
		height:100px;
		line-height:100px;
		overflow:hidden;
		position:relative;
		z-index:1;	
	}
	ul#thumbs a img{
		float:left;
		position:absolute;
		top:-20px;
		left:-50px;	
	}
	
	ul#thumbs a img.hochformat{
		float:left;
		position:absolute;
		top:-20px;
		left:-10px;	
	}
	
	
		
	/* mouse over */
	
		ul#thumbs a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		ul#thumbs a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}
		
		ul#thumbs a:hover img.hochformat{
		margin-top: -35%;
		margin-left: -10%;
		}
	
	/* // mouse over */

	/* clearing floats */
	
	/* clearing floats */	
	li#thumbs:after{
   content:"."; 
   display:block; 
   height:0; 
   clear:both; 
   visibility:hidden;
	}

		ul#thumbs, li#thumbs{
			display:block;
			}
		/*  \*/
		ul#thumbs, li#thumbs{
			min-height:1%;
			}
		* html ul#thumbs, * html li#thumbs{
			height:1%;
			}	
	
	/* // clearing floats */

/* // thumbnail list */



	/* mouse over */
	
		p.thumb a:hover{
			overflow:visible;
			z-index:1000;
			border:none;		
		}
		p.thumb a:hover img{
			border:1px solid #999;	
			background:#fff;
			padding:2px;			
		}	
	
	/* // mouse over */	
	
	#centerdiv {
	min-width: 320px;
	margin-left:auto;
	margin-right:auto;
    text-align: left;
	width: 555px;
	text-align: justify;
	}
	
	#cntleft {
	margin-top:5px;
	float: left;
	}
	
	#cntright {
	margin-top:5px;
	margin-right:5px;
	float: right;
	}
	
	#cntcn {
	margin-top:5px;
	text-align: center;
	text-decoration: underline; 
	}
	
	#textklein {
	font-size: 0.7em;
	margin-top:5px;
	}

	
#event_list {
	width:440px;
	margin:0;
	float:left;
	padding:5px 0 0 0;
}
#event_list .search_listing {
	border:2px solid #BAD8E2;
	margin:5px 0 5px 0;
        -webkit-border-bottom-left-radius: 8px; -webkit-border-bottom-right-radius: 8px; -webkit-border-top-left-radius: 8px; -webkit-border-top-right-radius: 8px;
	-moz-border-radius-bottomleft: 8px; -moz-border-radius-bottomright: 8px; -moz-border-radius-topleft: 8px; -moz-border-radius-topright: 8px;
}

#event_list .search_listing .icon {
	float:left;
	margin: 4px;
}

.events {
	min-height: 300px;
}

