/***********************************************************
############################################################
#                                                          #
# tinyCMS:     Admin Control Panel - CSS                   #
# Author:      Thomas Herzog (th@mg-itconsulting.de)       #
# Copyright:   mg-ITconsulting GmbH & Co. Kg               #
# Version:     0.1                                         #
#                                                          #
############################################################
***********************************************************/

/* #######  Main Divs  ####### */

body {
	margin: 0px auto;
	text-decoration: none;
	color: #ffffff;
	font-size: 13px;
	font-family: verdana, arial, sans-serif;
	background-image: url('./images/background.jpg');
	background-color: #0000ff;
	background-repeat:repeat-x;
}

div.wrapper {
   width: 950px;
/*   background-image: url('./images/bg.gif'); */
   background-repeat: repeat-y;
   margin: 0px auto;
   text-align: left;
}

div.clear {
   clear: both;
   font-size: 0px;
}

div.text {
   padding: 3px;
}

div.text_tabs {
   padding-left: 10px;
   padding-right: 10px;
   padding-top: 3px;
   padding-bottom: 3px;
}

/* #######  Header Divs  ####### */

div.head {
   width: 950px;
/*   background-image: url('./images/top.gif');*/
   background-repeat: repeat-x;
   height: 111px;
}

div.head_left {
   float: left;
   width: 20px;
   background-image: url('./images/header_left.jpg'); 
   height: 125px;
}

div.head_middle {
   float: left;
   width: 910px;
   text-align: left;
   height: 125px;
}

div.head_right {
   float: right;
   width: 20px;
   background-image: url('./images/header_right.jpg'); 
   height: 125px;
   text-align: left;
}

div.head_logo {
   float: centre;
/*   width: 121px;*/
   background-image: url('./images/top_logo.jpg'); 
   background-repeat:no-repeat;
   height: 100px; 
}

div.head_banner {
/*
   float: right;
   width: 650px;
   margin-top: 10px;
   margin-right: 10px;
   color: #ffffff;
   font-weight: bold;
*/
}

div.head_login {
   float: left;
   width: 400px;
   margin-top: 10px;
   margin-left: 35px;
   color: #ffffff;
}

div.head_menu_active {
   float: left;
   width: 111px;
   height: 25px;
   text-align: center;
   background-image: url('./images/top_menu.gif');
   background-repeat: no-repeat;
   background-position: 0px 8px;
}

div.head_menu_inactive {
   float: left;
   width: 111px;
   height: 25px;
   text-align: center;
}

/* #######  Adminlogin Divs  ####### */

div.login_wrapper {
   width: 300px;
   margin: 0px auto;
   text-align: left;
   background-image: url('./images/login_middle.gif');
   background-repeat: repeat-x;
   height: 200px;
}

div.login_left {
   float: left;
   width: 20px;
   background-image: url('./images/login_left.gif');
   height: 200px;
}

div.login_middle {
   float: left;
   width: 255px;
   text-align: left;
   height: 200px;
}

div.login_right {
   float: right;
   width: 20px;
   background-image: url('./images/login_right.gif');
   height: 200px;
   text-align: left;
}

div.login_text {
   margin-top: 20px;
   margin-left: 20px;
}


/* #######  Bottom Divs  ####### */

div.bottom {
   width: 982px;
/*   background-image: url('./images/bottom.gif'); */
   height: 22px;
   background-repeat: repeat-x;
}

div.bottom_left {
   float: left;
   width: 21px;
/*   background-image: url('./images/bottom_left.gif'); */
   height: 22px;
}

div.bottom_right {
   float: right;
   width: 21px;
/*   background-image: url('./images/bottom_right.gif'); */
   height: 22px;
}

/* #######  Content Divs  ####### */

div.content {
   width: 982px;
}

div.content_left {
   float: left;
   width: 21px;
}

div.content_middle {
   float: left;
   width: 935px;
   text-align: left;
}

div.content_right {
   float: right;
   width: 21px;
}

div.content_menu_wrapper {
   width: 150px;
   float: left;
   text-align: left;
}

div.content_menu {
/*   border: 1px solid #999; */
   margin-bottom: 10px;
}

div.content_menu_active {
/*   background-color: #dae3ea; */
/*   border: 1px solid #fff;  */
   margin: 0px;
   font-size:larger;
   font-weight:bold;
   font-style:italic;
}

div.content_menu_inactive {
/*   background-color: #fff; */
/*   border: 1px solid #fff;  */
   margin: 0px;
   font-size:larger;
   font-weight:bold;
   font-style:italic;
}

div.content_menu_headline {
   background-color: #ccc;
   font-weight: bold;
}

div.content_content {
   width: 775px;
   float: right;
   text-align: left;
}

div.content_content_menu {
   float: left;
   font-weight: bold;
}

div.content_content_menu_inactive {
   float: left;
   background-color: #fff;
   border: 1px solid #fff;
}

div.content_content_menu_active {
   float: left;
   border: 1px solid #999;
   border-bottom: 1px solid #ccc;
   background-color: #ccc; 
}

/* #######  Sonstige Divs  ####### */

div.error {
   border: 1px solid #ff7c49;
   background-color: #ffc8b2;
   font-weight: bold;
   width: 100%;
}
/* #######  Tables  ####### */

table {
   border: 0px;
/*   background-color: #999; */
   margin: 0px;
   padding: 0px;
   width: 100%;
}

td.top {
   font-weight: bold;
   font-size: 11px;
   text-align: left;
   background-color: #ccc;
}

td.center {
   background-color: #fff;
   font-size: 11px;
   text-align: center;
   font-weight: bold;
   vertical-align: top;
}

td.top_center {
   font-weight: bold;
   font-size: 11px;
   text-align: center;
   background-color: #ccc;
}

td.left {
   width: 40%;
   background-color: #fff;
   font-size: 11px;
   text-align: right;
   font-weight: bold;
   vertical-align: top;
}

td.right {
   width: 60%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_2_left {
   width: 2%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_2_center {
   width: 2%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_5_left {
   width: 5%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_5_center {
   width: 5%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_10_left {
   width: 10%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_10_center {
   width: 10%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_25_left {
   width: 25%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_25_center {
   width: 25%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_33_center {
   width: 33%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_50_left {
   width: 50%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_50_center {
   width: 50%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_75_left {
   width: 75%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

td.small_75_center {
   width: 75%;
   background-color: #fff;
   font-size: 11px;
   text-align: center;
}

td.small_100_left {
   width: 100%;
   background-color: #fff;
   font-size: 11px;
   text-align: left;
}

/* #######  Inputs  ####### */

input.submit {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
}

input.submit_search {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   margin-top: 5px;
   margin-left: 5px;
   margin-bottom: 5px;
}

input.string {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 250px;
}

input.string_login {
   background-color: #fff;
   color: #000;
   border: 1px solid #fff;
   font-size: 11px;
   width: 200px;
   margin-bottom: 5px;
   margin-top: 5px;
}

input.string_sub {
   background-color: #fff;
   border: 1px solid #999;
   padding-left: 3px;
   width: 95%;
   margin-bottom: 3px;
}

input.search {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 136px;
   margin-top: 5px;
   margin-left: 5px;
}

input.submit_login {
   background-color: #fff;
   color: #000;
   border: 1px solid #fff;
   font-size: 11px;
   margin-bottom: 5px;
   margin-top: 5px;
}

input.string_str {
   background-color: #fff;
   border: 1px solid #999;
   width: 203px;
   font-size: 11px;
}

input.string_nmb {
   background-color: #fff;
   border: 1px solid #999;
   width: 41px;
   font-size: 11px;
}

input.string_zip {
   background-color: #fff;
   border: 1px solid #999;
   width: 75px;
   font-size: 11px;
}

input.string_town {
   background-color: #fff;
   border: 1px solid #999;
   width: 169px;
   font-size: 11px;
}

input.string_cost {
   background-color: #fff;
   border: 1px solid #999;
   width: 100px;
   font-size: 11px;
}

textarea.big {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 100%;
   height: 400px;
}

textarea.small {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 100%;
   height: 200px;
}

textarea {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 100%;
   height: 200px;
}

textarea.tiny {
   background-color: #fff;
   color: #000;
   border: 1px solid #999;
   font-size: 11px;
   width: 100%;
   height: 100px;
}

/* #######  Stuff  ####### */

img {
   border: 0px;
}

img.flag {
   margin-top: 4px;
}

hr {
   border-top: 1px solid #999;
   border-left: 1px solid #fff;
   border-right: 1px solid #fff;
   border-bottom: 1px solid #fff;
   padding: 0px;
   margin: 5px 0px;
   width: 100%;
}

ul {
   list-style-type: none;
   margin: 3px;
   padding: 0px;
   margin-left: 10px;
   font-style: italic;
}

li {
   margin: 3px;
   padding: 0px;
}

/* #######  Text  ####### */

a, a:link, a:active, a:visited {
   text-decoration: none;   
   color: #fff;
}

a:hover {
   text-decoration: underline;
   color: #fff;
}

a.copy, a.copy:link, a.copy:active, a.copy:visited {
   text-decoration: none;   
   color: #fff;
}

a.copy:hover {
   text-decoration: none;
   color: #fff;
}

a.red, a.red:link, a.red:active, a.red:visited {
   text-decoration: none;
   color: #f00;
}

a.red:hover {
   text-decoration: none;
   color: #f00;
}

a.green, a.green:link, a.green:active, a.green:visited {
   text-decoration: none;
   color: #00c813;
   font-weight: bold;
}

a.green:hover {
   text-decoration: none;
   color: #00c813;
   font-weight: bold;
}

a.head, a.head:link, a.head:active, a.head:visited {
   text-decoration: none;   
   color: #fff;
}

a.head:hover {
   text-decoration: none;
   color: #6c8faa;
}

.bold {
   font-weight: bold;
}

.italic {
   font-style: italic;
}

.blue {
   color: #6c8faa;
}

.white {
   color: #fff;
}

.black {
   color: #000;
}

.red {
   color: #f00;
}

.green {
   color: #00c813;
}

.yellow {
   background-color: #FFEA00;
}

.normal {
   text-decoration: none;
   font-weight: normal;
   font-style: normal;
}

h2 {
   margin: 5px 0;
   color: #ffffff;
}

h3 {
   margin: 5px 0;
   color: #ffffff;
}


/* #######  chlager  ####### */
table.sponsoren {
	background: none;
}

div.sponsoren {
	float: left;
	text-align: left;
	font-weight: bold;
}