/* 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:#000000;
	}

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

a {color:#000000;}
a:hover{text-decoration:none;}
span {color:#000000;}
span.index {color:#000000; font-size:1.8em; }
p {padding-top:20px;}

/* ============================= main layout ====================== */

.link1 {background:#03caed; display:block; padding:6px 19px 7px 17px; float:right; margin:17px 0 0 1px; color:#000000; 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:#000000; text-decoration:none;}
.link2:hover {background:#667983;}
.link3 {color:#000;text-decoration:none;font-weight:bold}
.link3:hover { color:#fff;background-color:#ff357c;text-decoration:none;font-weight:bold}

.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.meine-fahrerkarte.de/images/header_right_tile.gif) top right repeat-y; margin:0 48px 0 49px;}
#header .tile_left {background:url(http://www.meine-fahrerkarte.de/images/header_left_tile.gif) top left repeat-y; width:100%;}
#header .bg {margin:0 12px 0 11px; background:url(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(http://www.meine-fahrerkarte.de/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.meine-fahrerkarte.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.meine-fahrerkarte.de/images/middle_right_tile.gif) top right repeat-y; margin:0 48px 0 49px;}
#middle .tile_left {background:url(http://www.meine-fahrerkarte.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.meine-fahrerkarte.de/images/line.gif) bottom repeat-x; margin-bottom:18px;}

.line_hor { background:url(http://www.meine-fahrerkarte.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.meine-fahrerkarte.de/images/footer_right_bg.gif) top right repeat-y; margin:0 48px 0 49px;}
#footer .tile_left {background:url(http://www.meine-fahrerkarte.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;}

#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.dcard {margin-left:7px;background:#F3F3F3; border: solid 1px #D7D7D7; color:#000000; font-size:1em;line-height:1.273em;padding-left:10px;height:40px;width:270px;}
textarea.kontact {background:#F3F3F3; border: solid 1px #D7D7D7; font-size:1em;line-height:1.273em;padding:0 0 0 5px;width:205px;height:82px;font-size:0.83em;}
input.kontact {filter:alpha(opacity=60); -moz-opacity:.25; opacity:.25; color:#000000;padding-left:10px;font-size:0.9em;}
input.dcard {margin-left:7px;filter:alpha(opacity=60); -moz-opacity:.25; color:#000000;padding-left:5px;}
select.dcard {margin-left:7px;filter:alpha(opacity=60); -moz-opacity:.60; opacity:.60; color:#000000; font-size:10px;padding-left:10px}
input.button{height:30px; border: dotted 0px #CCCCCC;margin-left:7px; color:#000000;padding-left:10px;}
input.button1{background:#ff357c; float:right; margin:17px 0 0 1px; color:#fff; text-decoration:none;height:30px;font-size:1em;}
input.button2{background:#03caed; float:right; margin:17px 0 0 1px; color:#fff; text-decoration:none;height:30px;font-size:1em;}
.dcard1 {margin-left:7px;filter:alpha(opacity=60); -moz-opacity:.25; opacity:.25; color:#000000; font-size:10px;padding-left:0px}
.red { color:Red; }