/* qwikka-modell - Qwikka-Message 
 * @copyright       Copyright 2012, Qwikka
 * @link            http://www.qwikka.de
 * @package         qwikka
 * @version         v1.0.0
 * @lastmodified    $Date: 2012-10-09 22:46:00 +0100 (Di, 09 Okt 2012) $
 * @modified by		qwikka
 * @global items	background: #ffffff
         *		    color/navi-buttons: #888888
         *				background/navi-buttons: #66666;
         *        box-shadow: #444444 
         *				border/input/buttons: #aaaaaa;
         *				border/input/buttons:hover: #666666;
         *				background/buttons: #666666;
         *				background/buttons:hover: #aaaaaa;
		@message items background/buttons: #ee22ee;
										background/buttons:hover: #f093d1;
*/
/*@import('http://fonts.googleapis.com/css?family=Tangerine');*/
html {
	height: 100.3%;
	font-size: 62.5%;
}
body {
	/* text-align: center; */
	font-size: 1.2em/1.8em; 
	/*font-family: Verdana, sans-serif; */
	font-family: "Short Stack", Verdana, sans-serif;
	/*"Covered By Your Grace";*/
	/*"Patrick Hand";*/
	/*"Schoolbell"*/
/*Astigmatic*/
/*Tangerine*/
*/
}
}

* {margin: 0px; padding: 0px; border: 0px;}

h1, h2, h3, h4, h5, h6 {
	margin: 0em 0em 0.5em 0em; 
	color: #000000;
}
h1 {
	font-size: 2.2em; 
	padding-bottom: 0.4em;
	font-weight: normal;
}
div#header h1 {border: 0px;}
h2 {font-size: 2.0em;}
h3 {font-size: 1.8em;}
h4 {font-size: 1.6em;}
h5 {font-size: 1.4em;}
h6 {font-size: 1.2em;}

a {color: #0000cd; text-decoration: none;}
a:link {}
a:visited {color: #7777cd;}
a:hover {color: #0000cd;}
a:active {color: #0000cd;}

div#wrapper {
/*	width: 760px; */
/*min-width:760px;
max-width:960px;
*/
	margin: 0px 40px;
	/* text-align: left; */
	background: #FFFFFF;
}

div#header {
 margin: 10px;
	height: 40px;
	background: #FFFFFF;
	padding: 10px;
}
div#header img {
  float: left;
	 height: 40px;
}
div#header h1{
  float: left; 
	 width: 6.5em;
  padding-top:0.5em;
	 text-align:center;
	 background-color: #004080;
	 color: #ffffff;
font-family:"Finger Paint";
	 /*
  "Covered By Your Grace";
	 "Give You Glory";
	 "Covered By Your Grace";
	 */
	 font-weight:bold;
 -webkit-border-radius: 0.2em;
 -moz-border-radius: 0.2em;
 -khtml-border-radius: 0.2em;
 border-radius: 0.2em;
}
	

  div#nav {
  	padding: 2.5em;
   background: #0080C0;
   color: #ffffff;
   letter-spacing: 0.1em;    
   -webkit-border-radius: 0.5em;
   -moz-border-radius: 0.5em;
   -khtml-border-radius: 0.5em;
   border-radius: 0.5em;
   margin-bottom: 1em;
  }
  div#nav li {
  	margin-left: 10px;
		padding-bottom:2em;
	 	display: inline;
  }
  div#nav a {
		
		padding: 0.5em;
    color:#ffffff;
  	 font-size:2.2em;
  	 text-decoration: none; 
  	 font-weight: bold; 
  	 text-transform: uppercase; 
    border-top: 0.2em transparent solid;
    border-bottom: 0.2em transparent solid;
    -webkit-border-radius: 0.5em;
    -moz-border-radius: 0.5em;
    -khtml-border-radius: 0.5em;
    border-radius: 0.5em;
  }
/*div#nav a:hover, 
body#home li.navhome a,
body#navadmin li.navadmin a,
body#kontakt li.navkontakt a {
	border-top: 4px solid #FFFFFF;
}
*/
  div#nav a:hover, 
  body#home li.navhome a,
  body#message li.navmessage a,
  body#admin li.navadmin a,
  body#contact li.navcontact a {
    background:#66666;
    background: rgba(255,255,255,.25);
    color: #fffffff;
    border-top: 8px solid #ffffff;
  }
  div#nav img {
	   padding-bottom:2px;
	   height: 1.8em;
	   vertical-align:middle;
	 }
  div#nav li.navhome a {
    background: #FFFFFF;
    color: #0080C0;
    border-top: 6px solid #ffffff;
	 }
  body#home li.navhome a,
	 div#nav li.navhome a:hover{
    border-top: 6px solid #dc143c;
	 }
  body#message li.navmessage a,
	 div#nav li.navmessage a:hover {
    border-top: 8px solid #ee22aa;
	 }
  body#admin li.navadmin a,
	 div#nav li.navadmin a:hover {
    border-top: 8px solid #2222ee;
	 }
  body#contact li.navcontact a,
	 div#nav li.navcontact a:hover {
    border-top: 8px solid #ffaa11;
	 }
	 
	 

div#wrap_content {}

div#maintext {
	margin: 0px 10px 0px 0px;
 padding: 10px 10px;
	background: #ffffff;
}
div#maintext a {padding-bottom: 1px;}
div#maintext a:link {border-bottom: 1px solid #E3004F;}

#inpPicture  {
      background-color: #ffffff; 
			padding: 5px 5px;
      box-shadow: #444444 0.0em 0.0em 0.5em;
 border: 1px solid #2eb014;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  border-radius: 0.5em;
  }

body#home div#maintext ul {
   padding-left:1.5em;
		list-style-position:inside;
		color:#333333;
		font-size:1.8em;
}
	
div#col1 {padding: 20px 10px;}
div#col1 {
	float: left;
	width: 80px;
	background: #ffffff;
 border: 1px solid #2eb014;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  -khtml-border-radius: 0.5em;
  border-radius: 0.5em;
}
div#col1 ul {list-style-type: none; font-weight: bold;}
/*div#col1, div#col2, div#menu {padding: 20px 10px;}
div#col1 {
	float: left;
	width: 80px;
	background: #EBEBEB;
}
div#col2 {
	float: left;
	width: 80px;
	margin-left: 5px;
	background: #E5E5E5;
}

div#menu {
	float: right;
	width: 80px;
}
div#menu ul {list-style-type: none; font-weight: bold;}
div#menu ul ul {margin-left: 10px; font-weight: normal;}
div#menu li.subselect {
	border-left: 8px solid #E3004F; 
	padding-left: 4px; 
	margin-left: -12px;
}

body#home.aepfel li.aepfel a {
	border-left: 8px solid #E3004F; 
	padding-left: 4px; 
	margin-left: -12px;
}*/

  #maintext h1 {
  	 padding:0.5em;
  	 background-color:#bbbbbb;
  	 color:#aaaaaa;
  	 font-weight:bold; 	 
    -webkit-border-radius: 0.3em;
    -moz-border-radius: 0.3em;
    -khtml-border-radius: 0.3em;
    border-radius: 0.3em;
	 }
	 body#home #maintext h1 {
  	 background-color:#dc143c;  	 
	 }
	 body#message #maintext h1 {
  	 background-color:#ee22aa;  	 
	 }
	 body#admin #maintext h1 {
  	 background-color:#2222ee;  	 
	 }
	 body#contact #maintext h1 {
  	 background-color:#ffaa11;  	 
	 }	 
	 
/* Form */
  #maintext form ul {
     list-style-type: none;
     margin: 0.0em 0.0em 0.1em 0.1em;
     padding: 0.0em;
  }
  #maintext form ul label {
     display: block;
  }
  #maintext form ul label h4 {
			margin-top:0.8em;
     margin-bottom:0.6em;
		  color:#2eb14;
			letter-spacing:0.1em;
  }
  body#message #maintext form ul h4 {
		  color:#ee22aa;
  }
  body#admin #maintext form ul label h4 {
		  color:#2222ee;
  }
  body#contact #maintext form ul label h4 {
		  color:#ffaa11;
  }

/*  form.qr_form_edit {
  margin-top:50em;
  text-align:center;
  }

  form sup { 
      color: #ff0000;
  }
*/

  form textarea {
      margin: 0.0em 0.0em 1.0em 0.0em;
			 padding: 0.9em;
			 width: 36.7em;
      border: 1px #aaaaaa solid;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      -khtml-border-radius: 0.5em;
      border-radius: 0.5em;    
			 font-family:"Short Stack", Verdana, sans-serif;
			 font-size:1.4em;
			 resize: none;
  }
  body#message form textarea  {
      border: 1px #ee22aa solid;
	 }
  body#contact form textarea  {
      border: 1px #ffaa11 solid;
	 }

  form input[type="text"]:required,
	 form textarea:required {
      background-color:#ffd2d2; 
  }
  form input[type="text"]:hover, 
  form input[type="text"]:focus,
	 form textarea:hover,
	 form textarea:focus  {
      background-color: #ffffff; 
      box-shadow: #444444 0.0em 0.0em 0.5em;
  }
	 
  form input[type="submit"] {
      margin: 2.0em 0.0em 1.0em 0.0em;
      padding: 1.0em;
  /*    width: 50%; */
      border: 1px #aaaaaa solid;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      -khtml-border-radius: 0.5em;
      border-radius: 0.5em;    
  
      box-shadow: #444444 0.0em 0.0em 0.1em;
  
      background-color: #ee22aa;
      color: #ffffff;
      font-weight: bold;
      letter-spacing: 0.1em;
  	   text-transform: uppercase;
      cursor: pointer;
  }
  body#message form input[type="submit"] {
      background-color: #ee22aa;
  }
  body#admin form input[type="submit"] {
      background-color: #2222aa;
  }
  body#contact form input[type="submit"] {
		  background-color:#ffaa11;
	 }
  form input[type="submit"]:hover,
  form input[type="submit"]:focus,
  form input[type="submit"]:active {
      border: 1px #666666 solid;
      box-shadow: #444444 0.0em 0.0em 0.5em;
  }

  #maintext ul.datetime {
     list-style-type: none;
     padding: 0.0em;

  }
  #maintext ul.datetime li {
     margin: 0.0em 0.0em 0.1em 0.3em;
     padding: 0.0em;
     display: inline;
	 }
	 
  form ul ul#datetime input[type="text"],
	 form ul ul#datetime textarea,
	 form ul ul#datetime select#timepicker_hh,
	 form ul ul#datetime select#timepicker_mm{
      margin: 0.0em 0.0em 1.0em 0.0em;
			 padding: 0.2em;
			 width: 4em;
      height: 2em;
      border: 1px #ee22aa solid;
      -webkit-border-radius: 0.5em;
      -moz-border-radius: 0.5em;
      -khtml-border-radius: 0.5em;
      border-radius: 0.5em;   
	     font-family: "Short Stack", Verdana, sans-serif;
  }
  form ul ul#datetime textarea{
	 
	 }

  form ul ul#datetime input[type="text"]#datepicker {
	 			height:1.4em;
			 width:5em;
  }
	 
	 form ul ul#datetime select#timepicker_hh:hover,
	 form ul ul#datetime select#timepicker_mm:hover {
			 box-shadow: #444444 0.0em 0.0em 0.5em;
	 }
	 
	 .fieldset {
	 clear:both;
	 float: left;
	 width: auto;
	 border: none;
	 }
/*/ Form */
	 
div#footer {
	padding: 2px auto 4px auto;
	text-align: center;
	color:#ffffff;
	background: #2eb014;
 -webkit-border-radius: 0.3em;
 -moz-border-radius: 0.3em;
 -khtml-border-radius: 0.3em;
 border-radius: 0.3em;
}	
	/* Messages */
 div.ok,
	div.not_ok {
	  padding: 0.5em;
		background-color: #00dd00;
		color:#ffffff;
   -webkit-border-radius: 0.3em;
   -moz-border-radius: 0.3em;
   -khtml-border-radius: 0.3em;
   border-radius: 0.3em;
	 }
	div.not_ok {
		background-color: #ff0000;
	}
	/* /Messages */