<style type="text/css">
.header p {
	margin:0px;
}
@font-face {
  font-family: 'Smokum';
  font-style: normal;
  font-weight: 400;
  src: local('Smokum'), local('Smokum-Regular'), url(http://themes.googleusercontent.com/static/fonts/smokum/v3/NUdvwLOnBJ8Rm0W3WYEzYQ.woff) format('woff');
}
#cookieNotice              {box-shadow:3px 3px ;position:fixed;bottom:0px;background-color:#c0c0c0;color:black;font-size:small;border:solid 2px black;padding:5px;padding-right:50px;text-align:center;width:935px;z-index:9999;}
#cookieNoticeCloser        {color:black;position:absolute;right:30px;bottom:20px;width:15px;height:15px;cursor:pointer}
/* Hyperlinks */
	

    /* This is the part for the CSS menu - these settings are for a horizontal menu */
    #dmenu{                         /* menu list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        position: static;           /* need this so that the z-index stuff works correctly */
        color: #000;                /* the default font color (not links) within the main menu container */
        z-index: 99;                /* push the menu up in the layer order a bit so it isn't hidden behind anything */
            /* Browser plug-ins like Flash or Quicktime may not allow you to overlap then with this menu! */
    }
    #dmenu li{                      /* top-level menu element */
    	font-family:Arial, Helvetica, sans-serif;
    	font-size:small;
        list-style-type: none;      /* disable the display of the list item bullets */
        float: left;                /* this is to allow for the horizontal main menu */       
        border:  1px black solid;   /* border for each of the main menu items */
        padding-left:10px;
        padding-right:10px; 
        background-image:none;

           
              
        color: #000;                /* main menu item font color (not links) */
        margin: 0px;                /* spacing between main menu items */
        height: 30px;     /* the height of each main menu item */
        display: block;
    } 
    #dmenu ul {                     /* third-level (or greater) menu element list elements */
        position: absolute;        /* this is so that it doesn't push that page content around on hover */
        margin: 0px;                /* space around the list container */
        padding: 0px;               /* space within the list container */
        list-style-type: none;      /* disable the display of the list item bullets */
        display: none;
        width: 120px;               /* should be the same as #dmenu li width */
        background-color: transparent;     /* sub-menu default background color */
      /*  border:  thin black solid;   the border around the sub-menu list */
        color: #000;                /* sub-menu default font color (not links) */
        z-index: 999;               /* want to be sure this is above the rest of the menu */
    }
 
    #dmenu ul li{                   /* second-level or greater menu element links */
        background-color: #ffc;     /* default background color for sub-menu container */
        color: #000;                /* default font color (not links) for sub-menu container */
        border: 1px black solid;   /* sub-menu item border settings */
        background-image:none; 	
        width: 120px;               /* should be the same as #dmenu li width */
        height: 20px;     /* the height of each main menu item */                
        margin: 0px;                /* spacing between sub-menu containers */
        padding: 3px;               /* This is for padding between menu items in the drop-downs */
      /*    width: 71px;              (padding
2) must be subtracted from #dmenu li width and set for this one, or borders won't display properly. */
    }
 
    #dmenu li a{                    /* top-level menu element links */
        text-decoration:none; 
        text-align: center;         /* text alignment in main menu item links */
        width: px;       /*    set this to #dmenu ul width */
        height: 23px;     /* the height of each main menu item */                
        padding-top:7px; 
        display: block;
        color:black;
    }
    
    #dmenu ul a {                   /* all the other level menu link elements */
        padding: 3px;
        margin: 0px;
        height: 20px;     /* the height of each sub menu item */                
        width:117px;       /*    set this to #dmenu ul width */
             /*  (padding 2) must be subtracted from #dmenu ul li width and set for this one, or borders won't display properly. */
        background-image:none;
        display: block;
        color:black;       

    }
 
    #dmenu a:hover,              /*    top-level hovering properties */
    #dmenu li:hover{
        display: block;
      /*  background-color: aqua; */
        color:red;
        background-image: none;color: red;background-color: aqua;        
    }
    
    #dmenu ul li:hover,             /* higher level hovering properties */
    #dmenu ul li a:hover{
        display: block;
        height: 20px;     /* the height of each sub menu item */                        
        width: 120px;       /*    set this to #dmenu ul width */
        background-image:none;
        color: red;
    }
 
    #dmenu ul ul{                   /* higher-level list containers */
        display: none;              /* don't display by default */
        position: absolute;
        margin-left: 120px;         /* this should be the width of #dmenu ul li */
        margin-top: -2em;           /* this will push the sub-menu up to the level of it's parent */
    }
 
    /* only non-MSIE browsers use this */
    #dmenu ul li>ul,
    #dmenu ul ul li>ul{
        margin-top: -2em;           /* should be set to the same as #dmenu ul ul margin-top */
    }
 
    /* additional sub-menu levels in the next 2 blocks. (For up to 5 levels of drop menus) */
    #dmenu li:hover ul ul,              
    #dmenu li:hover ul ul ul,
    #dmenu li:hover ul ul ul ul,
    #dmenu li:hover ul ul ul ul ul{
        display:none;
    }
 
    #dmenu li:hover ul,
    #dmenu ul li:hover ul,
    #dmenu ul ul li:hover ul,
    #dmenu ul ul ul li:hover ul,
    #dmenu ul ul ul ul li:hover ul{
        display:block;
    }
 
    li>ul {
        top: auto;
        left: auto;
    }
 
	.content {                      /* This is used for the content that will appear below the menu */
        clear: left;
    }
.navigation {
	position:absolute; top:234px;
	z-index:999;
}
	
body a {
	color:#FFFF00;
	text-decoration: underline;
}
body a:hover {
	color:#FF3300;;
	text-decoration: none;
}
.nava a {
	background-image:url('');
	background-repeat:no-repeat;
	color:aqua;	
}

.rahmen3 {
	border-style: solid;
	border-width: 1px;
	background-color: #FFFFFF;
}

.dieseite {
    border-width: 1px;
	border-style: solid;
	border-color:black;
	width: 1000px;
    margin: 0 auto; 
    padding:0px;
	background-image:url('images/backgrounds/bg-html2.gif');
	background-color:white}
.dieadminseite {
	width: 1000px;
	margin: 0 auto;
	padding: 1px;
	border: thin black solid;}


.header {
    position:relative;
    font-weight: bold;
	background-image: url(images/admin1.jpg); 
	color: white;
	background-color:;	
	background-repeat: repeat;
	height: 275px;
	margin:0px;
	padding:1px;
}
/* Headertitel */
.header h1 {
	font-weight: bold;
	font-style: italic;
	color: white;
	margin-bottom: 0;
	margin-left:10px;
}
.header h3 {
	font-weight: bold;
	font-style: italic;
	color: white;
	margin-top: 0;
	margin-left:10px;	
}
.navk {
	width:170px;
	list-style-type: none;
	position:absolute; left:0px;
	margin:0px;
}
.navk ul {
	list-style-type: none;
		margin:0px;
}
.navk li {
	list-style-type: none;
	margin:0px;
}

.navk a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color: #800000;
	display: block;
	padding-top: 7px;	
	padding-bottom: 7px;
}
.navk a:hover {
	background-color:orange;
}
.nav2 li {
	float: left;
}

.nav2 a {
    font-family:Arial, Helvetica, sans-serif;
    font-size:small;
	font-weight: bold;
	text-decoration: none;
	text-align:left;
	color: black;
	display: block;
	padding-top: 7px;	
	padding-bottom: 7px;
    border: 1px solid black;
    background-color: white;
	width:120px;
	background-image:none;
}
/* .naviaktiv a {
	font-weight: bold;
	text-decoration: none;
	color:  white;
	display: block;
    background-color: blue; 
	background-image: url('');
}
*/
.nav2 a:hover {
	font-weight: bold;
	text-decoration: none;
	width: 120px;
	display: block;
	color:   red;
	background-color: aqua;
	z-index:20;
}

img{
	border:0;
}
body{
	background-image:url('images/backgrounds/wueste.gif');
	font-family:Arial, Helvetica, sans-serif;
	font-size:medium;
	margin:0px;
}
.config{
	background-color: #808080;
	font-size:90%;
	padding:5px;
    position:relative;
    z-index:1;
}
.footer {
	font-size: medium;
	margin:0px;
    color: #FFFFFF;
    padding:1px;
	background-color: #663300;
/*	background-image:url('images/backgrounds/strasse.jpg'); */
	}
	/*
.footer a{
    color: blue;
    text-decoration:underline:
	}
.footer a:hover{
    color: white;
    text-decoration: underline:
	}
	*/
	
.admintable {
	font-size: medium;
	text-align:left;
    color: white;
    width:100%;
    padding:0px;
    margin:0px;
	background-color: blue;
	}

.content {
	font-size: medium;
	text-align:left;
	width:150px;
    color: white;
    
    padding:10px;
    margin:0px;
	background-color: purple;
	}
.main {
	border:1px transparent solid;
    clear: left;
	font-size:medium;;
	text-align:left;
	color:#FFFFFF;
	background-color:  ;
	background-image:url('images/backgrounds/strasse.jpg');
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	padding-left:15px;
	padding-right:15px;
	margin:0px;
	min-height:400px;
	z-index:1;
	}
.tablerahmen {
    clear: left;
	border-width: 1px;
	border-style: solid;
	background-color:white;
/*	padding-left:10px;
	padding-right:10px; */
}	
.rahmen1 {
    padding-left: 10px;
    padding-right:10px;
	border: 1px solid #FFFFFF;
	width:20px;

}
.rahmen {
	border: 1px solid #000000;	
}

.rahmen3 {
    padding-left: 10px;
    padding-right:10px;

	border: 1px solid #000000;	
	background-color:red;

}
.counter {
	font-size: medium;
	font-style:italic;
	font-weight:bold;
	text-align:center;
    padding:0px;
}
.sprache {
	position:absolute; left:680px;top:50px;
}
.sprache a {
	color:yellow;
}
.cart1 {
	font-size:small;	
	position:absolute; right:100px;top:0px;
}
.rahmenk {
	border: thin #000000 solid;
	margin: 20;
	padding: 10;
	width:140px;
	height:250px;
	text-align: center;
}
.rahmenk a {
	text-decoration:none;
	color:black;
	}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:895px; height:30px; position:relative; z-index:100; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:896px; w\idth:895px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
/* .menu ul ul {width:149px;} */
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:left; 
/* width:149px; */
position:relative;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color: black; 
/* width:138px; */padding-right:10px;
height:30px; border:1px solid #585752; border-width:1px 0 1px 1px; background: silver; padding-left:10px; line-height:29px;}
/* a hack so that IE5.5 faulty box model is corrected
* html .menu a, * html .menu a:visited {width:149px; w\idth:138px;} */
/* style the first level background */
.menu ul ul a{font-family:Arial, Helvetica, sans-serif;font-size:small;}
.menu ul a.drop, .menu ul a.drop:visited {background:#a6a299 url('images/blue-down.gif') no-repeat 130px center;}
.menu ul a.drop:hover{background:#c9ba65 url('images/grey-down.gif') no-repeat 130px center;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url('images/grey-arrow.gif') no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden; position:absolute;height:0;top:31px;left:0; 
/* width:149px;*/
border-top:1px solid #000;z-index:999;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;} */

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#fcd6a7;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#fcd6a7;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}
/*
==============================================================================================================================
 Version mit Grafiken  
==============================================================================================================================
*/
.gmenu {
  /* width:845px; */
   height:30px; position:relative; z-index:100;border-right:1px solid #585752; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .gmenu {width:846px; w\idth:845px;}
/* remove all the bullets, borders and padding from the default list styling */
.gmenu ul {padding:0;margin:0;list-style-type:none;}
.gmenu ul ul {width:149px;}
.gmenu ul ul li {width:149px;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.gmenu li {float:left;width:px;position:relative; }
/* style the links for the top level */
.gmenu a, .gmenu a:visited {display:block; text-align:center; font-size:12px;text-decoration:none; 
		color:black; 
		width:px; 
		height:30px;  
		background:silver;		background-image:url('');
		padding-left:0px; line-height:30px; font-weight:bold;}
	
/* a hack so that IE5.5 faulty box model is corrected 
* html .gmenu a, * html .gmenu a:visited {width:149px; w\idth:138px;}*/
/* style the first level background */
.gmenu ul a.top, .gmenu ul a.top:visited {background:#a6a299 url('images/blue-down.gif') no-repeat 130px center;}

/* style the second level background */
.gmenu ul ul a.drop, .gmenu ul ul a.drop:visited {background:#d4d8bd url('images/grey-arrow.gif') no-repeat 130px center;}
/* style the second level hover */
.gmenu ul ul a.drop:hover{background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.gmenu ul ul :hover > a.drop {background:#c9ba65 url('images/blue-arrow.gif') no-repeat 130px center;}
.gmenu ul ul a:hover{background:#c9ba65 none no-repeat 130px center;}
.gmenu ul ul :hover > a {background:#c9ba65 none no-repeat 130px center;}
/* style the third level background */
.gmenu ul ul ul a, .gmenu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.gmenu ul ul ul a:hover {background:#b2ab9b;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.gmenu ul ul {visibility:hidden; position:absolute;height:0;top:30px;left:0; width:149px;solid #000;z-index:999; }
/* another hack for IE5.5 */
* html .gmenu ul ul {top:30px;t\op:31px;}

/* position the third level flyout.menu */
.gmenu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.gmenu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.gmenu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.gmenu ul ul a, .gmenu ul ul a:visited { text-align:left; background:#e5e1d6; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border: 1px black solid;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .gmenu ul ul a, * html .gmenu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.gmenu a:hover, .gmenu ul ul a:hover{color:red; background-color:aqua;}
.gmenu :hover > a, .gmenu ul ul :hover > a {color:red;background-color:aqua;}
/* style the second level hover */
.gmenu ul ul a:hover{color:#000; background-color:aqua;	background-image:none; }
.gmenu ul ul :hover > a {color:#000; background:aqua;	background-image:none;}

/* make the second level visible when hover on first level list OR link */
.gmenu ul li:hover ul,
.gmenu ul a:hover ul{visibility:visible;}
/* keep the third level hidden when you hover on first level list OR link */
.gmenu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.gmenu ul :hover ul :hover ul{ visibility:visible;}
.suchen {
	position:absolute;
	left:830px;
	top:10px;
    margin: 0px;
	padding: 0px;
	font-size:small;
	 
}
.searchbox {
	display: block;
	background:url("images/suchfeld.gif") no-repeat scroll 0 0 transparent;
	float:left;
	height:19px;
	padding: 2px 0 0 10px;
	width:119px;
	border: 0;
}
.searchbt {

}
h1,h2,h3  {
	color:white;
	font-family: 'Smokum', cursive;
	font-weight:bold;
}
.main td {
	vertical-align:top;
}
.bildr{
border: 10px  ridge saddlebrown;
padding:10px;
margin:10px; }
	@media only screen and (max-width:1030px) {
		body{padding:0;}
		.dieseite, .main, .main2, .header, video {
			width:100%;		
			padding: 1px 0 0 0;
			margin: 0;	
			height:auto;
		}
		.header{height:150px}
	 	#bp2 {
 			display:none;
 		}
 	 	#bp3 {
 			display:block;
 		}
		
	}	
</style>

