body {margin:0; padding:0; border:0; width:100%; font:77% verdana, arial, helvetica, sans-serif;  min-width:600px;}
body, ul, li, h1, h2, h3, a, img, div{margin:0; padding:0; border:0;}

a {color:#0168b3;}
a:hover {font-weight: bold;}
h1 {font-size:1.2em;}
h2 {font-size:1.1em;}
h3 {font-size:1em;}
h4 {}

table {font:77% verdana, arial, helvetica, sans-serif; text-align:left; border: 1px solid #ccc;}
td {border: 1px solid #ccc; padding:10px;}
th {background-color: #ccc;}
caption {padding-top: 10px}

#header {clear:both; float:left; width:100%; height:192px;}

#skipnav {display:none;}
#logo{width:202px; height:192px; position:absolute; top:0; left: 0; background-color:#fff; z-index:1; text-align:center;}
#logo img {position:relative; top:15px; border:0;}
#logo a {border:0;}
#banner{width:778px; height:144px; position:absolute; top:0; left: 202px; background-image:url(./img/head.jpg); background-repeat:no-repeat; z-index:1;}
#head_right{width:100%; height:144px; position:absolute; top:0; left: 0; z-index:0;}
#head_right_top{background-color:#0168b3; height: 77px; width:100%;}
#head_right_top a {color: #fff;}
#head_right_bottom{background-color:#009132; height: 67px;}
#top_nav{position:absolute; top:145px; background-color:#0168b3; width:100%;}
#top_nav a {color:#fff; text-decoration: none; font-size:14px; font-weight:bold;}
#top_nav a:hover {color:orange;}
#top_nav_content{height:23px; margin-bottom:1px; color: #fff; background-color:#0168b3; padding-left:202px;}
#top_nav_content ul {list-style:none; white-space: nowrap;}
#top_nav_content li {display:inline; background-image:url(./img/clearpixel.gif); background-repeat:repeat-y; background-position:right; padding-left:6px; padding-right:6px;}
#top_nav_bottom{background-image:url(./img/head-gradient-out.gif); background-position:202px 0px; background-repeat:repeat-y; height:23px; background-color:#fff;}
#layoutdims {clear:both;border-top:4px solid #000;margin:0;padding:6px 15px !important;text-align:right;}
.colmask {position:relative; clear:both; float:left;  width:100%; overflow:hidden;}
.holygrail {	}
.holygrail .colmid {float:left; width:200%; margin-left:-202px; position:relative; right:100%;}
.holygrail .colleft {float:left;  width:100%; margin-left:-50%; position:relative; left:404px;}
.holygrail .col1wrap {float:left; width:50%; position:relative; right:202px; padding-bottom:1em; 	/* Centre column bottom padding. Leave it out if it's zero */}
.holygrail .content_container {margin:0 0 0 215px; position:relative; left:200%; overflow:hidden;}
	
#content_top {padding: 15px 15px 0 15px;}
/** TODO: VEREINFACHEN! **/
#content_header{} 
#header_main {font-size: 1.3em; background-image:url(./img/home.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_town_hall {font-size: 1.3em; background-image:url(./img/rathaus.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_politics {font-size: 1.3em; background-image:url(./img/politik.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_tourism {font-size: 1.3em; background-image:url(./img/tourist-info.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_living {font-size: 1.3em; background-image:url(./img/wohnen-freizeit.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_family {font-size: 1.3em; background-image:url(./img/kinder-familie.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_culture {font-size: 1.3em; background-image:url(./img/kultur.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#header_economy {font-size: 1.3em; background-image:url(./img/wirtschaft.gif); background-repeat:no-repeat; background-position:left; padding: 20px 0 20px 60px; color:#fff;}
#content_top span {background-color:#0168b3; display:block; border-top: 3px solid #0168b3; border-bottom: 3px solid #0168b3; margin-right:214px;}
#wrapper {padding-top: 5px; margin:0 243px 0 76px; text-align:justify; line-height:1.3em;}
#content_bottom {text-align:left; margin:20px 10px 20px 0px; padding-left:55px; padding-top:20px;}
#content_bottom .skip_link{padding:20px 50px 20px 20px; background-image:url(./img/icon-top.png); background-repeat:no-repeat; background-position:right;}
#content_bottom .print_link{padding:20px 50px 20px 20px; background-image:url(./img/icon-print.png); background-repeat:no-repeat; background-position:right;}
#content_bottom ul {list-style: none; display: inline;}
#content_bottom li {display: inline;}
	
.holygrail .left_container {
    float:left;
    float:right;			/* This overrides the float:left above */
    width:170px;        	/* Width of left column content (left column width minus left and right padding) */
    position:relative;
    right:32px;         	/* Width of the left-had side padding on the left column */
    }
	
* html .holygrail .left_container {right:0px;}
	
#search_box {padding-top:5px;}
#search_box {height:3.6em; width:202px; background-color:#0168b3;}
#search_box input.form_field {margin:10px 0 5px 5px; width:150px; float:left;}
* html #search_box input.form_field {margin-top:5px;}
#search_box input.submit {padding:5px 0 5px 7px; float:left;}
#left_nav {float: left; width: 202px; margin:0; text-align:right; background-color:#fff;}
#left_nav a {color: #0b538e; text-decoration:none; display:block; padding:5px 0 5px 0;}
#left_nav a:hover {background-image:url(./img/submenu-gradient.gif); background-repeat:repeat-y;}
#left_nav ul {list-style:none; display:inline; font-weight:bold;}
#left_nav li {padding: 3px 0 3px 0; display:block;}

.bold, .cur_path_main {font-weight: bold;}
.cur_path_sub {font-weight:normal;}


.holygrail .right_container {float:left; float:right; width:202px; margin-right:32px; position:relative; left:50%;}

* html .holygrail .right_container {margin-right:0px;}
#news h2 {font-size: 1.3em; font-weight: bold; color:#fff; background-color:#0168b3; padding: 3px; margin-top:35px; position:relative;}
#news h3 {margin-bottom:5px; margin-top:5px;}
#news .news_item {margin-bottom:5px; margin-top:5px; border: 1px solid #ccc; width:186px; padding:2px;margin-left:4px;}
* html #news .news_item {width:202px;}
dl.news_links {border: 1px solid #ccc;}
	/* Footer styles */
#footer {clear:both; float:left; width:100%; border-top:1px solid #000;}
#footer p {padding:10px; margin:0;}
#footer_content{background-color:#0168b3; height:23px; margin-top:1px; color: #fff; font-size:0.9em; font-weight:bold; text-align:right;}
#footer_content a {color: #fff; text-decoration: none;}
#footer_content a:hover {color: orange;}
#footer_top{background-image:url(./img/footer-gradient-in.gif); background-repeat:repeat-y; background-position:right; height:23px; width:100%;}
#footer_content ul {list-style:none; padding-right:10px;}
#footer_content li {display:inline; background-image:url(./img/clearpixel.gif); background-repeat:repeat-y; background-position:left; padding-left:8px;}

#wrapper ul {padding-left:20px; margin:  5px 0; list-style-type: square;}

.csc-header {padding: 15px 0 0 0;}

* html .csc-textpic-imagewrap {margin-top:20px;}

.csc-textpic-caption {font-weight: bold; font-size: 0.8em;}

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {position: relative;}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { position: relative; }
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { position: relative; }
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { position: relative; }

.green {color:red;}
.hidden {display: none;}

p.align-center {color:red; }

.branche_item {border: 1px solid #ccc; margin: 10px 0 10px 0; padding: 5px;}
.search-container fieldset {border: 1px solid #ccc;}
.l200 label{width:200px; float:left;}