/*
 CSS Reset
 */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*
  Layout
*/
* {
   margin:0;
   padding:0;
   border:0;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 1em;
}
body {
  background: url(../img/bg_body.jpg) top repeat-x #C4CBD3;
  font-size: 100.01%;
  color: #334433;
  text-align: center;
  }

#wrap {
  background: #fff;
  border: 15px solid #fff;
  border-radius: 10px;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  margin: 10px auto;
  text-align: left;
  position: relative;
  width: 1002px;
}

#head {  
  border-left: 1px solid #DDDDCC;
  border-right: 1px solid #DDDDCC;  
  height: 150px;  
}
#head img {
  border-radius: 5px;
  -moz-border-radius:5px;
}

#main {
  background: #FFF;
  border: 1px solid #DDDDCC;
  border-top: 0;
  padding: 0 0 2em;
  position: relative;
  margin: 20px 0 0;
}

#navigator {
  border-left: 1px solid #DDDDCC;
  border-right: 1px solid #DDDDCC;
  display: block;
  height: 20px;
  left: 0;
  padding: 0.1em 0;
  position: absolute;
  top: 150px; 
  width: 1000px;
  
}
#links {
  float: left;
  width: 200px;  
}

#content {
  color: #333;
  float: left;
  height: auto !important;
  height: 400px;
  margin-left: 20px;
  min-height: 400px;  
  width: 540px;
}
#content_right {	
  display: block;
  float: right;	
  margin: 1em 1em 0 0;
	overflow: hidden;
	width: 190px;
}

#footer {
  clear: both;
  margin: 10px 0 0;  
}
/*
 Navigation 
 */
#navi_links {
	border: 1px dotted #333;
	border-bottom: 0;
	background: #fafafa;
	margin: 1em 0 1em 1em;
}

#navi_links ul {list-style: none; margin: 0 1em 0;}

#navi_links a {
	color: #333;
	display: block;
	font-size: 0.8em;
	font-family: "Arial";
	font-weight: bold;	
	letter-spacing: 0.1em;
	padding: 0.4em 0.5em;
	text-decoration:none;
	}
	
#navi_links a:hover {
	background: #224974;
	color: #fafafa;
}
#navi_links a.aktiv {color: #224974; }
#navi_links a.aktiv:hover {
	color: #fff;	
}

#navi_links li {
	border-bottom: 1px dotted #333;
	font-size: 0.9em; 	
	}
#navi_links ul {margin:0;}	
#navi_links ul a {padding-left: 1.5em;}

#fb, #rss {height: 24px;width: 24px;}
/*
  Navigator
*/
#navigator ul {margin-left: 1em;color: #aaa; }
#navigator ul li {display: inline; font-size: 0.7em; }
#navigator ul li a {
  color: #aaa;  
  text-decoration: none;
  padding: 0.2em;
  }
#navigator ul li a:hover {
  text-decoration: underline;
} 

/*
  Allgemeine Klassen
*/
.center,
.align-center {text-align: center;}
.align_right {text-align:right;}
.align_left {text-align:left;}

.noborder,
#navi_rechts li.noborder,
#navi_links li.noborder {border: 0}

.clear {clear:both}

.important {color: red;}
.sub-section {margin: 0.5em 0 0.5em 1em;}
.news-latest-date, 
.italic {font-style: oblique;}

/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after,
.csc-textpic:after  {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix,
.csc-textpic { display: block; }

/*
 * Generelle Selektoren 
 */
h1 {font-size: 1.5em; margin: 0.5em 0 1em;}
h2 {font-size: 1.2em }
.news-single-item h2 {font-size: 1em;}
h3 {font-size: 1em}
h4 {font-size: 0.8em;}
h5 {font-size: 0.8em;font-weight:normal; font-style:oblique;}

#content p {font-size: 0.8em; line-height:1.2em; margin: 1em 0;}
#content p.small {font-size: 0.7em;}
#content iframe {border: 1px solid #ccc; padding: 2px;}
#content a,
#content_right a {color: #194276;}
#content a:hover,
#content_right a:hover {color: #D31015;}
/* Bilder */
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img,
.csc-textpic-image img,
#content img 
{
	border:1px solid #DDDDDD;
	margin:0.5em 2px 5px 5px;
	padding:1px;
}

#content .news-single-imgcaption,
.csc-textpic-caption {
	color: #666;
	font-size: 0.6em;
	padding: 0 0.5em;
	text-align:center;
}
#c41 .csc-textpic-caption {font-size: 1em;}
.tx-rgsmoothgallery-pi1,
.rgsgcontent {text-align: center; margin: 0 auto;}

#content .video {padding: 1em 0; text-align: center;}

/* tt_news */
.news-list-container,
.news-latest-container {padding: 0;}

.news-list-item,
.news-latest-item {border-bottom: 1px solid #ddc;}
#content .news-list-item a img,
#content .news-latest-item a img {margin: 0 5px 5px 0;}
#content .news-single-item img {margin-top:0;}
.news-single-backlink {padding: 5px 0;}

.news-single-img {margin-top: 0; padding-top:0;}
.news-single-item .news-date {font-style: oblique;}
.news-list-container img {float: left;}
#content .news-single-img p {margin-top: 0;}

.news-list-date {float: none; font-style: oblique; padding: 0;}


/* Formular */
#content .csc-mailform-field {clear: both;}

#content input, 
#content textarea, 
#content select {
  border: 1px solid #ddd;
  font-size: 0.8em;
}

#content label {font-size: 0.8em; display: block; margin: 0.5em 0;}

#content input[type=submit] {
  font-size: 0.8em;
  margin-top: 1em;
  padding: 0.25em 1em;
}

#content input[type=checkbox] {
  float: left;
  margin: 0 0.25em;
}

/* Rechte Spalte */
#content_right h2 {
  background: #29497C;
  color: #fff;
  font-size: 0.8em;
  margin: 0 0 1em 0;
  padding: 0.2em 0.1em;  
  text-align: center;
}

#content_right p {font-size: 0.8em;}
#content_right .csc-default {
  border: 1px solid #ccc;
  padding: 0.5em;
  margin-bottom: 2em;
  }
  
#content_right img {padding:0; margin:0; border:0;}
#content_right .csc-textpic-image {margin: 0.4em 0;}