@import url(styles_ttc2.css);
@import url(slimbox.css);

html {
	height: 100%;
	width: 100%;
	margin: 0 0%;
	background-color: #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.75em;
	padding: 0px;
}

#floating-panel {
    position: static;
	width: 800px;
	height: 50px;
}


#map_canvas {
/*	float: bottom;*/
    position: static;
	width: 800px;
	height: 700px;
/*	margin: 20 20px;*/
}

#directionsPanel {
	float:right;
	width:30%;
	height:100%;
}

#control {
    background: #fff;
    padding: 5px;
    font-size: 14px;
    font-family: Arial;
    border: 1px solid #ccc;
    box-shadow: 0 2px 2px rgba(33, 33, 33, 0.4);
    display: none;
}

/* Styles for DIV tags */
#container_admin_g {
	border-right: 3px solid #666666;
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
	background-color: #3F58BC;
/*	background-image:  url("../images/leftphoto.jpg");*/
	background-image:  url("../../images/leftphoto.jpg");

	background-repeat: no-repeat;
	background-position: left bottom;
}

#container_admin {
	border-right: 3px solid #666666;
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
	background-color: #3F58BC;
/*	background-image:  url("../images/leftphoto.jpg");*/
	background-image:  url("../../images/leftphoto.jpg");

	background-repeat: no-repeat;
	background-position: left bottom;
}
#container_user {
	border-right: 3px solid #666666;
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
	background-color: #3F58BC;
/*	background-image:  url("../images/leftphoto.jpg");*/
	background-image:  url("../../images/leftphoto.jpg");

	background-repeat: no-repeat;
	background-position: left bottom;
}
#container_ttc {
	border-right: 3px solid #666666;
	border-left: 3px solid #666666;
	border-bottom: 3px solid #666666;
	background-color: #3F58BC;
/*	background-image:  url("../images/leftphoto.jpg");*/
	background-image:  url("../../images/leftphoto.jpg");

	background-repeat: no-repeat;
	background-position: left bottom;
}
#masthead {
	border-bottom: 6px solid #EB3B3B;
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-left: 0;
	padding: 10px;
}
#navigation {
	background-color: #EEEEEE;
	margin-left: 160px;
}
html>body #navigation {
	overflow: hidden;
}
#content_container {
	background-color:#FFFFFF;
	padding: 0px;
}
#column_left {
	float: left;
}
#column_left_original {
	float: left;
}
#column_right {
	border-left: 1px solid #E3DFE2;
}
#image {
	margin-bottom: 10px;
	margin-left: 10px;
}
#footer {
	background-color: #FFFFFF;
	color: #666666;
	border-top: 1px solid #CCCCCC;
}
/* Styles for Masthead */
#masthead h1 {
	margin-bottom: 0;
	color: #333333;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}
#masthead h3 {
	margin-top: 0;
	color: #7C8DD3;
	margin-bottom: 0px;
	text-indent: 5em;
}
#masthead a {
	color: #333333;
	text-decoration: none;
}
/* Styles for Navigation */
#navigation ul {
	list-style-type: none;
	width: 100%;
	margin: 0;
	padding: 0;
}
#navigation li {
	float: left;
}
#navigation a {
	margin: 0 1px;
	padding: 5px;
	display: block;
	border: 1px solid #eee;
	color: #000;
	text-decoration: none;
}
#navigation a:hover {
	color: #fff;
	text-decoration: none;
	background-color: #f93;
	border: 1px solid #f93;
}

/* Styles for Right Column */
#column_right h4 {
	color: #3F58BC;
	margin-top: 0px;
}
#column_right p {
	color: #444444;
	margin-top: 0px;
}
/*#column_right a {
	color: #677BCB;
}
#column_right a:hover {
	color: #FF9933;
}*/

#d_Blog {
/*	background-color : #015965;*/
	 width: 900px;
	 padding: 2px;
}
#d_Blog_von{
/*	background-color: #5FC0CE;*/
}


 .style7 {
	text-align: right;
    color: green;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

.style6 {
	text-align: left;
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style4 {
	font-size: small;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.style5 {
	font-size: small;
}

.style3 {
	font-size: small;
}
.style2 {
	font-size: medium;
}
.style1 {
	color: #3F58BC;
}
.rot {
	color: red;
}
/*a {
	color: #495DAB;
}*/

/* Styles for Left Column */
h1 {
	font-size: xx-large;
	color: #000000;
	margin-top: 0px;
}
h2 {
	font-size: x-large;
	color: #111111;
	margin-top: 0px;
}
h3 {
	font-size: large;
	color: #222222;
	margin-top: 0px;
}
h4 {
	font-size: medium;
	color: #333333;
	margin-top: 0px;
}
h5 {
	font-size: x-small;
	margin-top: 0px;
}
h6 {
	font-size: xx-small;
	margin-top: 0px;
}
/*a {
	color: #677BCB;
}
a:hover {
	color: #FF9933;
}*/
/* Styles for Footer */

/* Div Bereich für Links auf der Seite Inhalt; Farbe Blau */
A:link.inhalt {
	color : #0000CC;
	font : menu;
	text-decoration: none;
	padding : 0px 3px;
/*	padding : 2px 3px 2px 3px;
	border : 1px solid white;*/
}

A:visited.inhalt {
	color : #0000CC;
	font : menu;
	text-decoration: none;
	padding : 0px 3px;
/*	padding : 2px 3px 2px 3px;
	border : 1px solid white;*/
}

A:hover.inhalt {
	color: white;
	font : menu;
	font-weight : normal;
	text-decoration: none;
	background-color : #0000CC;
	padding : 0px 3px;
/*	padding : 2px 3px 2px 3px;
    border : 1px solid black;*/
}

A:active.inhalt {
	color : red;
	font : menu;
	text-decoration: none;
	padding : 0px 3px;
/*	padding : 2px 3px 2px 3px;
	border : 1px solid white;*/
}
/* Div Bereich für Links auf der Seite Inhalt ENDE */
#footer p {
	margin: 0;
	font-size: 0.85em;
	text-align: left;
}
#copyright {
	float: right;
	text-align: right;
}
#copyright p {
	font-size: 0.85em;
}
/*#footer a {
	color: #3F58BC;
}
#footer a:hover {
	color: #00008B;
	text-decoration: none;
}*/
.style_bold {
	font-weight: bold;
}
.style_italic {
	font-style: italic;
}
/* Style für dein Formular */
.formular {
    background-color: #FFFFCC;
    border: 2px solid #CCCCCC;
    text-align: left;
    width : 535px;
}
.formular * label:after {
    content: ":";
}
 input, select, textarea
   {position: relative;
	margin-top: 0.25em;

/*	top: -0.2em;*/
   	font-size:12px; font-family: "Times New Roman", Verdana,sans-serif; font-weight:normal; color:#000000; }
.auswahl
/*   { background-color:#DDFFFF; width:300px; border:1px solid #000000; }*/
   { background-color:#FFFFFF; width:300px}

 input#submit { /* den Submit-Button */
  float: none;
  width: auto;
}
 .Bereich, .Feld
/*   { background-color:#FFFFFF; width:300px; border:1px solid #000000; }*/
   { background-color:#FFFFFF;}
 .ReadOnlyBereich, .ReadOnlyFeld
/*   { background-color:#FFFFFF; width:300px; border:1px solid #000000; }*/
   { background-color:#E8E8E8;}
 .TippFeld
   { background-color:#FFFFFF; width:25px; text-align: center;}
 .Auswahl
/*   { background-color:#DDFFFF; width:300px; border:1px solid #000000; }*/
   { background-color:#FFFFFF; width:300px}
 .Check, .Radio
/*   { background-color:#DDFFFF; border:1px solid #000000; }*/
   { background-color:#FFFFFF;}
 .Button
/*   { font-size:12px; background-color:#AAAAAA; color:#000000; width:100px; border:0px solid #000000; }*/
   { font-size:12px;}



/*select{
	width: 15em;
}*/

label{
	float: left;
	display: block;
	width: 10em;
	font-size:12px;
	font-family: "Times New Roman", Verdana,sans-serif;
	font-weight:normal;
	color:#000000;
	margin-top: 0.25em;
/*	clear: left;
	margin-top: -1em;*/
/*	font-weight: bold;*/
}

input.standardSubmitflach{
	height: 1.75em;
	margin-top: 0.25em;
}

/*input{
	position: relative;
	float: left;
	clear: left;
	top: -1.4em;
	left: 10em;
	display: block;
	border: 1px solid #a5acb2;
	padding: 2px;
	background: #fff;
}*/

legend {
        font-weight: bold;
}

/*label.erstes{
	margin-top: 4em;
}*/

/*input.senden{
	top: -1em;
	left: 0;
	margin-top: 1em;
	width: 10em;
}*/

/*textarea{
	position: relative;
	top: -1.4em;
	left: 0;
	display: block;
	border:	1px solid #a5acb2;
	padding: 2px;
	width: 19em;
	height: 15.7em;
}*/

form{
/*	background-color: #eeeeff;*/
    background-color: #E6E6E6;
    border: 1px solid silver;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#login{
	width: 30em;
	margin: 20px;
}

#photo{
	width: 40em;
	margin: 20px;
}

#search_data{
	width: 35em;
}

#add_data{
	width: 40em;
}

#add_vspieler{
	width: 35em;
}

#addPassword{
	width: 25em;
}

#delete_data{
	width: 20em;
}

#mail_data{
	width: 45em;
}




#preview {
	float: left;
	margin: 20px 20px;
	left: 20px;
}

ul { margin: 25px; }
li a { color: #0000FF; text-decoration: none; }
li a:hover { color: #FF0000; text-decoration: underline; }
/*a.thumb img { filter:alpha(opacity=90);	-moz-opacity: 0.90;	opacity: 0.90; border: solid 2px #FFFFFF; }
a.thumb:hover img {	filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;	border: solid 2px #FF0000; }
*/

a.thumb img { opacity: 0.90; border: solid 2px #FFFFFF; }
a.thumb:hover img { opacity: 1.0;	border: solid 2px #FF0000; }


#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}



/* Style für dein Formular ENDE */