@charset "UTF-8"; 

@media all
{
    *
    {
        margin: 0;
        padding: 0;
    }   
    option
    {
        padding-left: 0.4em;
    }
    html
    {
        height: 100%;
        font-size: 100.01%
    }
    body
    {
        min-height: 101%; 
        font-size: 100.01%;  			
        position: relative; 
        color: #000000;
        background-color: #ffffff;
        text-align: left;
        font-family: Arial, Helvetica, sans-serif;
		  /*font-size: 75.00%;
		  color: #000000;*/
     }
    fieldset, img
    {
        border: 0;
    }    
    select, input, textarea
    {
        font-size: 99%;
    }

    /* Basis */

    #header
    {
        position: relative;
    }

    #topnav
    {
        position: absolute;
        top: 10px;
        right: 10px;
        color: #FFFFFF;
        background-color: transparent;
        text-align: right; 
    }

    #nav
    {
        clear: both;
        width: auto;
    }
    #main
    {
        clear: both;
        width: auto;
    }

    #col1
    {
        float: left;
        width: 200px; 
    }

    #col2
    {
	float: left; 
	padding-top: 30em;
    }

    #col3
    {
        width: 300%;
        margin-left: 10px; 
        margin-right: 10px; 		  
    }

    #footer
    {
        clear: both;
    }
    
    #col1
    {
        z-index: 3;
    }
    #col2
    {
        z-index: 5;
    }
    #col3
    {
        z-index: 1;
    }
    #col1_content
    {
        z-index: 4;
    }
    #col2_content
    {
        z-index: 6;
    }
    #col3_content
    {
        z-index: 2;
    }

    #col1_content, #col2_content, #col3_content
    {
        position: relative;
    }      
    
    .clearfix:after
    {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    } 
    
    .clearfix
    {
        display: block;
    }         
    
    .floatbox
    {
        overflow: hidden;
    }       
    
    #ie_clearing
    {
        display: none;
    }    
   
    hr.clear_columns
    {
        clear: both;
        float: left;
        content: ".";
        display: block;
        height: 0;
        line-height: 0px;
        visibility: hidden;
        border: 0;
        padding: 0;
        margin: -1.1em 0 0 0; 
    }     
    	/* 
	Listen
	*/

    ul, ol, dl
    {
        margin: 0 0 1em 1em;
    }
    li
    {
        margin-left: 1.5em;
        line-height: 1.5em;
    }

    dt
    {
        font-weight: bold;
    }
    dd
    {
        margin: 0 0 1em 2em;
    }

    blockquote, cite
    {
        margin: 0 0 1em 1.5em;
        font-size: 0.93em;
        width: auto;
    }      

    .subcolumns
    {
        width: 100%;
        padding: 0 1px 0 1px;
        margin: 0 -1px 0 -1px;
        overflow: hidden;
    }

    .c50l, .c25l, .c33l, .c38l, .c66l, .c75l, .c62l
    {
        float: left;
        overflow: hidden;
    }
    .c50r, .c25r, .c33r, .c38r, .c66r, .c75r, .c62r
    {
        float: right;
        overflow: hidden;
    }

    .c25l, .c25r
    {
        width: 24.999%;
    }
    .c33l, .c33r
    {
        width: 33.333%;
    }
    .c50l, .c50r
    {
        width: 49.999%;
    }
    .c66l, .c66r
    {
        width: 66.666%;
    }
    .c75l, .c75r
    {
        width: 74.999%;
    }
    .c38l, .c38r
    {
        width: 38.196%;
    }
    /* Goldener Schnitt */
    .c62l, .c62r
    {
        width: 61.803%;
    }
    /* Goldener Schnitt */

    .subc
    {
        padding: 0 0.5em 0 0.5em;
        overflow: hidden;
    }
    .subcl
    {
        padding: 0 1em 0 0;
        overflow: hidden;
    }
    .subcr
    {
        padding: 0 0 0 1em;
        overflow: hidden;
    }   
   
  h1,h3,h4,h5,h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #000000;
	margin: 0 0 0.25em 0;
  }
  .watermark {
	color: #A9A9A9;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: White;
}
 .watermark2 {
	color: #A9A9A9;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: White;
}
.watermark3 {
	color: #cccccc;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: White;
	font-size: XX-small;
}
.rightline  
{
	border-right: 1px solid #DCDCDC;
}
.widget  
{
	border-left: 1px solid #DCDCDC;
	color: Silver;
}
.literal {
	text-align: center;
	font: bold 200% Arial;
	color: #6495ED;
	margin: 20px;
}
 	.tree {
	text-align: left;
	}
	.tree-small {
	text-align: left;
	font-size: x-small;
	}
  h1 {
	font-size: 150%;
	font-weight: bold;
}                        /* 24px */
  h2 { font-size: 110%; font-weight: bold;}          /* 24px */
  h3 {font-size: 105%;
	}                        /* 18px */
  h4 {
	font-size: 25%;
	color: Silver;
	text-decoration: none;
	font-weight: normal;
}                     /* 16px */
 .hint {
	font-size: 85%;
	color: #6495ED;
	font-style: italic;
}                     /* 16px */
  h5 { font-size: 105% }                     /* 14px */
  h6 { font-size: 75%; font-style:italic }  /* 14px */
  #header h1 {
    font-size:2.0em;
    line-height:90%;
    color:#000000;
  }
   #header span {
    color:#000000;
  }
  p { line-height: 1.5em; margin: 0 0 1em 0; }
  /* ### Lists | Listen  #### */
  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em }
  li { margin-left: 1.5em; line-height: 1.5em }
  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }
  /* ### text formatting | Textauszeichnung ### */
  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }
  strong,b { font-weight: bold }
  em,i { font-style:italic }
  pre, code { font-family: monospace; font-size: 1.1em; }
  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }
  /**
  * Generic Content Classes   */
  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}

.error2 {
border: 1px solid;
padding:8px 5px 8px 8px;
font-family:Arial, Helvetica, sans-serif; 
font-size:13px;
}
.info {
color: #00529B;
background: #BDE5F8 url('http://i.ihrspielplatz.de/images/info.png') no-repeat ;
/*background-position: -227px -287px -250px -50px ; */
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
background-image: url('http://www.ihrspielplatz.de/images/success.png');
/*background: #DFF2BF url('http://i.ihrspielplatz.de/images/bg_all.gif') no-repeat ;
background-position: -100px -287px -200px -100px 50px 50px;*/
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://www.ihrspielplatz.de/images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://www.ihrspielplatz.de/images/error.png');
}
.error2 {
color: #D8000C;
background-color: #FFBABA;
}

  .warning2 {	background: #fdd;
 		padding-left: 0.25em;
		padding-top: 0.25em;
		padding-bottom: 0.25em;
		margin-left: 0.5em;
		border-bottom: 1px red solid;
 		border-top: 1px red solid;
 		border-left: 1px red solid;
 		border-right: 1px red solid;}
  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_left2 { float: left; display:inline; top:-200px; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1px; margin-bottom: 1px;  }
  .float_left3 { float: left; display:inline; margin-left: 1px; margin-bottom: 1px; padding-left: 20px; }
  .center { text-align:center; margin: 0.5em auto }
  /**
  * External Links  */
  a {color: #3458A6; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#3458A6; text-decoration:underline;}
  #topnav a {
	color: #00008B;
	font-weight: 100;
	background: transparent;
	text-decoration: none;
	font-size: 75.00%;
}
  #topnav a:focus, 
  #topnav a:hover,
  #topnav a:active { text-decoration:underline; background-color: transparent;}
  #footer a { color: #999; background:transparent; font-weight: bold;}
  #footer a:focus, 
  #footer a:hover,
  #footer a:active {color: #4D87C7; background-color: transparent; text-decoration:underline;}

  table { width: auto; border-collapse:collapse; margin-bottom: 0.5em; }
  table.full { width: 100%; }
  table.fixed { table-layout:fixed }
  th,td { padding: 0.5em; }
  thead th {
	color: #000000;
}
  tbody th {
	color: #000000;
}
  tbody th.sub {
	background: transparent;
	color: #000000;
}
  hr {
    color: #000000;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }
  .ro {
	background:url("") top right no-repeat;
	margin:0;
	padding:0;
	min-width:800px
}
.lo {
	background:url("") top left no-repeat;
	margin:0;
	padding:0;
}
.ru {
	background:url("") bottom right no-repeat;
	margin:0;
	padding:0;
}
.lu {
	background:url("") bottom left no-repeat;
	margin:0;
	padding:0 0 3.5em 0;
}
.inhalt {
	margin: 0;
	padding: 3% 0 0 2em;
}
.inhalt p {
	margin:0;
	padding:0;
}         
    
}     /*  Ende media all */

/* Skiplink-Navigation */
@media screen, print
{
    .skip
    {
        position: absolute;
        left: -1000em;
        width: 20em;
    }                        

body > #wrap {
    height: auto;
    min-height: 100%;
}
body {
	padding: 25px 15px 15px 25px;
	background-color: #FFFFFF;
}
  #page{padding}
  #page_margins {
	min-width: 900px;
	max-width: 105em;
	margin: 0 2em;
	border: 0px #889 solid;
}
   /* #header
    {  }   */
    
    #header img
    {
        margin: 0;
        font-size: 208%;
    }
    
    #topnav
    {
	color: #000000;
	right: 0px;
	top: -30px;
	width: 200px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	background-color: transparent;
	border-bottom-style: none;
}
  #nav
	{
		margin: 0;
	}
    
  #nav_main
    {
	margin: 0;
}

    /* Formatierung der Fußzeile */
  #footer
    {	
	color: #999;
	background-color: Transparent;
	padding: 0 0 0 90px;
	line-height: 3em;
	width: 850px;
	text-align: center;
	font: xx-small Arial; 
	}
 #review
    {
	color: #999;
	background-color: Transparent;
	width: 490px;
	text-align: left;
	font: xx-small Arial; 
	}



    /* ###################################################################################################### */
    #main
    {
	background-color: Transparent;
	padding: 0;
}
    #col1
    {
	width: 16em;
	}
    #col1_content
    {
	left: -10px;
	margin-right: 0.5em;
	margin-top: 2em;
	font-size: 100.00%;
	background: transparent;
	text-align: center;
	font: x-small Arial;
}
   #col2_content
    {
	width: 16em;
	font-size: 100.00%;
	background: transparent;
	text-align: center;
	left:55em;
	top:-25em
}
    #col3
    {
	margin-left: 0;
	margin-right: 0em;
	border-left: solid 16em #FFFFFF;
	border-right: solid 1em #FFFFFF;
	border-top: solid 4em #FFFFFF;
	color: Black;
	width: auto;
}
    #col3_content
    {
	margin:2px 0px 0px 170px; 
	font-size: 100.00%;
	color: Black;
	min-width: 400px;
	max-width: 600px;
	left: -15em;
	top:-1em
}
	}
body
{
	font-size: 8pt;
	font-family: Verdana;
	background-color: transparent;
}
/*   Forum CSS bis 470 topheader*/
                   
.topheader1 {margin-bottom:15px;}
.topheader1 table {height:25px;border-collapse:separate;width:100%;background-color:Transparent;font-size:100%;background-image:url(http://www.ihrspielplatz.de/images/for_bg.jpg);}
.topheader1 td {height:25px;}
.topheader1 th {height:25px;background-image:url(http://www.ihrspielplatz.de/images/for_bg.jpg);color:White;white-space:nowrap;font-weight:normal;}
.topheader1 a {color:White;text-decoration:none;}
.topheader1 a:hover{text-decoration:underline;color:White;}
.topheader1 th.menuitem {color:white;text-align:center;width:12%;border-left:1px solid #9FAABF;border-right:1px solid #606D85;white-space:nowrap;padding-left:5px;padding-right:5px;}
.topheader1 th.rightitem {border-left:1px solid #9FAABF;border-right:none;}

.topheader {
   margin-bottom: 0px;
	background: transparent;
	font-weight: bold;
	Font-family: Arial, Helvetica, sans-serif;
	Font-Size: 200%;
	Color: #333333;
}
.topheader table {height:0px;border-collapse:separate;width:100%;background-color:Transparent;font-size:100%;}
.topheader td {height:0px;}
.topheader th {
	height: 0px;
	color: #00008B;
	white-space: nowrap;
}
.topheader a {
	color: #00008B;
	font-weight: normal;
	text-decoration: none;
}
.topheader a:hover{text-decoration:underline;}
.topheader th.menuitem {
	color: #00008B;
	text-align: center;
	width: 90px;
}
.topheader td.outerheader {width:6px;}
/*header*/
.header table {font-size: 8pt;background-color:Transparent;width:100%;height:1px;border:none;}
.header td {white-space:nowrap;}
.header h1 {font-weight: normal;font-size: 18pt;margin-bottom: 0px;font-family: 'Arial Narrow';margin-top:5px;}
.header a {color: #333399;text-decoration: none;}
.header a:hover{text-decoration: underline;}
.header img{vertical-align:middle;border:none;}
/*main body*/
.forumcontent table {font-size:100%;border-collapse:collapse;}
.forumcontent h1 {font-weight:normal;font-size:18pt;margin-bottom:0px;font-family:Tahoma, Arial;}
.forumcontent h2 {font-weight:normal;margin-bottom:0px;font-size:150%;margin-top:0px;font-family:Tahoma, Arial;}
.forumcontent h3 {font-weight:bold;font-size:100%;margin:4px;}
.forumcontent a {color:#333399;text-decoration:none;}
.forumcontent a:hover{text-decoration:underline;}
.forumcontent th {background-image:url(http://www.ihrspielplatz.de/images/for_bg.jpg);color:White;font-weight:bold;font-size:100%;text-align:justify;padding:0px 5px 0px 5px;height:30px;border:1px solid #9FAABF;}
.forumcontent th a {color:White;font-size:100%;font-weight:normal;text-decoration:none;}
.forumcontent th a:hover{text-decoration:underline;}
.forumcontent td {border:1px solid silver;background-color:#FFFFFF;}
.forumcontent table.noouterborder {border:none;}
.forumcontent table.noouterborder td, .forumcontent table.noouterborder th {border:none;}
.forumcontent table.noborder {border:1px solid silver;}
.forumcontent table.noborder td, .forumcontent table.noborder th {border:none;}
.forumcontent img{vertical-align:middle;border:none;}
.forumcontent hr{height:1px;border:none;color:silver;background:silver;}
.forumcontent div.location{margin-top:21px;margin-bottom:21px;}
.forumcontent div.smalltoolbar{margin-bottom:3px;text-align:right;margin-top:3px;}

td.outerheader {width:6px;background-color:Transparent;}

.forumcontent .gray, .header .gray {color:#999999;font-size:8pt;font-weight:normal}
.forumcontent th .gray {color:#CCCCCC;}
.forumcontent .gray a, .header .gray a {color:#727299;}
.forumcontent .radiolist td {text-align:left;}

/* inputs */
.forumcontent input[type="file"],
.forumcontent input[type="password"],
.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.forumcontent input[type="text"],
.header input[type="file"],
.header input[type="password"],
.header input[type="button"],
.header input[type="submit"],
.header input[type="text"],
button,
select {border: 1px solid silver;font-family:Tahoma, Arial;font-size:9pt;vertical-align:middle;height:22px;}
textarea {border: 1px solid Silver;font-family:Tahoma, Arial;font-size:9pt;vertical-align:middle;}

.forumcontent input[type="password"],
.forumcontent input[type="text"],
.header input[type="password"],
.header input[type="text"]{height:14px;padding-top:3px;padding-bottom:3px;}

.forumcontent input[type="text"], textarea, select {padding-right:0px;padding-left:0px}

.forumcontent input[type="checkbox"],
.header input[type="checkbox"]{vertical-align:middle;}

.forumcontent input[type="button"],
.forumcontent input[type="submit"],
.header input[type="button"],
.header input[type="submit"],
.forumcontent button {background:green url('http://www.ihrspielplatz.de/images/for_bg.jpg');color:Black;cursor:pointer;}
.forumcontent input[type="button"]:hover, 
.forumcontent input[type="submit"]:hover,
.header input[type="button"]:hover,
.header input[type="submit"]:hover,
button:hover {background:slategray url('http://www.ihrspielplatz.de/images/for_bg.jpg');}

.gradientbutton {background:url('http://www.ihrspielplatz.de/images/for_bg.jpg');color:Black;font-size:100%;border:1px solid slategray;}

/* other classes */
img.avatar {border:1px solid #bbbbbb; padding:2px 2px 2px 2px; -ms-interpolation-mode:bicubic; margin-bottom:3px;}
div.quote{color:#7777aa;text-decoration:none;padding-left:15px;}
 /* Forum Ende*/

#roll a {
width: 120px; /* sets the width of your buttons, remove this line if you want variable width */
display: inline-block;
text-decoration: none;
}
#roll ul {
margin: 0;
padding: 0;
list-style: none;
}
#roll ul li {
list-style-type: none;
background: none;
}
#roll ul li a, #roll ul li a:visited {
	/* styles for the default button state */
	margin: 0 0 5px 0;
	padding: 0 8px 0 8px;
	line-height: 21px; /* this value must be at least twice the border-radius value */
	color: #6495ED;
	background: #F8F8FF;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 12px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#roll ul li a:hover {
	/* styles for the rollover button state */
	color: #F8F8FF;
	background: #6495ED;
}
.clear {
	/* Container (z.B. div)  */
	overflow: hidden;
	width: 250px;
	text-align: left;
	margin-left: 650px;
}
.clear2 {
	/* Container (z.B. div)  */
	overflow: hidden;
	width: 400px;
	text-align: left;
	margin-left: 400px;
}
a.button {
   background: transparent url(http://www.ihrspielplatz.de/images/bg_button_a.gif) no-repeat top right;
   font: normal 12px arial, sans-serif;
   color: #666!important;
   display: block;
   float: left;
   height: 24px;
   margin-right: 6px;
   padding-right: 18px; /*sliding doors padding */
   text-decoration: none;
}
a.button span {
   background: transparent url(http://www.ihrspielplatz.de/images/bg_button_div.gif) no-repeat;
   display: block;
   line-height: 14px;
   padding: 5px 0 5px 18px;
}
a.button:active {
   background-position: bottom right;
   color: #000;
   outline: none; /* die gepunktete Linie im FF abschalten */
}
a.button:active span {
   background-position: bottom left;
   color: #000!important;
   padding: 6px 0 4px 18px; /* Text 1px nach unten verschieben */
} 
a.button:hover {
   text-decoration: none;
   color: #000!important;
} 
.collapsePanel {
	width: 640px;
	height:0px;
	background-color:white;
	overflow:hidden;
}
.collapsePanelHeader{	
	width:640px;		
	height:20px;
	color: Yellow;
	background-color: Black;
	font-weight:bold;
	float:left;
	padding:5px; 
	cursor: pointer; 
	vertical-align: middle;
}
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}
.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}
.accordionLink
{
 background-color: #D3DEEF;
    color: white;
}
.watermark {
	background: #FFAAFF;
}
.popupControl {
	background-color:#AAD4FF;
	position:absolute;
	visibility:hidden;
	border-style:solid;
	border-color: Black;
	border-width: 2px;
}
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}
.modalPopup {
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}
.sampleStyleA {
	background-color:#FFF;
}
.sampleStyleB {
	background-color:#FFF;
	font-family:monospace;
	font-size:10pt;
	font-weight:bold;
}
.sampleStyleC {
	background-color:#ddffdd;
	font-family:sans-serif;
	font-size:10pt;
	font-style:italic;
}
.sampleStyleD {
	background-color:Blue;
	color:White;
	font-family:Arial;
	font-size:10pt;
}
.bwDataListItem 
{
	background-image: url(http://www.ihrspielplatz.de/images/bg_blue-3_.png);
}
.title
{
font-size: 100%; 
font-weight: bold;
color:  Navy;
 }
div.cloud {
        border:1px dotted #666;
        padding:20px;
        width:450px;
        font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
     }
div.cloud a
     {
        text-decoration:none;
     }
div.cloud a:hover{text-decoration:underline;background-color:#CCFFCC;}
.tagcloud {
        border:1px dotted #3366CC;
        padding:20px;
        width:450px;
        font-family:Trebuchet MS, Arial, Verdana, Sans-Serif;
     }
    .tagcloud a
     {
        text-decoration:none;
     }
.lnkcld {width:100%; text-align:center;}
        .lnkcld a {white-space:nowrap; margin-left:5px; margin-right:5px;}

/*
* Wetter
*/

#wetter {
height: 129px;
overflow: hidden;
padding: 0px;
color: #50a7bf;
font-size: 11px;
line-height: 13px;
}

#wetter h3 {
border-bottom: 1px dotted #8b8b8b;
color: #68868e;
font-size: 12px;
font-weight: normal;
padding-bottom: 5px;
margin-bottom: 5px;
margin-left: 5px;
}

#wetter h2 {
color: #68868e;
font-size: 11px;
line-height: 13px;
}

#wetter div.today {
border-bottom: 1px dotted #8b8b8b;
height: 55px;
padding-top: 3px;
font-size: 10px;
line-height: 13px;
margin-left: 5px;
}

#wetter div.today img {
padding-top: 3px;
}

#wetter #icon_0 {
float: left;
width: 45px;
}

#wetter #info_0 {
float: left;
padding-left: 4px;
padding-top:3px;
}

#wetter #fc_1,
#wetter #fc_2,
#wetter #fc_3 {
float: left;
width: 52px;
padding-top: 6px;
padding-left: 3px;
}

#wetter #icon_1,
#wetter #icon_2,
#wetter #icon_3 {
float: left;
padding-left: 5px;
}

#wetter #day_1,
#wetter #day_2,
#wetter #day_3 {
float: left;
color: #68868e;
font-weight: bold;
font-size: 10px;
padding-left: 3px;
padding-top: 4px;
}

#wetter #temp_1,
#wetter #temp_2,
#wetter #temp_3 {
float: left;
font-size: 9px;
padding-top: 3px;
width:50px;
}

.SortHeaderRowStyle { 
background-color: #3458A6; 
text-align: left; 
font-weight: bold; 
color: White; 
}

.nearer
{
float:left;
margin-left:5px;
background-image:url(http://www.ihrspielplatz.de/images/bg_1.png), url('http://i.ihrspielplatz.de/images/bg_near_bo.jpg');
background-position: top left, bottom left;
background-repeat: no-repeat;
width: 180px;
}

.neu
{
 width: 500px;

 }
.cen
{
 padding-top: 100px;
padding-left: 50px;
 }

body.transparent_widget{background-color:transparent;overflow:hidden}
.connect_widget{
padding-left: 12px;
background-color:transparent;
}
.connect_widget .connect_widget_interactive_area{border-collapse:collapse}
.connect_widget td.connect_widget_vertical_center{padding:0;border-spacing:0}
.connect_widget td.connect_widget_button_cell{vertical-align:top}
body.ie7 .connect_widget a.connect_widget_like_button1,
body.ie8 .connect_widget a.connect_widget_like_button1{position:relative;margin:6px 0 0 3px;border:0;background-color:transparent;padding:0;overflow:visible}
a.connect_widget_like_button1{display:block;float:left;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;padding:4px 5px;border:1px solid #000}
.button_count a.connect_widget_like_button1{padding:2px 4px}
.button_count a.connect_widget_like_button1 span{line-height:14px;line-height:13px}
a.connect_widget_like_button1:hover{text-decoration:none}
.connect_widget_like_button1 .vertical{display:block;top:-6px;left:0;margin:0 3px -6px 0;position:relative;padding:3px 4px 4px 3px;border-top:solid 1px;border-bottom:solid 1px}
.button_count .connect_widget_like_button1 .vertical{padding:2px 3px 3px 2px}
.connect_widget_like_button1 .horizontal{height:100%;width:100%;position:absolute;display:block;top:-3px;left:-3px;padding-left:1px;border-left:solid 1px;border-right:solid 1px}
.connect_widget_like_button1 .corner_mask{overflow:hidden;width:3px;height:3px;position:absolute;display:block}
.connect_widget_like_button1 .corner{background-image:url(http://www.ihrspielplatz.de/images/tu.png);height:6px;width:6px;display:block}
.connect_widget_like_button1 .topleft{top:-6px;left:-3px}
.connect_widget_like_button1 .topleft .corner{margin:0 0}
.connect_widget_like_button1 .topright{top:-6px;right:0}
.connect_widget_like_button1 .topright .corner{margin:0 0 0 -3px}
.connect_widget_like_button1 .bottomright{bottom:0;right:0}
.connect_widget_like_button1 .bottomright .corner{margin:-3px 0 0 -3px}
.connect_widget_like_button1 .bottomleft{bottom:0;left:-3px}
.connect_widget_like_button1 .bottomleft .corner{margin:-3px 0 0 0}
.connect_widget_like_button1 .liketext{color:#3b5998;display:block;padding-left:19px;white-space:nowrap}
.button_count .like_button_dark .like_button_no_like1 .liketext ,
.button_count .connect_widget_like_button1 .liketext{background-position:left -47px}
.connect_widget .like_button_no_like1 .piece,
.connect_widget .like_button_no_like1{
	border-color: #cad4e7;
	background: #eceef5 url(http://www.ihrspielplatz.de/images/tu.png) no-repeat;
	height: 15px;
}
.connect_widget .like_button_no_like1 .corner{background-position:9px 41px}
.connect_widget a.like_button_no_like1:hover .piece,
.connect_widget a.like_button_no_like1:hover{background-color:#eceef5;border-color:#9dacce}
.connect_widget .like_button_no_like1:hover .corner{background-position:9px 35px}
.connect_widget .like_button_pressed .connect_widget .like_button_pressed .piece{background-color:#ced4e6;border-color:#94a5ca}
.connect_widget .like_button_pressed .corner{background-position:9px 29px}
.connect_widget .like_button_like1 .connect_widget .like_button_like1 .piece{background-color:#6c83b9;border-color:#3a589b}
.connect_widget .like_button_like1 .corner{background-position:9px 23px}
.connect_widget .like_button_like1 .liketext .connect_widget .like_button_dark .like_button_like1 .liketext{color:#fff;background-position:left -18px}
.connect_widget .like_button_dark .like_button_no_like1 .connect_widget .like_button_dark .like_button_no_like1 .piece{background-color:#c7c7c7;border-color:#c7c7c7;border-top-color:#e2e2e2}
.connect_widget .like_button_dark .like_button_no_like1 .corner{background-position:9px 66px}
.connect_widget .like_button_dark .liketext{color:#333;background-position:left -3px}
.connect_widget .like_button_dark .like_button_no_like1:hover,
.connect_widget .like_button_dark .like_button_no_like1:hover .piece{background-color:#d9d9d9;border-color:#d9d9d9;border-top-color:#e9e9e9}
.connect_widget .like_button_dark .like_button_no_like1:hover .corner{background-position:9px 60px}
.connect_widget .like_button_dark .like_button_no_like_pressed,
.connect_widget .like_button_dark .like_button_no_like_pressed .piece{background-color:#a8a8a8;border-color:#a8a8a8;border-top-color:#8f8f8f}
.connect_widget .like_button_dark .like_button_no_like_pressed .corner{background-position:9px 54px}
.connect_widget .like_button_dark .like_button_like1,
.connect_widget .like_button_dark .like_button_like1 .piece{background-color:#6d84b4;border-color:#6d84b4;border-top-color:#576a90}
.connect_widget .like_button_dark .like_button_like1 .corner{background-position:9px 48px}
.connect_widget .connect_text_wrapper{position:relative}
.connect_widget_facebook_favicon{margin-left:5px}
.connect_widget .connect_widget_text{display:block;padding-left:23px}
.button_count .connect_widget_interactive_area .connect_widget_text{padding-left:5px;font-weight:bold}
.connect_widget .like_button_dark .connect_widget_text{color:#808080}
.connect_widget .like_button_dark .connect_widget_text a{color:#fff}
.connect_widget .connect_widget_connect_button{float:left}
.connect_widget .connect_bar_widget_interactive_area{float:left}
.connect_widget .connect_bar_widget_text_cell{width:400px}
.connect_widget .connect_widget_icon{padding:4px 0 4px 4px;vertical-align:middle}
.connect_widget a.connect_widget_link_inactive{color:#808080;text-decoration:none;cursor:default}
.connect_widget a.connect_widget_error_text{color:#a00;font-weight:bold}
.connect_widget div.connect_widget_comment_box{border-color:lightgray;border-style:solid;border-width:2px;height:65px;left:60px;position:absolute;top:30px;width:500px}
.connect_widget div.connect_widget_header_text{float:left;height:20px;overflow:hidden;padding-left:7px;padding-top:3px;width:200px;}
.connect_widget div.connect_widget_cancel_button{cursor:pointer;float:right;padding-right:7px;padding-top:3px}
.connect_widget div.connect_widget_comment_text_area_div{padding-left:7px;padding-top:2px}
.connect_widget textarea.connect_widget_comment_text_area{height:30px;width:476px}
.connect_widget .connect_widget_image{height:30px;width:30px;padding-top:3px;vertical-align:bottom}
.connect_widget a.name_tooltip_link{display:block}
.connect_widget a.name_tooltip_link .uiTooltipWrap:hover{display:none}
.connect_widget .connect_widget_name{text-align:center}
.connect_widget .connect_widget_sample_connection{float:left;padding-right:3px;width:30px;padding-top:5px}
.connect_widget .connect_widget_user_not_connected{display:none}
.connect_widget .connect_bar_widget_sample_connections{float:right}

#bootloader_css_connect_connect_widget_css {
	height: 42px;
	margin: 5px;
	padding-left: 5px;
	text-align: center;
}	

.kmedallioncontainer{
	left:-30px;
	width: 130px;
}
  
.mediapic {  
background-attachment:scroll;
background-color:white;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-color:#F8F8FF;
border-style:solid;
float:left;
height:105px;
margin-right:0.4em;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
text-align:center;
vertical-align:middle;
width:142px;
}
.mediapic2 {   
margin-top:10px;
padding-top:10px;
text-align:left;
/*vertical-align:left; */
width:142px;
font-size:9px;
margin-right:0.4em;
float:left;
} 
.mediapic-3 {               
background-attachment:scroll;
background-color:white;
background-image:none;
background-position:0 0;
background-repeat:repeat;
border-color:#F8F8FF;
border-style:solid;
float:left;
height:195px;
margin-right:0.4em;
padding-bottom:2px;
padding-left:2px;
padding-right:2px;
padding-top:2px;
text-align:center;
vertical-align:middle;
width:142px;
}
.meta {
margin-bottom:0;
float:left;
color:#666666;
font-size:85%; 
margin-right:50px;   
}
.sumi{
margin-bottom:1em;
margin-left:165px;
margin-right:50px;
padding-top:20px;
text-align:left;     	
	}
	
.listing{
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-bottom:1em;
margin-left:0;
margin-right:0;
display:list-item;
margin-top:1em;
	}
	
.float_right{
float:right;         	
	}

#logo-link,	#img-link01, #img-link02,
#img-link03, #img-link04, #img-link05,
#img-link06, #img-link07, #img-link08,
#img-link09, #img-link10, #img-link11,
#img-link12, #img-link13, #img-link14,
#img-link15, #img-link16, #img-link17,
#img-link18, #img-link19, #img-link20,
#img-link21, #img-link22, #img-link23 {
	text-decoration: none;  	
	background: url('http://i.ihrspielplatz.de/images/bg_all.gif');
	background-repeat:no-repeat;
	display: block;   	
}	
	
#logo-link {
	width: 300px;
	height: 82px;	
	display: block;
	}
	
#img-link01 {
	width: 100px;
	height: 32px;
	display: block;
	background-position: 0 -295px ;
}	

#img-link02 {
	width: 80px;
	height: 74px;
	display: block;
	background-position: -220px -100px;
	}

#img-link03 {
	width: 32px;
	height: 32px;
	display: block;
	background-position: -116px -100px ;
}

#img-link04 {
	width: 32px;
	height: 32px;
	background-position: -116px -100px ;
}

#img-link05 {
	width: 32px;
	height: 32px;
	background-position: -116px -100px ;
}

#img-link06 {
	width: 32px;
	height: 32px;
	background-position: -116px -100px ;
}


#img-link07 {
	width: 108px;
	height: 94px;
	background-position: 0px -188px ;
}

#img-link08 {
	width: 100px;
	height: 58px;
	background-position: 0px -100px ;
}

#img-link09 {
	width: 90px;
	height: 88px;
	background-position: -125px -192px ;
}

#img-link10 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -18px -376px ;
}
#img-link11 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -98px -372px ;
}
#img-link12 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -60px -372px ;
}
#img-link13 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -164px -372px ;
}
#img-link14 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -130px -372px ;
}
#img-link15 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -55px -410px ;
}
#img-link16 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -200px -372px ;
}
#img-link17 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -95px -410px ;
}
#img-link18 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -270px -372px ;
}
#img-link19 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -235px -372px ;
}
#img-link20 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -12px -410px ;
}
#img-link21 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -125px -410px ;
}
#img-link22 {
	width: 24px;
	height: 24px;
	padding-right: 7px;
	background-position: -159px -410px ;
}
#img-link23 {
	width: 100px;
	height: 24px;
	padding-right: 7px;
	background-position: -0px -340px ;
}

.left_down{
	top: 400px;
}

#footer ul li {
text-align:left;
white-space:nowrap;
}

#footer li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}           

.underl {

border-bottom-color:#DEE5D9;
border-bottom-style:solid;
border-bottom-width:1px;
color:#4E595F;
margin-right:50px;
}
.underll {    
border-bottom-color:#DEE5D9;
border-bottom-style:solid;
border-bottom-width:1px;
color: #999;
width: 82%   
}
 

#footer ul {
float:left;
width:20%;
display:block;
list-style-type:disc;
}

.nearfooter{
background-image:url('http://i.ihrspielplatz.de/images/bg_near_bo.jpg');
}    

.woli
{
	list-style: none;
list-style-type:none;
	text-align: left;
	display: block;
	text-decoration: none;
	padding: 5px;
	line-height: 25px; /* this value must be at least twice the border-radius value */
	color: Gray;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 14px;
}

ul.AspNet-Menu 
{
    position: static;
	 text-align: left;
	 vertical-align: middle;
}     

ul.AspNet-Menu, 
ul.AspNet-Menu ul
{
    margin: 0;
    padding: 0;
    display: block;  
}

ul.AspNet-Menu li
{
	position: relative;
	list-style: none;
	float: left;  	
}
/*ul.AspNet-Menu li a:hover
{}   */

ul.AspNet-Menu li a,
ul.AspNet-Menu li span
{
	display: block;
	text-decoration: none;
	padding: 5px;
	color: #4169E1;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: larger;
}

ul.AspNet-Menu ul
{
    position: absolute;
    visibility: hidden;    
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul ul
{
    visibility: hidden;
}

/* Add more rules here if your menus have more than three (3) tiers */
ul.AspNet-Menu li:hover ul,
ul.AspNet-Menu li li:hover ul,
ul.AspNet-Menu li li li:hover ul,
ul.AspNet-Menu li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li.AspNet-Menu-Hover ul,
ul.AspNet-Menu li li li.AspNet-Menu-Hover ul
{
    visibility: visible;
}

.AspNet-Menu-Vertical ul.AspNet-Menu li
{
    width: 100%;
}                          

#roll a {
	width: 110px; /* sets the width of your buttons, remove this line if you want variable width */
	display: inline-block;
	text-decoration: none;
	background: right;
	vertical-align: middle;
}
#roll ul {
margin: 0;
padding: 0;
list-style: none;
vertical-align: middle;
}
#roll ul li {
list-style-type: none;
background: none;
vertical-align: middle;
list-style: none;
list-style-type:none;
}
#roll ul li a, #roll ul li a:visited {
	/* styles for the default button state */
	margin: 5px 0 5px 0;
	padding: 0 8px 0 8px;
	line-height: 23px; /* this value must be at least twice the border-radius value */
	color: Gray;
	background: #F8F8FF;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 14px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align: middle;
}
#roll ul li a:hover {
	/* styles for the rollover button state */
	color: #2D61A6;
	background: ThreedFace;
	vertical-align: middle;
	margin: 5px 0 5px 0;
	padding: 0 8px 0 8px;
	line-height: 23px;
}
.AspNet-Menu-Link{
	margin: 5px 0 5px 0;
	padding: 0 8px 0 8px;
	line-height: 2px; /* this value must be at least twice the border-radius value */
	color: Gray;
	background: #F8F8FF;
	font-family: 'Lucida Grande', Tahoma, Verdana, sans-serif;
	font-size: 14px;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	vertical-align:  middle;	
}
.AspNet-Menu-Link img{	
	vertical-align:  baseline;
}
.um {
padding-top: 350px;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }
#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 113px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 900px;
	background-color: #C3C3C3;
}           

/* Social media  */

div.sociablebe
{
  margin: 16px 0;
}

.sociablebe_tagline
{
  font-weight: bold;
}

span.sociablebe_tagline
{
  position: relative;
}
span.sociablebe_tagline span
{
  display: none;
  width: 14em;
}
span.sociablebe_tagline:hover span
{
  position: absolute;
  display: block;
  top: -5em;
  background: #ffe;
  border: 1px solid #ccc;
  color: black;
  line-height: 1.25em;
}
.sociablebe span
{
  display: block;
}
.sociablebe ul
{
  display: inline;
  margin: 0 !important;
  padding: 0 !important;
}
.sociablebe ul li
{
  background: none;
  display: inline !important;
  list-style-type: none;
  margin: 0px !important;
  padding: 1px;
}
.sociablebe ul li:before
{
  content: "";
}
.sociablebe a
{
display: block;
  float: none;
  width: 24px;
  height: 24px;
  border: 0;
  margin: 0;
  padding: 0;
}

.sociablebe-hovers
{
  opacity: .5;
  -moz-opacity: .5;
  filter: alpha(opacity=50);
}
.sociablebe-hovers:hover
{
  opacity: 1;
  -moz-opacity: 1;
  filter: alpha(opacity=100);
}
     
.horiz {
margin-bottom:10px;
margin-left:0;
margin-right:0;
margin-top:10px;
padding-bottom:0;
padding-left:0;
padding-right:0;
padding-top:0;
}

 .horiz li {
display:inline;
float:left;
padding-right:10px;
}
#kachingle
{
padding-left: 25px;
}
.p_150
{
width: 255px;
background-color: #F2F2F2;
border-style: solid;
border-width: 1px;
border-color: #848484;
}