/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#35444d;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.813em;
		line-height:1.231em;
		color:#35444d;
		padding-left:5px;
	}

input, select, option { vertical-align:middle; font-weight:normal; height:20px; font-size:14px; border: solid 1px #CCCCCC; background-image:url(http://www.tachoschule.de/images/input.jpg)}

a {color:#00b3e3;}
a:hover{text-decoration:none;}
span {color:#00b3e3;}
span.index {
	color:#00b3e3;
	font-size:1.2em;
}
p {padding-top:20px;}
.captchared  { color:White; font-weight:bold; border:solid 1px #fff; padding:5px; margin:5px; background-color:red; }

fieldset.login { border: solid 1px blue;  padding:10px; text-align:center}
fieldset.login legend { color:Blue; border-top: solid 1px blue; margin:1px; padding:2px;}
/* ============================= main layout ====================== */

.link1 {background:#03caed; display:block; padding:6px 19px 7px 17px; float:right; margin:17px 0 0 1px; color:#fff; text-decoration:none;}
.link1:hover {background:#667983;}
.link2 {background:#ff357c; display:block; padding:6px 19px 7px 17px; float:right; margin:17px 0 0 1px; color:#fff; text-decoration:none;}
.link2:hover {background:#667983;}
.link3 { color:#888888; }
.link3 b { color:#000; text-decoration:none;}
.link3:hover b{ background-color:#ff357c; color:#FFF;}
.link4 {background:#03caed; display:block; padding:2px 19px 3px 17px; float:left; margin:1px 0 0 1px; color:#fff; text-decoration:none;}
.link4:hover {background:#667983;}

.date {background:url(images/date_bg.gif) no-repeat 0 4px; padding-left:19px;}

li a { line-height:1.692em;}

.imgindent {margin:0 13px 0 0; float:left;}

/* ============================= header ====================== */

#header .tile_right {background:#fff url(http://www.tachoschule.de/images/header_right_tile.gif) top right repeat-y; margin:0 48px 0 49px;}
#header .tile_left {background:url(http://www.tachoschule.de/images/header_left_tile.gif) top left repeat-y; width:100%;}
#header .bg {margin:0 12px 0 11px; background:url(http://www.tachoschule.de/images/header_bg.jpg) top left no-repeat; color:#fff; line-height:1.077em; height:497px;}
#header .text {font-size:0.846em; color:#7f99a0; padding:13px 20px 0 19px;}
#header .rss {background:url(images/rss_bg.jpg) no-repeat top right; padding:3px 26px 3px 0; display:block; float:right; text-decoration:none; color:#7f99a0; margin:0;}
#header .rss:hover {text-decoration:underline;}
.logo {margin:37px 0 0 19px;}
.slogan {padding:115px 348px 97px 83px;}
.slogan img {margin-bottom:17px;}

.menu {background:#f5f5f5 url(http://www.tachoschule.de/images/menu_bg.gif) bottom repeat-x; height:69px;}
.menu li {float:left;}
.menu li a {display:block; text-align:center; color:#35444d; width:106px; font-weight:bold; padding:22px 0 25px 0; text-decoration:none;}
.menu li a:hover {color:#fff; background:#35444d; text-decoration:none;}
.menu .active a {background:#35444d; color:#fff;}
.menu .last a{width:104px;}

/* ============================= middle ====================== */

#middle .tile_right {background:#fff url(http://www.tachoschule.de/images/middle_right_tile.gif) top right repeat-y; margin:0 48px 0 49px;}
#middle .tile_left {background:url(http://www.tachoschule.de/images/middle_left_tile.gif) top left repeat-y; width:100%;}

.main_indent {padding:12px 12px 0 11px;}
.title {padding:18px 0 17px 21px; background:url(http://www.tachoschule.de/images/line.gif) bottom repeat-x; margin-bottom:18px;}

.line_hor { background:url(http://www.tachoschule.de/images/line.gif) bottom left repeat-x;}
.indent {padding:0 20px 30px 20px;}
.indent2 {padding:0 17px 50px 20px;}
.indent3 {padding:0 20px 50px 20px;}
.rss {position:relative; margin:-5px 0 0 9px;}
.margin1 {margin-top:10px;}
.margin2 {margin-top:21px;}
.small {font-size:0.846em; line-height:1.273em;}
.dark {color:#35444d;}
.special {display:block; float:left; padding:20px 0 0 0;}
cite {font-style:normal;}
.phone {color:#35444d; float:right; margin-right:55px;}

/* ============================= footer ====================== */

#footer .tile_right {background:#fff url(http://www.tachoschule.de/images/footer_right_bg.gif) top right repeat-y; margin:0 48px 0 49px;}
#footer .tile_left {background:url(http://www.tachoschule.de/images/footer_left_bg.gif) top left repeat-y; width:100%;}
#footer p {padding:17px 0 50px 30px;}
#footer a {color:#ff357c;}

/* ============================= forms ============================= */

form {padding:13px 0 0 0;}
form .rowi {height:30px;}
form .link1 { margin:12px 0 0 1px;}
form .link2 { margin:12px 0 0 1px;}
div.form { margin:2px;}
div.form input { padding-left:5px; }
div.form input.style {background-color:#ff357c; border:0;}
div.form span { color:#CC3333;}

#index .input {width:199px; height:22px; border:1px solid #35444d; background:none; padding:0 0 0 5px; font-size:1em; margin:8px 0 0 0;font-size:0.846em; line-height:1.273em;}
#index form {padding:0;}
.input {width:150px; height:22px; border:1px solid #35444d; background:none; padding:0 0 0 5px; font-size:1em;font-size:0.846em; line-height:1.273em;}
textarea {width:205px; height:82px; border:1px solid #35444d; background:none; padding:0 0 0 5px; overflow:auto; font-size:1em;font-size:0.846em; line-height:1.273em;}

td.head_ts {background-color:#ff0000; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; padding:5px;}
td.head_fs {background-color:#66cc00; color:#fff; text-transform:uppercase; font-weight:bold; text-align:center; padding:5px;}
td.head {border-bottom:solid 1px #000; padding:3px;}
td.content{border-bottom:dotted 1px #333;padding:5px;}