/* Eric Meyer's Reset CSS v2.0 - http://cssreset.com */
/*
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
*/




/* apply a natural box layout model to all elements */
*, *:before, *:after {
  -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
 }
 
 
 
* {	padding: 0; 
	margin: 0px;	
	outline: none;		
	font-family: 'Roboto Condensed','Scada', Verdana,'Sans serif';
	color: #4D4D4D;
	}
	
html {
}
	
body {	font-size: 0.9em;	
		background-color:#848484;
		background-image: url("images/shattered.png");	
		background-attachment: fixed;
		background-repeat: repeat;
		}

p {	font-weight:normal;
	font-size: 1em;
 }
	
h1 { font-weight:normal;
	color: #32B4E4;
	border: 0px solid white;
	font-size: 1.3em;
	background-color: #E6E6E6;
	border: 0px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	padding:5px;
	padding-left:0.4em;
	}

h2	{	font-weight:bold;
		color: #8EBC5F;
		padding: 2;
		font-size: 1.4em;
	}
h3	{	font-weight:normal;
		text-decoration: underline;
		line-height: 2.5em;
		font-size: 14px;
}

h4	{	font-weight:normal;
		font-size: 18px;
		text-decoration: none;
		margin-bottom: 15px;
}		

hr {	background-color: #cccccc; 
	border: 0px; 
	height: 1px; 
	color: #000000;
	}

td {
padding-bottom: 0px;
}

/*links*/
a {		font-weight:normal;
		text-decoration: none;
	/*	color: #3861A6;	*/
margin-bottom: 15px;		
		}
		
a.new {
		font-weight:normal;
		font-size: 1.1em;
		color: #3861A6;
		margin-bottom: 12px;
		padding-left: 16px;
		background-image: url(images/new.gif);
		background-repeat: no-repeat;
		background-position: left center
		}	

.button {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}			
.button:hover {
background-color: #E6E6E6;
		}			
		
.btn_login {
font-weight:normal;
		font-size: 1.3em;
		padding: 10px;
		background-color: #E6E6E6;
		background-repeat: no-repeat;
		background-position: 6px center;
		width: 200px;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
}


		
.new_page {
		background-image: url(images/add-file-16.png);
		}	
		
.move_page {
		background-image: url(images/list-16.png);
		}	

		
.add_article {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/t-shirt-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.add_article:hover {
background-color: #E6E6E6;
		}	
		
.add_list {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/add-list-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.add_list:hover {
background-color: #E6E6E6;
		}		
.add_link {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/add-link-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.add_link:hover {
background-color: #E6E6E6;
		}			
		



.add_user {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/add-user-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.add_user:hover {
background-color: #E6E6E6;
		}	

.export {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/excel-3-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.export:hover {
background-color: #E6E6E6;
		}	
		
.upload {font-weight:normal;
		font-size: 1.1em;
		padding: 15px;
		padding-left: 26px;
		background-image: url(images/upload-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: 200px;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.upload:hover {
background-color: #E6E6E6;
		}

	
		
.delete {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/delete-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;	
		}	

.delete:hover {
background-color: #E6E6E6;
		}	
		
.delete_post {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/delete-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;	
		margin-bottom:10px;
		}	

.delete_post:hover {
background-color: #E6E6E6;
		}	


		
.save {font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/save-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}	

.save:hover {
background-color: #E6E6E6;
		}	
	
.reset {
font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/undo-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		margin-top:0px;
		}
		
.reset:hover {
background-color: #E6E6E6;
		}		






		
		
		
.back {
font-weight:normal;
		font-size: 1.1em;
		padding: 5px;
		padding-left: 26px;
		background-image: url(images/cancel-16.png);
		background-repeat: no-repeat;
		background-position: 6px center;
		width: auto;
		border:0;
		margin-right: 0;
		cursor: pointer;		
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-left:0px;
		}
		
.back:hover {
background-color: #E6E6E6;
		}	
		


a.edit {
		font-weight:normal;
		font-size: 1.1em;
		color: #3861A6;
		margin-bottom: 12px;
		padding-left: 16px;
		text-indent: -5000px;
		background-image: url(images/edit.gif);
		background-repeat: no-repeat;
		background-position: left center
		}		
		
a.move {
		font-weight:normal;
		font-size: 1.1em;
		color: #3861A6;
		margin-bottom: 12px;
		padding-left: 26px;
		background-image: url(images/move.gif);
		background-repeat: no-repeat;
		background-position: left center
		}	
		
		
/* ausrichtung */
		
.center {	text-align: center;
		}		
.right	{ text-align: right;
}		


/* Special*/
.w30 {	width: 30%;
		float: left;
		margin-bottom: 15px;
		display:block;
		margin-right:20px;
		}

.w50 {	width: 49%;
		float: left;
		margin-bottom: 15px;
		display:block;
		margin-right:20px;
		}
		
.w100 {	width: 100%;
		float: left;
		margin-bottom: 15px;
		}
		
.margin 	{
		padding: 10px;
	padding-bottom: 0;
	margin:0;
		}


		
td.actions {
white-space:nowrap;
}
td.margin {
padding: 5px;
}





p.info	{	font-weight:normal;
		font-size: 1.1em;
		color: #5C9AC9;
		margin-bottom: 12px;
		padding-left: 20px;
		background-image: url(images/info.gif);
		background-repeat: no-repeat;
		background-position: left center
}		
p.error	{	font-weight:normal;
		font-size: 1.1em;
		color: #CF2223;
		margin-bottom: 12px;
		padding-left: 20px;
		background-image: url(images/error.gif);
		background-repeat: no-repeat;
		background-position: left center
}	

p.grey	{	font-weight:normal;
		font-size: 1.1em;
		color: #B3B3B3;
		margin-bottom: 12px;
}	

p.form_label	{	font-weight:bold;
		font-size: 12px;
		text-decoration: none;
		margin-bottom: 2px;
}
p.form_tip	{	
		font-size: 1.1em;
		text-decoration: none;
		margin-top: 2px;
}	
		

h2.green	{	
background-color: #EBFDD7;
padding: 10px;
margin-bottom:15px;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
	}
h2.red	{	
color: #FF0000;
background-color: #FFE6E6;
padding: 10px;
margin-bottom:15px;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
	}
	



		
/* bilder */		

img { 		border:0px;
		vertical-align: middle;
		margin-bottom:0.3em;
		}

		
/* forms*/
form {
margin-bottom: 12px;
}		
	

*[disabled] {
background-color: #E6E6E6;
}
	
input {
		border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		font-size: 1.3em;
		padding: 5px;
		font-weight: normal;
		margin:0;
		width: 80%;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		margin-bottom:15px;
}	

input.button{
		width: auto;	
				border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
		padding:5px;
}
input.button:hover{
		width: auto;	
		background-color: #E9E9E9;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
}

input.radio{
		width: auto;
		padding: 5px;
		padding-top:6px;
}

input.titel{
font-size: 1.5em;
font-weight: bold;
}	

input:focus,input:active{

}	
		
		
input.post {
		font-weight:normal;
		font-size: 12px;
		color: #3861A6;
		padding-left: 16px;
		background-image: url(images/page.gif);
		background-repeat: no-repeat;
		background-position: left center;
		border: 0px;
		width: auto;
		cursor: pointer;
		}


textarea{ border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		margin-right: 10px;
		width:100%;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
}
select{	border: 1px solid #CCCCCC;
		background-color: #FFFFFF;
		font-size: 1.3em;
		font-weight: normal;
		margin:0;
		padding: 5px;
		width: 82%;
		border-radius:5px;
		-moz-border-radius:5px;
		-khtml-border-radius:5px;
}
.checkbox {
width: auto;
margin: 3px;
margin-left: 0px;
}


option {
padding: 5px;
font-size: 1.3em;
margin:5px;
}


.tr_hover:hover {
		background-color: #EBFDD7;
		height:1em;
	}
	
.tr_hover_red:hover {
		background-color: #FFE6E6;
		height:1em;
		
	}
	
.no {
color: gray;
}	

#header {
		top: 0px;
		left:0;
		text-align: left;
		clear: both;
		width : 100%;
		padding-top:5px;
		background-image: url("images/shattered_dark.png");		
		background-attachment: fixed;
		background-repeat: repeat;
		position:fixed;
		height: 45px;
		z-index:1;
		color:white;
		-webkit-box-shadow: 0px 3px 5px rgba(50, 50, 50, 0.75);
		-moz-box-shadow:    0px 3px 5px rgba(50, 50, 50, 0.75);
		box-shadow:         0px 3px 5px rgba(50, 50, 50, 0.75);

	}

#header a {
		color:white;

	}

#header a:hover {
		color:white;
		border-bottom: 1px dotted white;
	}

#header p {
		color:white;
		
	}
	
#header p.big {
		color:white;
		font-size: 1.1em;
	}

#header .right {
		margin-right: 15px;
	}
#header .left{
		float:left;
		width:auto;
	}

#main { 
padding:0;
padding-left:180px;
position:absolute;
padding-top:70px;
padding-right: 10px;
float:left;
 min-height: calc(100% - 90px) !important;
  height: auto !important; /*min-height hack*/
display:block;
border:1px solid green;
}	




#main_full {
padding:0;
padding-left:180px;
position:absolute;
padding-top:70px;
padding-right: 10px;
float:left;
width: 100%;
display:block;
border:0px solid green;
height: calc(100% - 90px;) !important;
height: auto; /*min-height hack*/
margin-bottom:15px;
}



#logon {	
width: 650px;
height:500px;
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
margin: auto; 
border: 0px solid #FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
background-color: #FFFFFF;
-webkit-box-shadow: 0px 0px 10px 0px rgba(50, 50, 50, 0.75);
-moz-box-shadow:    0px 0px 10px 0px rgba(50, 50, 50, 0.75);
box-shadow:         0px 0px 10px 0px rgba(50, 50, 50, 0.75);
		}
#logon  p {
font-weight:normal;
font-size: 1em;
}
#logon  p.form_label {
font-weight:normal;
	font-size: 1.5em;
}
#logon  p.info {
font-weight:normal;
	font-size: 1em;
	margin-bottom:1.5em;
}				
		

#modul_actions {
margin-top: 10px;
margin-bottom: 20px;
border-bottom: 1px dotted #32B4E4;
padding-bottom: 4px;
}



/*MENU*/
#menu {	
float: left;
width: 160px;
top:70px;
left:0;
background-color:white;
border: white;
position:fixed;
-webkit-border-bottom-right-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-topright: 5px;
border-bottom-right-radius: 5px;
border-top-right-radius: 5px;
z-index:1;
}	

#menu ul p{	margin: 5px;
			font-weight: bold;
	padding-left:10px;
		}	
#menu ul{	margin:0;
	margin-bottom: 10px;

		}			
#menu li{	list-style: none;
		padding:5px;
		font-size: 1.2em;
	width: 100%;
	margin:0;
		}

#menu a {
	display:block;
	margin:0;
	padding:0;
	padding-left:5px;
border-left: 5px solid white;
	}

#menu a:hover {

	border-left: 5px solid grey;
	background-color: #E6E6E6;
	}

#menu a.active {
	border-left: 5px solid #32B4E4;
	background-color: #ECECEC;
	}
/*MENU*/

div.clear {	clear:both;
		}	



		
fieldset {
border: 0;
border-top: 1px solid #E2E2E2;
}

fieldset legend{
margin-bottom:1px;
}

fieldset.collapsible {
border-top: 1px solid #E2E2E2;
background-image: url(images/palBg.jpg);
background-repeat: repeat-x;
background-position: left top;
padding-top: 1em;
padding-bottom: 1.5em;
}

fieldset.collapsible legend {
color: #8ab858;
padding-left: 20px;
padding-right: 5px;
background-color: transparent;
background-image: url(images/palOpen.gif);
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
font-size: 1.2em;
}

fieldset.collapsed {
border-top: 1px solid #E2E2E2;
background-image: url(images/palBg.jpg);
background-repeat: repeat-x;
background-position: left top;
padding-top: 20px;
}

fieldset.collapsed * {
display: none;
}

fieldset.collapsed legend {
color: #8ab858;
padding-left: 18px;
padding-right: 3px;
background-color: transparent;
background-image: url(images/palClosed.gif);
background-repeat: no-repeat;
background-position: left center;
cursor: pointer;
display: block;
}




#content {
width: 100%;
float:left;
text-align: left;
border: 0px solid #FFFFFF;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
-webkit-border-bottom-left-radius: 0px;
-webkit-border-bottom-right-radius: 0px;
-moz-border-radius-bottomleft: 0px;
-moz-border-radius-bottomright: 0px;
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
background-color: #FFFFFF;
margin:0;
height:100%;	
padding-bottom:10px;
}

#content.w30 {
float:left;
width: 32%;
text-align: left;
background-color: #FFFFFF;
margin:0;
margin-right:15px;
margin-bottom:15px;
border-bottom: 4px solid #32B4E4;	
}

#content #mod_head {
border: 0px solid white;
font-size: 1.3em;
background-color: #E6E6E6;
border: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:5px;
padding-left:0.4em;
}

#content #mod_head p {
	color: #32B4E4;		
}
#content.pink #mod_head p {
	color: #EF289E;
}
#content.red #mod_head p {
	color: #fa0000;
}
#content.green #mod_head p {
	color: #3ED946;
}
#content  {
border-bottom: 4px solid #32B4E4;
}
#content.pink {
border-bottom: 4px solid #EF289E;
}
#content.red {
border-bottom: 4px solid #fa0000;
}
#content.green {
border-bottom: 4px solid #3ED946;
}

#attention {
background-color: #F2F2F2;
border: 1px solid #F5A9A9;
border-radius:5px;
-moz-border-radius:5px;
-khtml-border-radius:5px;
padding:0px;
}

#attention #attention_head {
background-color: white;
border: 0px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
padding:10px;
}
#attention #attention_head  p{
color: #fa0000;
font-size: 1.8em;
font-weight: 900;
}


a.home_action div{
	-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
	width:80px;
	padding:10px;
	float:left;
	margin-bottom:15px;
	margin-right:15px;
	text-align: center;
	}

a.home_action:hover div {
	background-color: #E6E6E6;
	}