/*------[GENERAL]--------*/
* { margin: 0; padding: 0; }

body{
	background:#015488 url(img/background.jpg) repeat-x top left;
	color: #000; 
   	font: 62.5%  Arial, Helvetica, sans-serif;
}

a { color: #124268; text-decoration:underline;}
a:hover { color:#333; }

ul{ list-style:none; margin-left: 30px; }

h1,h2,h3,h4,h5,h6 { font-family:  Arial, sans-serif; }

/*-------[   Layout   ]---------*/
 #wrap{ position:relative; width:820px; margin:15px auto; }
 
 #header{ height:378px; }

/*-------[ Logo + Navigation ]---------*/
	#logo{ position: absolute; top:0px;  font-family: Arial, "Times New Roman", Times, serif; font-size: 32px; color: #fff; }
	#logo img { border:0px; }
	#logo a{ color:#fff; text-decoration:none; }
	#logo a:hover{ text-decoration:underline; }
	
	#header-pic{ position:absolute; top:138px; left:0; height:240px; }

	#nav {
		position:absolute;
		width:820px;
		top:100px; left:0;
		height:34px;
		background-color:#294963;
		border-bottom:4px solid #ded384; }
		
		#nav ul{ padding:0; margin-left:30px; list-style: none; }
			#nav li{ display: inline; }
			
				#nav a{ 
					display: block; 
					float: left;
					padding:10px 20px 10px 20px;
					font:12px Verdana, sans-serif;
					text-transform:uppercase;
					color:#fff;
					text-decoration:none;
					outline: none;
				}
				
				#nav a:hover{ background-color:#081829; }
				#nav .active a{ background:#081829 url(img/bg-menu-active.jpg) bottom center no-repeat; }
 


#content-wrap{ padding:25px 0 30px 30px; background-color:#FFFFFF; }
	#content{ width:500px; position:relative; }

	#content { font-size: 1.5em; line-height: 1.4em; color:#111;  }

		#content h1{
	margin-bottom:20px;
	font-size:24px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #124268;
	padding-left: 10px;
} 
#content .content_box {
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	margin-bottom:15px;
	padding-bottom:5px;
}
		
		
			#content .first, #content .drop_cap { padding: 0.17em 0.08em 0.05em 0; font-size: 3.4em; line-height: 0.6em; color: #aaa; float: left; }
			
			#content p { margin: 0 0 1em 0; }
			
			#content a, #content a:visited { text-decoration: none; }
			
				#content a:hover { text-decoration: underline; }
				
			#content blockquote { font-style:italic; padding:10px; padding-left:35px; margin-bottom:5px; background:#fff url(img/bg_blockquote.gif) no-repeat top left; color:#111;}
			
				#content blockquote ul, #content blockquote ol { margin: 0 0 1.46667em 15px;  }
		/*
			#content ul, #content ol { margin: 0 0 1.46667em 40px; }
				*/
			#content ul { list-style: disc;}

			#content li {
	margin: 0 0 0.4em 0;
	color:#124268;
}	

.csc-textpic-image { margin: 0px; padding 0px;}
				
					#content ul li ul, #content ul li ol, #content ol li ul, #content ol li ol { margin: 0 0 0 25px; }
			
	
				/* ######### Rahmen um Bild */
				DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG { padding:2px; border: solid 1px #CCC; }
				
			.update { border: 1px solid #f2ec49; background: #fffdcb; padding:10px; margin:0; margin-bottom:1em; }
	

	/* --- Seite ---*/
	#sidebar{ position:absolute; right:30px; top:326px;
			  width:230px; height:150px; }
    #sidebar ul { margin: 0px;}
		/* --- Seite Gestaltung---*/
		.sidebar-links{
			background:#29517b url(img/bg_side_links.jpg) repeat-x bottom left ;
			padding:20px;margin-bottom:15px;}
			.sidebar-links h1{ margin-bottom:15px; font-size: 16px; color:#fff; }
			.sidebar-links h3{ margin-bottom:15px; font-size: 16px; color:#fff; }
			
			.sidebar-links ul{
	margin: 10px 0;
	
}
			.sidebar-links ul li{ border-bottom: 1px solid #486a8b; padding: 10px 8px; }
			
			.sidebar-links ul li a{ color: #9fbfd6; text-decoration: none; font-size: 14px; }
			.sidebar-links ul li a:hover{ color: #fff; }
			.sidebar-links ul li.active{ background: #132b44; border-bottom: 0;padding-top: 11px; margin: 0 -20px;
										 padding-left: 28px; margin-top: -1px; position: relative; }
			.sidebar-links ul li.active a{ color: #fff; }

		/* --- --- */
		.sidebar-info{
			border-top:3px solid #ded384;
			background-color:#efebe7;
			padding:20px; margin-bottom:15px;}
			
			.sidebar-info h3{ margin-bottom:15px; }
			.sidebar-info h4 { text-align:center; font-size:23px;}
			.sidebar-info p{ margin-bottom:0px; font-size:13px; }
			.sidebar-info { font-size:13px;}
			.sidebar-info ul{ list-style:inside; list-style-type: square;font-size:100%;}
			
	/* --- Fußbereich --- */
	#footer{
		height:38px;
		width:820px;
		background-color:#001839;
		font-size:12px;
		clear:both;}
	
		#footer p{ padding:11px 0 0 25px; color:#94b6de;}
		#footer a{ color:#94b6de; background:none;}
		#footer a:hover{ color:#fff;}
		#footer img { border:0px;}


/*----------------------------*/
h1 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 20px;
	color: #002852;
	margin-bottom:15px;
}

h2 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
	color: #002852;
	margin-bottom:15px;
}

h3 {
	font-family: Arial, Georgia, "Times New Roman", Times, serif;
	font-size: 16px;
	color: #002852;
	margin-bottom:15px;
}
	h3 a {
		color: #124268;
		text-decoration: none;
	}
	h3 a:hover {
		color: #124b89;
	}

h4 {
	font-size: 16px;
	color: #032850;
	margin-bottom:10px;
}

h5 {
	font-size: 14px;
	color: #000000;
}
/* -----------------   DATEI MARKIERUNG ------------- */
a[href ^="http://"] {
    background: url(icons/external.png) center right no-repeat;
    padding-right: 15px;
}
a[href ^="gopher://"] {
    background: url(icons/external.png) center right no-repeat;
    padding-right: 13px;
}
a[href ^="https://"] {
    background: url(icons/lock_icon.gif) center right no-repeat;
    padding-right: 16px;
}
a[href ^="mailto:"] {
    background: url(icons/mail_icon.gif) center right no-repeat;
    padding-right: 18px;
}
a[href ^="news://"] {
    background: url(icons/news_icon.png) center right no-repeat;
    padding-right: 18px;
}
a[href ^="ftp://"] {
    background: url(icons/file_icon.gif) center right no-repeat;
    padding-right: 18px;
}
a[href ^="irc://"] {
    background: url(icons/discussionitem_icon.gif) center right no-repeat;
    padding-right: 18px;
}
a[href $=".ogg"], a[href $=".OGG"],
a[href $=".mid"], a[href $=".MID"],
a[href $=".midi"], a[href $=".MIDI"],
a[href $=".mp3"], a[href $=".MP3"],
a[href $=".wav"], a[href $=".WAV"],
a[href $=".wma"], a[href $=".WMA"] {
    background: url("icons/audio.png") center left no-repeat;
    padding-left: 19px;
}
a[href $=".ogm"], a[href $=".OGM"],
a[href $=".avi"], a[href $=".AVI"],
a[href $=".mpeg"], a[href $=".MPEG"],
a[href $=".mpg"], a[href $=".MPG"] {
    background: url("icons/video.png") center left no-repeat;
    padding-left: 19px;
}
a[href $=".pdf"], a[href $=".PDF"],
a[href *=".pdf#"], a[href *=".PDF#"],
a[href *=".pdf?"], a[href *=".PDF?"] {
    background: url("icons/document.png") center left no-repeat;
    padding-left: 19px;
}
a[href $=".zip"], a[href $=".ZIP"],
a[href $=".rar"], a[href $=".RAR"],
a[href $=".exe"], a[href $=".EXE"],
a[href $=".msi"], a[href $=".MSI"],
a[href $=".dmg"], a[href $=".DMG"],
a[href $=".gz"], a[href $=".GZ"],
a[href *=".gzip"], a[href *=".GZIP"] {
    background: url("icons/download.png") center left no-repeat;
    padding-left: 19px;
}

/* Tabellen
-------------------------------------------------------------- */

table   { text-align:left;}
th      { border-bottom: 2px solid #ccc; font-weight: bold; }
td      { border-bottom: 1px solid #ddd; }
th,td   { padding-bottom: 3px; padding-top:5px;}
tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Error und Erfolgbereiche */
.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; border: 2px solid #ddd; }
.error      { background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; }
.notice     { background: #FFF6BF; color: #817134; border-color: #FFD324; }
.success    { background: #E6EFC2; color: #529214; border-color: #C6D880; }
.error a    { color: #D12F19; }
.notice a   { color: #817134; }
.success a  { color: #529214; } 

/* Formular */
fieldset {
	margin: 20px 5px 10px 0px;
	padding: 5px;
	border: 1px dotted #ccc;
	background-color: #fff;
} 
legend { background-color:#124268; color:#FFFFFF; text-transform:uppercase; padding:3px; margin-left:0px; margin-bottom:10px; font-size:12px;}
form p { margin: 5px 0 0 0;}
label {  text-align:left; margin-right:10px; display:block; width:140px; float:left; clear:both; font-weight:bold; color: #124268; font-size:12px; }
input.text { width:315px; }
input {
	margin-bottom:10px;
	margin-top:5px;
	background-color: #FFF;
}
textarea { width: 300px; /* margin: 5px 15px 15px 15px; */ }  
/* DOWNLOAD */

.tx_abdownloads_treeView_downloadLabel { font-weight:bold; text-decoration:none;}
.tx_abdownloads_treeView_downloads {
	border: dotted 1px #999;
	padding:5px;
	background-color:#A0B5CC;
	color: #000;
}
.tx_abdownloads_viewDetailsForDownload .down_label { font-size:12px; color:#333; width:80px; float: left; width:100px;}
.tx_abdownloads_viewDetailsForDownload br { clear:both;}
.down_head { background-color:#124268; margin:-5px; margin-bottom:6px; padding:3px;}
.down_head  a { color:#FFF; text-decoration:none;}
.down_error {background: #FBE3E4; color: #D12F19; border-color: #FBC2C4; margin-bottom:5px;}
.form input { width:200px; float: none; background-color:#999;}
.form label { font-size:12px; color:#333; width:80px; margin-top:15px; margin-bottom:0px;float: none;}
.form p { font-size:12px;}
.down_file { background-color:#999;}

/* SATZUNG */
#satzung { font-size:11px;}
#satzung li li {
	list-style-type: upper-roman;
}
#satzung li li li { list-style-type:lower-latin; }

.clearer { border: 0px; }
/* Bildbeschreibung */
.csc-textpic-caption { font-size:12px; color:#333;}
h3 sup { font-size:10px;} 

/* Hosting Link im Fuß */
#bottomLink { vertical-align:middle; }