/*
    Theme Name: Retro-Flashgames
    Theme URL: http://www.retro-flashgames.de/
    Description: Retro-Flashgames Design Theme
    Version: 1.0 / 01.2009
    Author: Manfred Lipowski
    Author URL: http://www.lipowski.de/
  */


body {
	background: #EFEFEF;
    width: 100%;
	height: 100%;
    margin: 0;
    padding: 0;
}

li {
line-height: 17px;
}

.buttfire {
    background: url(../grafik/butt-fire.gif);
	display: block;
	width: 98px;
	height: 31px;
	border: 0px;
}
.buttfire:hover {
    background: url(../grafik/butt-fire-hover.gif);
}
.buttexplo {
    background: url(../grafik/butt-explo.gif);
	display: block;
	width: 98px;
	height: 32px;
	border: 0px;
}
.buttexplo:hover {
    background: url(../grafik/butt-explo-hover.gif);
}
.buttinfo {
    background: url(../grafik/butt-info.gif);
	display: block;
	width: 98px;
	height: 29px;
	border: 0px;
}
.buttinfo:hover {
    background: url(../grafik/butt-info-hover.gif);
}
#top {
position:relative; top:8px;
    background: url(../grafik/topschatten.gif);
	width: 872px;
	height: 14px;
	}
#fuss {
position:relative;
    background: url(../grafik/fussschatten.gif);
	width: 872px;
	height: 14px;
	}
	
#seite {
    position:relative; top:8px;
    background: url(../grafik/seite.gif) repeat-y;
    width: 872px;
	padding: 0px;
	}

#seitenfarbe {
	width: 828px;
    margin: 0;
    padding: 8px;
	border: none;
}

#hauptmenue {
    background: url(../grafik/hauptmenue.gif);
    width: 844px;
	height: 42px;
	padding: 0px;
}

.hm_link {
    float: left;
    display: block;
	background-position: 0px 0px;
	vertical-align: middle;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #bbb;
	line-height: 42px;
	text-decoration: none;
}
.hm_link:hover {
    display: block;
    color: #3399FF;
    background: url(../grafik/hm_hover.gif) repeat-x;
}
.hm_akt {
    float: left;
	background-position: 0px 0px;
	background: url(../grafik/hm_hover.gif) repeat-x;
	vertical-align: middle;
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #73A906;
	height: 42px;
	line-height: 42px;
}

.inhalt {
    float: left;
    width: 632px;
    top:0px;
	left:0px;
	margin: 0px;
    padding: 0px;
	text-align: justify;
	font: 0.7em 'Lucida Grande', Verdana, Arial, Sans-Serif;
	color: #444;
	line-height:1.3em;
}

img { border: none; }	

.headline {
    background: url(../grafik/bg_headline.gif) repeat-x;
	width: 632px;
	height: 32px;
}
.headline-text {
    position: relative;
	top: 6px;
	font: 1.3em "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73A906;
	}
.headline-text2 {
    position: relative;
	font: 1.2em "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #73A906;
	height: 16px;
	}
.contentlink {
	color: #1679AB;
	text-decoration: none;
}
.contentlink2 {
    font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em;
	color: #1679AB;
	text-decoration: none;
}
.contentlink:hover {
		text-decoration: underline;
}
.contentlink2:hover { text-decoration: underline; }

a {
    font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em;
	color: #1679AB;
	text-decoration: none;
	height: 1.1em;
}
a:hover { text-decoration: none; }

#copy {
    background: #eee url(../grafik/menue_bg.gif) repeat-x;
    width: 844px;
	padding: 0px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	line-height: 15px;
	text-decoration: none;
    color: #999;
}

.copylink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
    color: #999;
}
.copylink:hover {
	text-decoration: underline;
	color: #3399FF;
}

.sidebarklein {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
    color: #bbb;
	line-height: 14px;
	text-align: left;
	text-indent: 12px;
}
.specials {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
    color: #999;
	line-height: 14px;
}
.kleinelinks {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 9px;
	text-decoration: none;
    color: #666;
	line-height: 14px;
	text-align: right;
}
.kleinelinks:hover {
	text-decoration: underline;
	color: #1679AB;
}

.menu {
    float: right;
  	margin: 0px;
    padding: 0px;
}

.menu-inhalt {
    background: #eee url(../grafik/menue_bg.gif) repeat-x;
    width: 188px;
    top:0px;
	margin: 0px;
    padding: 0px;
}

.sidebar_link {
	background-position: 0px 0px;
	display: block;
	vertical-align: middle;
	text-indent:8px;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #999A9B;
	font-weight: normal;
	text-align: left;
	height: 25px;
	width: 182px;
	line-height: 25px;
	text-decoration: none;
}
.sidebar_link:hover {
    background: url(../grafik/menue_hover.gif) repeat-x;
    color: #3399FF;
}
.sidebar_akt {
    background: url(../grafik/menue_akt.gif) repeat-x;
	background-position: 0px 0px;
	display: block;
	text-indent:8px;
	vertical-align: middle;
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #73A906;
	font-weight: normal;
	text-align: left;
	height: 25px;
	width: 182px;
	line-height: 25px;
}
.sidebar_sublink {
	background-position: 0px 0px;
	display: block;
	vertical-align: middle;
	text-align: left;
	text-indent:16px;
	font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #999;
	font-weight: normal;
	height: 23px;
	width: 182px;
	line-height: 23px;
	text-decoration: none;
}
.sidebar_sublink:hover {
    background: url(../grafik/menue_hover.gif) repeat-x;
    color: #3399FF;
}
.sidebar_subakt {
	background: url(../grafik/menue_akt.gif) repeat-x;
	background-position: 0px 0px;
	display: block;
	vertical-align: middle;
	text-align: left;
	text-indent:16px;
	font-size: 11px;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 0.8em; color: #73A906;
	font-weight: normal;
	height: 23px;
	width: 182px;
	line-height: 23px;
	text-decoration: none;
}

.contenttext {
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #444444;
	line-height: 14px;
	font-style: normal;
}
.box {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3B413B;
	font-size:11px;
	background: url(../grafik/menue_bg.gif) repeat-x;
	border: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #6C766C;
}
.hinweis {
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #ff0000;
	line-height: 13px;
	font-style: normal;
}
html {  min-height: 100.05%; }













.alert {
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #ff0000;
	line-height: 14px;
	font-style: normal;
}
.service {
    background: url(../grafik/servicebg01.gif) repeat-x;
    float:                  left;
    padding:                0 0 0 0;
    margin:                 0;
}
.servicetext {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
    color: #000000;
}
.servicelink {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	text-decoration: underline;
    color: #000000;
}
.servicelink:hover {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 10px;
	line-height: 14px;
	text-decoration: none;
    color: #000000;
}

.text {
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 10px;
	color: #000000;
	line-height: 13px;
	font-style: normal;
}



.sidebar_grey {
	color: #545352;
	background-position: 0px 0px;
	background-image:url(../grafik/block_grey.gif);
	display: block;
	vertical-align: middle;
	font-size: 10px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: right;
	height: 17px;
	width: 160px;
	line-height: 17px;
	text-decoration: none;
}















h1 {
font-size:              18px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
		line-height: 21px;
font-weight: 			bold;
font-style:				normal;
color:					#ff0000;
text-transform:			none;
margin:					0;
}
h2 {
	font-family:  Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 14px;
	color: #656463;
	line-height: 18px;
	font-style: normal;
text-transform:			none;
margin:					0;
}


.box_2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #284560;
	font-size:9px;
	background-color: #F9FFED;
	border: 1px;
	border-style: solid;
	border-width: 1px;
	border-color: #5795D1;
}




.abstand {
	background-position: 0px 0px;
	background-image:url(../grafik/abstand.gif);
	height: 20px;
	width: 33px;

}

.spielbeschreibung {
	font-family:  Comic Sans MS, Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size: 12px;
	color: #545352;
	line-height: 13px;
	font-style: normal;
	letter-spacing: 0.5px;
}


.info-box {
position: absolute;
top: 120px;
left: 120px;
padding: 1em;
visibility: hidden;
z-index: 999;
}


.linkrotbraun{
	background-color: #888;
	padding: 2px; 
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.1em; color: #ffffff;
	font-style: italic;
	}
.linkrotbraun:hover{
	background-color: #3366CC;
	text-decoration: none;
	}
.linkkontakt{
border: 0px;
	background-color: #FD6601;
	padding: 0.1em 0.1em 0.1em 0.1em; 
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.4em; color: #ffffff;
	font-style: italic;
	font-weight: bold;
	}
.linkkontakt:hover{
	background-color: #3366CC;
	text-decoration: none;
	}









#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_window a:link{
	padding: 0.1em 0.1em 0.1em 0.1em; 
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1679AB;
	}
#TB_window a:visited{
	padding: 0.1em 0.1em 0.1em 0.1em; 
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1679AB;
	font-style: italic;
	}
#TB_window a:hover {
	text-decoration: underline;
	}

#TB_window a:active{
	padding: 0.1em 0.1em 0.1em 0.1em; 
	text-decoration: none;
	font-family: "Trebuchet MS", Trebuchet MS, Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 1.2em; color: #1679AB;
	}
#TB_window a:focus{color: #666666;}

#TB_overlay {
	position: fixed;
	z-index:100px;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../grafik/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=50);
	moz-opacity: 0.50;
	opacity: 0.50;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #ffffff;
	z-index: 102;
	color:#000000;
	display:none;
	border: 8px solid #ffffff;
	text-align:left;
	top:50%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	border:none;
}