*{margin:0;padding:0;border:0;text-decoration:none;list-style:none;border-collapse:collapse}
*{font-family:segoe ui,arial,verdana;font-size:100%}

body{padding:10px;background:#4a6aad;color:#666;font-size:11px;line-height:18px}

a:link{color:#4a6aad}
a:active{color:#4a6aad}
a:visited{color:#4a6aad}
a:hover{color:#4a6aad}

.floatleft{float:left;margin:5px 10px 0px 20px}
.floatright{float:right}
.clearer{clear:both}
.align-left{text-align:left;margin-right:auto}
.align-center{text-align:center;margin-left:auto;margin-right:auto}
.align-right{text-align:right;margin-left:auto}

#wrapper{margin:0 auto 10px auto;width:950px}

#left_wrapper{margin:0 10px 0 0;width:730px;background:#fff url(/images/left_top.jpg) no-repeat;float:left}
#right_wrapper{width:210px;background:#fff url(/images/right_top.png) no-repeat;float:left}

#left{min-height:594px}
.leftstartheight{height:597px;overflow:hidden}
#right{height:577px;overflow:hidden;padding:20px 0 0 0}

#left_bottom{width:730px;height:10px;background:url(/images/left_bottom.png) no-repeat;overflow:hidden;clear:both}
#right_bottom{width:210px;height:10px;background:url(/images/right_bottom.png) no-repeat;overflow:hidden}

#logo{margin:3px 0 0 -2px;display:block}
.h1{display:block}

#header{height:105px}

#news{margin:0 0 0 10px;font-size:11px}
#news a{color:#253556}
#news li{height:23px;padding:1px 0;margin:1px 0;background:url(/images/news_li_bg.png) 0 4px no-repeat}
#news span.date{display:block;margin:0 5px 0 0;width:65px;height:23px;padding:2px 0 0 29px;float:left;color:#fff}
#news span.title{display:block;padding:2px 0 0 0}
#news li.strassenbahn span.date{background:url(/images/news_li_strassenbahn.gif) no-repeat}
#news li.hagenbad span.date{background:url(/images/news_li_hagenbad.gif) no-repeat}

#navi1{margin:0 0 0 8px}
#navi1 li{float:left;margin:0 1px 0 0;padding:0 0 0 10px;background:url(/images/navi1_li_a.png) no-repeat}
#navi1 li:hover{background:url(/images/navi1_li_a_hover.png) no-repeat}
#navi1 li a{display:block;padding:3px 13px 2px 3px;background:url(/images/navi1_li_a_span.png) 100% 0 no-repeat;color:#253556}
#navi1 li a:hover{background:url(/images/navi1_li_a_span_hover.png) 100% 0 no-repeat}

#navi1 li.active{background:url(/images/navi1_li_a_hover.png) no-repeat}
#navi1 li.active a{background:url(/images/navi1_li_a_span_hover.png) 100% 0 no-repeat}

#start{margin:4px 0 0 8px}
#start h2{padding:10px 0 15px 0;font-family:segoe ui;font-size:30px;color:#fff;text-align:center}

#start_buttons{float:left;width:200px;height:331px;overflow:hidden}
#start_buttons img{display:block;margin:0 0 6px 0}
#start_buttons img.last{margin:0}

#start_content{background:url(/images/start_content_bg.png) no-repeat;width:510px;height:327px;float:right;margin:2px 10px 0 0;overflow:hidden}

#start_content #info_strassenbahn_left_column, #start_content #info_hagenbad_left_column, #start_content #info_hsg_left_column{width:250px;float:left;height:240px;overflow:hidden;margin:0 0 10px 0}
#start_content #info_strassenbahn_right_column, #start_content #info_hagenbad_right_column, #start_content #info_hsg_right_column{width:250px;float:right;height:240px;overflow:hidden;margin:0 0 10px 0}
#start_content #single_column{width:510px;float:left;height:240px;overflow:hidden;margin:0 0 10px 0}

#middle_column #left_form{width:250px;float:left;height:240px;overflow:hidden;margin:0 0 10px 0; border: 1px solid red}
#middle_column #right_form{width:250px;float:right;height:240px;overflow:hidden;margin:0 0 10px 0; border: 1px solid yellow}

#start_content p{padding:0 10px;color:#253556;line-height:16px}
#start_content p a{color:#253556;text-decoration:underline}
#start_content .bild{margin:0 auto 5px auto;text-align:center}
#start_content .text{padding:0 10px}
#start_content .text p{padding:0;display:inline}
#start_content .text a img{margin:0 0 0 5px}

#start_content h3{color:#4a6aad;width:330px;height:25px;padding:8px 10px 2px 10px;font-size:17px}
#start_content h3.left_01{background:url(/images/h3_left_01.png) no-repeat}
#start_content h3.right_01{background:url(/images/h3_right_01.png) no-repeat}
#start_content h3.right_02{background:url(/images/h3_right_02.png) no-repeat}

/*
#start_content .link{text-align:center}
#start_content .link a{background:url(/images/link_a.png) no-repeat;padding:3px 0 6px 0;color:#4a6aad;font-size:15px;font-weight:bold}
#start_content .link a span{background:url(/images/link_a_span.png) 100% 0 no-repeat;margin:0 0 0 28px;padding:3px 8px 6px 0}
*/

#start_content .link a{color:#fff;font-size:18px;font-weight:bold;padding:6px 0 5px 30px;display:block;height:35px}

h1{background:url(/images/h1.png) no-repeat;padding:0 0 0 5px;margin:0 0 5px 0;height:35px}
h1 span{background:url(/images/h1_span.png) 100% 0 no-repeat;padding:8px 10px 0 5px;display:block;float:left;color:#fff;font-size:18px;height:27px}

.content p{padding:0 20px 1em 20px;font-size:13px}
.content ol,.content ul{margin:0 20px 1em 40px;color:#4a6aad}
.content ol li{list-style:decimal}
.content ul li{list-style:square}

#right img{margin:0 0 12px 0}
#right .content p{padding:0 10px 1em 10px;font-size:11px;line-height:16px}
#right .content h2{font-size:13px;color:#4a6aad;padding:0 10px;margin:0}
#right .content p img{margin:0}

#fahrplan{background:#a4b4d6;color:#fff;font-size:13px;margin:5px 10px 20px 10px;font-weight:bold}
fieldset.hidden{display:none}
fieldset{padding:5px 10px 10px 10px}
fieldset.line{border-bottom:1px solid red}
fieldset.data label{font-weight:bold;display:block;padding:0 2px;margin:5px 0 0 0}
fieldset.data label.line{border-top:1px solid #d2daeb}
fieldset.data input{width:204px;padding:2px;background:url(/images/input_bg.png) no-repeat;color:#253556;border:1px solid #b3b9c3;font-weight:normal}
fieldset.data .column input{width:93px;padding:2px}
fieldset.data .columnleft{width:100px;float:left}
fieldset.data .columnright{width:100px;float:right}
fieldset.data .column-1{width:115px;float:left;text-align:center}
fieldset.data .column-1 input{margin:5px 0 0 0;background:0;border:0}
fieldset.data .column-2{width:115px;float:left;text-align:center}
fieldset.data .column-2 input{margin:5px 0 0 0;background:0;border:0}
fieldset.data .column-3{width:115px;float:left}
fieldset.data .column-4{width:115px;float:left}
fieldset.control{background:#4a6aad;padding:10px;text-align:center}
fieldset.control a{float:left;color:#a4b4d6 !important;font-weight:normal;font-size:12px}
fieldset.control a.button{background:url(/images/control_a.png) no-repeat;padding:5px 0 6px 0;color:#4a6aad !important;float:none;font-weight:bold;font-size:13px}
fieldset.control a.button span{background:url(/images/control_a_span.png) 100% 0 no-repeat;margin:0 0 0 10px;padding:5px 10px 6px 0}

#single_column fieldset.data input{width:147px}
#single_column fieldset.data select{width:153px;padding:1px;background:#fff;color:#253556;border:1px solid #b3b9c3;font-weight:normal}
#single_column fieldset.data .column input{width:18px;padding:2px;text-align:center}

.quicklinks{margin:0 0 10px 10px}
.quicklinks select{width:225px}
.quicklinks select option{padding:0 0 2px 0;color:#253556}

div.reddot{color:#ff0000;margin:5px 10px}
#navi1 li.reddot,#navi1 li.reddot:hover,#navi1 li.reddot a,#navi1 li.reddot a:hover{background:0;padding:0}
#news li.reddot{padding:0;background:0;float:left}