/*
Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
For more information, see http://andreasviklund.com/templates/andreas01/
*/

/* 
We have two versions of this Stylesheet - smaller fonts and larger fonts. You cannot just set the base font size 
higher, because this makes some menu and breadcrumb font ugly. So we have several places in this file where the font 
size needs to be set. They are commentet like "Font size definition 90 or 100%", where the first number is the number 
for the small font style sheet and the second number is the number for the larg font style sheet. 
Caution: The first number may well be bigger than the seond, since this is about changing relations at different places. 
See above, we cannot just set the base font size.
*/

/* Main body */
/* Font size definition 70 or 75% */
body {background:#999999; color:#000000; font:70% Verdana,Tahoma,Arial,sans-serif; margin:0 auto; padding:0px;}
#wrap {background:#fff; color:#000000; margin:10px auto; width:950px; padding:0px 10px 0px 10px; }

/* Basic tags */
a {background-color:inherit; color:#a30000; text-decoration:none;}
a:hover {background-color:inherit; color:#8f0000; text-decoration:underline;}
a img {border:0;}
p {margin:0 0 1.1em;}
img { border:none; }

a.hidden_link { color:white; text-decoration:none; }

pre { font-size:130%; }

td { vertical-align:top; }

#content a { text-decoration:none; }
#content a:hover, #content a.active { text-decoration:underline; }

/* Font size definition 90 or 100% */
#content .csc-sitemap { font-size:100%; line-height:130%; }
#content .csc-sitemap a { text-decoration:none; }
#content .csc-sitemap a:hover, .csc-sitemap a.active { text-decoration:underline; }


/* Header */
#header_div1 {height:180px; width:452px; margin:0 0 0 0; padding:0; float:left; }
#header_div2 {height:47px; width:498px; margin:0 0 0 0; padding:0; background:#ffffff; float:right; }
#header_div3 {height:108px; width:498px; margin:0 0 0 0; padding:0; float:right; }
#header_div4 { height:25px; width:498px; margin:0 0 0 0; padding:0 0 0 0; background:#8f0000; float:right; }
#header_div5 {height:3px; width:950px; margin:0 0 0 0; padding:0 0 0 0; background:#ffffff; clear:both; }

#header_div6_left {background:#ffb300; margin:0 0 0 0; padding:0; width:11px; height:23px; clear:both; float:left; }
#header_div6_center { float:left; height:20px; width:828px; margin:0 0 9 0; padding:3px 0 0 0; background:#ffb300; color:white; }
#header_div6_right1 { float:left; height:20px; width:90px; margin:0 0 9 0; padding:3px 10px 0 0; background:#ffb300; color:white; text-align:right; }
#header_div6_right2 {background:#ffb300; float:left; margin:0 0 0 0; padding:0; width:11px; height:23px; }

#horizontal_navbar { float:left; padding:2px 0 0 0; }

#where_we_are { margin:0 0 0 210px; }
/* Font size definition 90 or 100% */
a.breadcrumb { font-size:100%; color:white; }

#header_div7 {height:15px; width:950px; margin:0 0 0 0; padding:0 0 0 0; background:#ffffff; clear:both; }

/*Left and right sidebar */
#leftside {float:left; margin:0 0 15px 0; padding:0; width:200px;}
#rightside {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:200px;}

#leftside p,#leftside ul, #rightside p,#rightside ul {margin:0 0 16px; padding:0;}
/* Font size definition 100% or 90%, margin 16px or 0px,  */
#rightside ul.termine_list {margin:0 0 0px; padding:0;font-size:100%; }

/* Font size definition 100 or 110% */
#rightside p,#rightside ul {margin:0px 0px 10px 0px; padding:0; font-size: 110%; list-style:square; }
#leftside li, #rightside li {line-height:1.2em; list-style:none; margin:0 0 6px; padding:0px;}
#rightside li {line-height:1.2em; list-style:square; margin:0px 0px 4px 15px; padding:0px 0px 0px 0px;}
#leftside p, #rightside p {font-size:1em; line-height:1.4em;}

#leftside ul ul, #rightside ul ul {margin:6px 0 0 10px; padding:0; }
#leftside ul ul li, #rightside ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #rightside ul ul li a {font-weight:400;}

#leftside h2,#rightside h2 {color:#8f0000; font-size:1.2em; margin:0 0 8px; padding:0;}
#leftside h3, #rightside h3 {color:#505050; font-size:1.1em; margin:0 0 8px; padding:0;}

ul.rsslist li a { font-size:90% }
/* Font size definition 90 or 100% */
#rightside h4 { margin: 0px 0px 5px 0px; font-size: 100%; }

/* Main menu */
/* Level 1 */
/* Font size definition 110% or 100% */
#leftside ul.avmenu {display:block; list-style:none; margin:0 0 18px 0; padding:0; width:180px; font-size:110%; }
#leftside ul.avmenu li { line-height:1.4em; padding:0; width:180px;}
#leftside ul.avmenu li a {background-color:#eeeeee; border-left:4px solid #ccc; color:#505050; float:left; font-weight:700; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:170px;}
#leftside ul.avmenu li a:hover, #leftside ul.avmenu li a.current {background-color:#e1e1e1; border-left:4px solid #8f0000; color:#000000;}

/* Level 2 */
/* Font size definition 90 or 100% */
#leftside ul.avmenu ul {font-size:90%; margin:0 0 0 15px; padding:0 0 5px; width:105px; }
#leftside ul.avmenu ul a {font-weight:400; padding:2px 1px 2px 5px; width:155px;}
#leftside ul.avmenu ul ul {width:113px;}
#leftside ul.avmenu ul ul a {width:100px; }
#leftside ul.avmenu ul li a:hover, #leftside ul.avmenu ul li a.current { border-left:4px solid #ffb300; }

/* Level 3 */
#leftside ul.avmenu ul ul {font-size:100%; margin:0 0 0 15px; padding:0 0 5px; width:105px;}
#leftside ul.avmenu ul ul a {font-weight:400; padding:2px 1px 2px 5px; width:140px;}
#leftside ul.avmenu ul ul ul {width:113px;}
#leftside ul.avmenu ul ul ul a {width:100px;}
#leftside ul.avmenu ul ul li a:hover, #leftside ul.avmenu ul ul li a.current { border-left:4px solid #666666; }

/* Level 4 */
#leftside ul.avmenu ul ul ul {font-size:100%; margin:0 0 0 15px; padding:0 0 5px; width:105px;}
#leftside ul.avmenu ul ul ul a { padding:0px 0px 0px 0px; width:130px;}
#leftside ul.avmenu ul ul ul li a {background-color:#ffffff; border:none; color:#999999; float:left; margin-bottom:4px; padding:0px 0px 0px 0px; }
#leftside ul.avmenu ul ul ul li a:hover, #leftside ul.avmenu ul ul ul li a.current { background-color:#ffffff; border:none; color:#000000; }

/* Main content */
#content { border: dotted 1px #aaaaaa; line-height:130%; margin:0 210px 15px 210px; padding:10px; }

#content h1,#contentwide h1,#contentwide2 h1 { font-size:1.3em; margin:0 0 20px; line-height:125%; color:#8f0000;  
padding:0px 0px 10px 0px; 
border-bottom: dotted 1px #999999; 
}

#content h2,#contentwide h2,#contentwide2 h2 {font-size:1.2em; margin:0 0 14px; line-height:125%; color:#EF8100; 
padding:0px 0px 0px 0px; 
}

#content h3,#contentwide h3,#contentwide2 h3 {font-size:1.1em; margin:0 0 8px; line-height:125%; color:#EF8100;}
/* #content img,#contentwide img,#contentwide2 img {background:#ccc; border:4px solid #f0f0f0; color:#303030; display:inline; padding:1px;} */
#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol {margin:0px 0px 16px 10px; padding:0; }
/* 
In the original design (Andreas fro oswd.org, the following line was for both ul and ol, which had the effect, that ol didn't display 1., 2., 3., etc.
but also bullets. Thus, we had to introduce lines for ul and ol separately
#content li,#contentwide li,#contentwide2 li {margin:0 0 0 0; padding:0px 0px 0px 13px; background: no-repeat url(../img/Layout/bullet1.gif) 0px 0.5em; display:block; }
*/
#content ul li,#contentwide ul li,#contentwide2 ul li {margin:0 0 0 0; padding:0px 0px 0px 13px; background: no-repeat url(../img/Layout/bullet1.gif) 0px 0.5em; display:block; list-style:none; }
#content ol li,#contentwide ol li,#contentwide2 ol li {margin:0 0 0 20px; padding:0px 0px 0px 5px; }

#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol {margin:0 0 0 16px; padding:0;}
#content h4 { font-size: 1em; }

/* Images */
img.bild_rechts { float:right; margin: 0.3em 0em 0.3em 1em; padding:0px; border:none; }
img.bild_rechts_rand1 { float:right; margin: 0.3em 0em 0.3em 1em; padding:0px; border: solid 1px #8f0000; }
img.bild_rechts_rand2 { float:right; margin: 0.3em 0em 0.3em 1em; padding:0px; border: solid 1px #ffb300; }
img.bild_links { float:left; margin: 0.3em 1em 0.3em 0em; padding:0px; }
img.bild_links_rand1 { float:left; margin: 0.3em 1em 0.3em 0em; padding:0px; border: solid 1px #8f0000; }
img.bild_links_rand2 { float:left; margin: 0.3em 1em 0.3em 0em; padding:0px; border: solid 1px #ffb300; }
img.teaserbild_links_rand1 { float:left; margin: 0.1em 0.5em 0.1em 0em; padding:0px; border: solid 1px #8f0000; width:36px; height:36px; }

/* Footer  */
#footer_top_left {background:#ffb300; margin:0 0 3px 0; padding:0; width:11px; height:13px; clear:both; float:left; }
#footer_top_center {background:#ffb300; float:left; margin:0 0 3px 0; padding:0; width:928px; height:13px; }
#footer_top_right {background:#ffb300; float:left; margin:0 0 3px 0; padding:0; width:11px; height:13px; }

#footer_middle_left {background:#8f0000; margin:0px auto; padding:0; width:11px; height:27px; clear:both; float:left; }
#footer_middle_center { background:#8f0000; float:left; border:none; color:#EFDFC2; margin:0px auto; padding:5px 0; 
text-align:center; width:928px; height:17px; line-height:1.5em; font-size:0.9em;}
#footer_middle_right {background:#8f0000; float:left; margin:0px auto; padding:0; width:11px; height:27px; }

#footer p {margin:0; padding:0; }
#footer a {background-color:#8f0000; color:#ebe8da; font-weight:400; text-decoration:none;}
#footer span {font-size:1.2em;}

#footer_bottom {background:#ffffff; clear:both; margin:0 0 0 0; padding:0; text-align:center; width:950px; height:10px; }


/* Additional classes */
.left {float:left; margin:3px 10px 2px 0;}
.right {float:right; margin:2px 0 2px 10px;}
.textright {text-align:right; margin:5px 0;}
.center {text-align:center;}
.small {font-size:0.8em;}
.bold {font-weight:700;}
.timestamp {font-size:1.2em; margin:-5px 0 15px 10px;}
.timestamp a {font-weight:400;}
.announce {background-color:#f4f4f4; border-left:4px solid #8f0000; clear:left; color:#505050; font-size:1em; line-height:1.5em; margin:10px 0 15px; padding:7px 5px 2px 5px; width:186px;}
.announce p {margin:10px 0 0; padding:0;}
.postinfo {background-color:#f4f4f4; border-left:4px solid #ccc; color:#606060; font-size:0.9em; line-height:1.4em; margin:1px 0 20px; padding:8px 5px 8px 8px;}
.clearing {clear:left; margin:0; padding:0; visibility:hidden;}
.hide {display:none;}

/* Additional Additional classes */
.w40 {
 width:40%;}
.w50 {
 width:50%;}
.clear {
 clear:both;
 display:block;
 overflow:hidden;
 visibility:hidden;
 width:0;
 height:0;}	

/* Lines */

div.line1 { margin: 0px 0px 10px 0px; border:none; border-top: solid 1px #cccccc; }
div.line2 { margin: 10px 0px 10px 0px; border:none; border-top: solid 1px #cccccc; }
div.line3 { margin: 10px 0px 20px 0px; border:none; border-top: solid 1px #dddddd; }
div.line_news_home { margin: 10px 0px 10px 0px; border:none; border-top: solid 1px #dddddd; }
div.line_news_single { margin: 10px 0px 10px 0px; border:none; border-top: dotted 1px #999999 }

/* Boxes */
div.box1 {
	border: dotted 1px #aaaaaa;
	padding: 10px;
	margin: 0 0 10px 0;
}


/* Formatting for news */

p.news_subheader { font-weight:bold; }
p.news_menu { text-align:right; }

/* Font size definition 90 or 100% */
p.news_date { margin: 0 0 7px	 0; font-style:italic; font-size:100% }
p.news_subheader { margin: 0 0 0 0; font-style:italic; font-weight:bold; }
p.news_text { }
/* Font size definition 90 or 100% */
.home_newsdate { margin: 0 0 0 0; font-style:italic; font-size:100% }
.home_newstitle { margin: 0 0 0 0; }
.home_newstitle a { }
.home_newsteaser { margin: 0 0 0 0; }



/* Page browser */

div.news-list-browse {
}

td.tx-ttnews-browsebox-SCell {
   background-color: #8f0000;
   color:white;
   font-weight:bold;
   font-size:100%;
   border: none;
}

div.tx-ttnews-browsebox {
   margin:0px 0px 0px 0px;
   padding:0px 0px 0px 0px;
   background-color:#ffffff;
   border:none;
}

div.tx-ttnews-browsebox table {
   text-align:center;
   margin-left:auto;
   margin-right:auto;
   border:none;
}

div.tx-ttnews-browsebox td {
   font-size:100%;
}

div.tx-ttnews-browsebox td p {
   margin:2px 1px;
   font-size:100%;
}

/* Map */

#map { border: solid 1px #810000; }
.mapimg { border: solid 1px #810000; }

/* Home page */
.dot1 {color: #810000; }
.dot2 {color: #ffb300; }

/* Table on home page */
td.bull_square { padding: 3px 10px 0 0; }
td.table_news_home_date { padding: 0 5px 3px 0; line-height:130%; }
td.table_news_home_title_teaser { padding: 0 5px 7px 0; line-height:130%; }

.filetype_pdf {
margin: 0px; 0px 0px 0px; background: no-repeat url(../_gifs/filetypes/icon_pdf.gif);
background-position:0px 0px; display: inline; padding: 0px 0px 0px 22px;

.ul_pdf { margin: 0; padding: 0; list-style-type:none;}
.ul_pdf li {   background: url(../_gifs/filetypes/icon_pdf.gif ) no-repeat 0px 4px; padding: 4px 0 2px 24px; }
}

hr {height: 1px; border-width: 1px 0px 0px 0px; border-style: dotted; border-color: #999999; }


input, textarea {
   border: solid 1px #666;
}

input.text_auskunft {
	width:300px;
	height:16px;
	background-color:#eeeeee;
}

.table_auskunft td {
	padding-bottom:5px;
	padding-right:30px;
}

td.label_auskunft {
	font-weight:bold;
}

h2 a {
	color:#EF8100;
}


/* For page comments */
.tx-skpagecomments-pi1 {
   margin: 10px 0 25px 0;
}

.tx-skpagecomments-pi1 form input {
   background-color:#eeeeee;
}

.sk-pagecomments-error {
   margin:0 0 20px 0;
   color:red;
}

form#skpagecommentform  {
   margin-top:20px;
}

input.comment, textarea.comment {
   width:340px;
   margin-bottom:5px;
   border:solid 1px #000;
   background-color:#eeeeee;
   font-family: Arial, Helvetica, sans-serif;
   }
textarea.comment {
   font-size: 1.1em;
	}

.align-right { text-align:right; }
.align-center { text-align:center; }

/* Formmail */

fieldset.csc-mailform { border:none; background-color:#FFE7AF; margin:0; padding:10px; }
.csc-mailform-field { padding: 0 0 3px 0;}
.csc-mailform input, .csc-mailform  textarea { position:relative; margin-left: 150px; width:330px; font-family: Arial, Helvetica, sans-serif; font-size:12px; }
.csc-mailform-submit { margin-top: 20px; float:left;}
.csc-mailform label { position: absolute; }
input.csc-mailform-radio { width:90px; border:none; }

.csc-mailform-radio legend { color:white; }

#mailformattachment1 { background-color:white; }