*{font: normal 8pt Verdana, Arial, Helvetica, sans-serif;line-height: 10pt;color: #fff;}

html, body{width:100%;height:100%;}
body{background: #000 url("../main/pix/pam/body_bg.jpg") no-repeat fixed;background-size:cover; margin:0px;padding:0px;}
strong, b{font-weight:bold;}
a{ color: #fff;}
a:hover{ color: #fff; text-decoration: none; }

fieldset{border:0px;width:100%;padding:0;margin:0;}
button, select, option, input, select, textarea{color:#000}
button{padding:5px 10px;border: 1px solid #aaa; border-radius:5px;}
button:hover{border: 1px solid #fff;}
input, textarea{background:#eee url("../main/pix/input-bg.gif") repeat-x;border-radius:5px;border:1px solid #aaa;padding:5px;}
	input:hover,input:focus, textarea:hover, textarea:focus{border:1px solid #888;}
select {padding:0px;margin:5px 0px;}

p{padding:2px;margin:4px 0px;}
img {border:0px}

table{width:100%;}
	thead, thead th{background-color:#333;color:#fff;	font-size:9pt;padding:10px;font-weight:bold;vertical-align:middle;}
		thead a	{color:#fff;font-size:9pt;font-weight:bold;}
		thead a:hover{color:#fff;}
	td{vertical-align:top;padding:1px;}
		.groups_list td{vertical-align:top;padding:5px;}

.listing{border:0px;width:100%;border-collapse:collapse;}
	.listing tbody{background-color:#000;}
	.listing tbody td{vertical-align:middle;padding:5px 0px;}
	.listing tbody:nth-child(odd) {background-color:#111;}
	.listing tbody:hover{background-color:#333;}

h1
{
	font: normal 2.2em Verdana, Arial, Helvetica, sans-serif;
	color:#fff;
	margin:0px;
	padding:10px 0px;
	text-align:left;
}

h2{font-size: 1.4em;}
#wrapper{width:100%;height:100%;}
footer
{
	position:fixed;
	background-color:#000;
	padding: 15px 0px 10px 25px;
	width:100%;
	bottom:0px;
	left:0px;
	z-index:2;
	clear:both;
}

		footer a, footer span
		{
			height:26px;
			text-decoration:none;
			color:#222;
			padding-top:10px;
			display:block;
			float:left;
		}
	
		footer .link
		{
			height:26px;
			font: 8pt normal verdana, arial, helvetica, sans-serif;
			text-decoration:none;
			text-transform:uppercase;
			color:#fff;
			display:block;
			float:left;
		}

/* StandardContentKlassen */
#fullscreen_bg
{
	position:fixed;
	z-index:-100;
	opacity:0.3;
	min-height:100%;
	height:auto !important;
	height:100%;
	min-width:100%;
	width:auto !important;
	width:100%;
	margin:0 auto;
}

#infobox{position:relative;width:100%;background:url("../main/pix/black_bg.png");overflow:hidden;z-index:200;}
	#infobox ul{position:relative;margin:0 auto;float:left;left:50%}
		#infobox ul li{float:left;position:relative;right:50%;}
		#infobox ul li a, #infobox li span{display:block;padding:5px;text-decoration:none;color:#666}
		#infobox ul li a:hover{background:#666;color:#fff;}

main
{
	position:relative;
	display:block;
	background:url("../main/pix/black_bg.png");
	width:762px;
	min-height:200px;
	margin:0px auto;
	padding:0px 20px 60px 20px;
	z-index:1;
}


  
/* StandardContentKlassen */
#quick_shopping_cart
{
	position:absolute;
	top:10px;
	z-index:100;
	margin:10px 0px 10px 10px;
	text-align:center;
	width:150px;
	height:35px;
	padding:5px 10px;
	background: #F0EDF2 url("") no-repeat;
	border-radius: 8px;
}

	#quick_shopping_cart *
	{
		text-align:center;
		text-decoration:none;
		color:#000;
	}


	#quick_shopping_cart:hover
	{
		background: #f00 url("");
	}

.drop a:hover{text-decoration:none;}

li{padding:2px 0px;}

#wrap_element_submit{clear:both;}

#language	{width:120px;float:right;margin:60px 0px 0px 0px; padding:0px;}
#language img {width:25px;}
#language a {display:inline;padding:0px; margin:0px 5px; }

	#compile_time	{float:right;color:#fff;width:400px;}
		#compile_time a{color:#fff;}
.autocomplete{list-style:none;color:#fff;margin:0px;padding:0px;float:right; }
	.autocomplete span{display:block;padding:6px 5px 0px 0px; max-width:120px;white-space:nowrap;overflow:hidden;}

.submenu{margin:0px;padding:0px;}
.submenu ul, ul.form_elements{list-style:none;color:#fff;margin:0px;padding:0px;}
	.submenu li, ul.form_elements li, .autocomplete li{float:left;margin:0px 2px 0px 0px	}
	.submenu a, .submenu span, .autocomplete a{display:block;padding:5px;text-decoration:none;}
	.submenu a:hover{color:#ccc;}
	.submenu .selected{font-weight:bold;}

#modal
{
 	display:none;
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background:  url('../main/pix/waiting.gif') 50% 50% no-repeat;
    opacity:0.9;
    background-size: 30% auto;
}

#wrap_modal_container
{
    display:none;
    position:fixed;
    z-index:1000;
    top:0;
    left:0;
    height:100%;
    width:100%;
    background: url("../main/pix/black_bg.png");
    background-size: 30% auto;
}
#modal_container
{
    background-color: #fff;
    border:1px solid #000;
    border-radius:10px;
    box-shadow: 0px 0px 10px #000;
    position:fixed;
    top:50%;
    left:50%;
}
#modal_header
{
    padding:5px 5px;
    background-color: #888;
}
#modal_title{font-weight:bold;}
#close_modal_container
{
    display:block;
    background-repeat: no-repeat;
    width:16px;
    height:16px;
    float:right;
}
#modal_content
{
    clear:both;
    padding:5px;
}

body .loading {overflow: hidden;}/* When the body has the loading class, we turn the scrollbar off with overflow:hidden */
/*body .loading #modal {}​ Anytime the body has the loading class, our modal element will be visible */

.error_messages{color:#f00;font-weight:bold;}
 
.pager{	padding:5px 0px; margin:5px 0px;clear:left;}
.pager a{text-decoration:none;}
.marker{margin:10px;padding:5px; width:44px; height:20px;background-color:#df007a;}


.vs-context-menu{display:none;z-index:1000;position:absolute;background:#eee;border:1px solid #ccc;width:auto;border-radius:5px;font-size:13px;box-shadow:1px 1px 3px 1px #888;}
	.vs-context-menu ul{list-style:none;padding:0px;margin:0px;}
		.vs-context-menu li{clear:both;margin:0px;padding:3px;}
		.vs-context-menu ul a	{display:block;padding:4px 5px 4px 28px;text-decoration:none;color:#000;background-repeat:no-repeat;}
		.vs-context-menu ul li a:hover, .vs-context-menu ul li a:focus{color:#fff;background-color:#666;}
		.vs-context-menu .seperator {border-bottom:1px solid  #ccc;clear:both;}
		.vs-context-menu li a { background-position:5px 3px; }

#modal_edit
{
	opacity:0;
	position:fixed;
	z-index:10000;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background: url("../main/pix/black_bg.png")
}
	#modal_edit #close
	{
		position:absolute;
		z-index:10002;
		top:50%;
		left:50%;
		width:18px;height:18px;
		margin:-280px 0  0 310px;
	}
	#modal_edit #edit_overlay
	{
		position:absolute;
		z-index:10001;
		top:50%;
		left:50%;
		width:580px;
		height:600px;
		overflow:auto;
		padding:25px;
		margin:-290px 0  0 -300px;
		border:1px solid #000;
		background-color:#fff;
		border-radius:10px;
		box-shadow: 0px 0px 10px #000;
	}

#wrap_modal_container
{
 	display:none;
	position:fixed;
	z-index:1000;
	top:0;
	left:0;
	height:100%;
	width:100%;
    background: url("../main/pix/black_bg.png");
    background-size: 30% auto;
}

    #modal_container
    {
        background-color: #fff;
        border:1px solid #000;
        border-radius:10px;
        box-shadow: 0px 0px 10px #000;
        position:fixed;
        top:50%;
        left:50%;
    }
        #modal_header
        {
            padding:2px 5px;
            background-color: #888;
        }
        #modal_content
        {
            padding:5px;
        }


#help{display:none;z-index:1000;position:fixed;top:0;left:0;height:100%;width:100%;background: url("../main/pix/black_bg.png");}

#preview
{
	position:absolute;
	top:10%;left:20%;
	height:480px;width:720px;
	background-color:#fff;border:1px solid #000;
	padding:5px;
	overflow:auto;
	box-shadow:0px 5px 10px #000;
}
#help_frame
{
	position:absolute;
	top:20%;left:20%;
	height:60%;width:60%;
	background-color:#fff;
	border:1px solid #000;
	padding:5px;
	overflow:auto;
	box-shadow:0px 5px 10px #000;
}
#help_frame textarea{width:100%;}
#online_help{float:right;width:50px;}
#help_open{float:right;margin:0px;padding:0px;}
#help_edit{float:right;margin:0px;padding:0px;}
#help_open .thymian-icons, #help_close .thymian-icons, #help_edit .thymian-icons{width:18px;height:18px;margin:0px 2px;}
#help_close{float:right;}
#help_text{clear:both;}
#help_text *{color:#000;}

.cookie_info
{
	position:fixed;
	z-index:100000;
	bottom:0;
	width:100%;
	text-align:center;
	background:#666;
	color:#000;
	padding:10px;
}