/*Stylesheet Grimme Relaunch 2007
Fachhochschule Koeln - Tobias Karsch / David Kratz
=======================================================*/

body {
  margin: 0 0 0 20px;
  padding: 0;
  font: 12.4px Helvetica, Arial, Verdana, Sans-Serif;
  background: #FFFFFF;
  text-align: left;
  color: #333333;
}

h1, h2, h3, h4, h5, p, table, tr, th, td, ul, ol, li, div, span, input {
  margin: 0;
  padding: 0;
  border: 0;
}

#serviceMenu, #mainMenu  {
  list-style-type: none;
}


/* Suche
=======================================================*/
.csc-sword {background-color:#FFFF66}

/* Bildunterschriften
=======================================================*/
.csc-textpic-caption {font-size:90%; padding:3px 0 9px 0}

/* Info-Boxen im Fliesstext 
=======================================================*/

span.detail {
   background-color:#CCCCCC; 
   display:block; 
   float:right; 
   width:184px; 
   padding:4px; 
   margin:8px 0 8px 8px;
   font-size:90%;
   line-height:1em;
}

/* Bildboxen 
=======================================================*/

.csc-textpic-above {margin-top:0px}
.csc-textpic-firstcol {border-bottom:10px solid #FFF}
html>body .csc-textpic-firstcol {border-bottom:0px}

/* Formulare 
=======================================================*/

input, textarea {border:1px solid #666666; margin-bottom:3px; background-color:#FFFFFF}
input.csc-mailform-radio {margin:8px 5px 0 0; border:0px}
label, span.label {width:8em; display:block; float:left}
fieldset#mailformAnrede {border:0px}
fieldset#mailformAnrede legend { display:none}
fieldset#mailformAnrede label {width:auto; display:inline; float:none}


/* Content-Formatierungen
=======================================================*/

h1.csc-firstHeader , .csc-header-n2 h1 , .csc-header-n3 h1 , .csc-header-n4 h1  , .csc-header-n5 h1, .csc-header-n6 h1 {
  font-size:1.8em; 
  font-weight:normal; 
  margin:5px 0 10px 0;
}
/* .csc-header-n2 h1 added 160707*/
/* .csc-header-n3 h1 added 111207*/
/* .csc-header-n4 h1 added 131207*/
/* .csc-header-n5 h1 added 131207*/


.csc-header h1 {
  font-size:1.8em; 
  font-weight:normal; 
  margin:5px 0 10px 0;
}

.csc-header-n2 h1
{
margin-top:20px !important;
}
/* added 170707*/


h1, h2 {
  font-size:1.1em; 
  margin:16px 0 2px 0;
  line-height:1.3em;
}

h3, h3 a {
  font-size:1.0em;
  color:#0000; 
  font-weight:bold; 
  margin:16px 0 2px 0;
}

h4, h4 a {
  font-size:1.0em;
  color:#0000; 
  font-weight:bold; 
}


#Content p, #Content li {
  line-height:1.38em
}

#Content ul {
  margin:16px 0 8px 0
}

#Content ul li ul {
  margin:8px 0 8px 0
}

#Content li {
  margin-left:2em; list-style-type:square
}

table {border-spacing: 0;}

th {
	background: url(line_solid.gif) bottom repeat-x;
	padding: 6px;
	text-align: left;
}

tr {background: url(line_dotted.gif) bottom repeat-x;}
td {padding: 6px;}


a {color:#333333}

h1 a {
	border-bottom:2px solid #CC0000; 
	text-decoration:none
}	

/* Tel und E-Mail einruecken (provisorisch)
=======================================================*/
.name-of-person {display:block; float:left; width:4em}

/* Seitenanfang
=======================================================*/
a.seitenanfang {
	display:block;
	width:9em;
	background-image:url(pfeil_up.gif); 
	background-position:right top; 
	background-repeat:no-repeat;
	margin:20px 0 20px 0;
	padding-right:10px;
}

/* Pfeil extern
=======================================================*/
a.external-link, a.external-link-new-window {
	background-image:url(pfeil_extern.gif); 
	background-position:right top; 
	background-repeat:no-repeat;
	padding-right:10px;
}


/* Content 3spaltig
=======================================================*/

.Content3spaltig h1, #ContentRight .csc-header-n2 h1 , #ContentRight .csc-header-n3 h1 ,#ContentRight .csc-header-n4 h1{
  font-size:1.8em; 
  font-weight:normal; 
  margin:16px 0 10px 0;
  padding-top:6px;
  border-top: 3px solid #333333;
}


.Content3spaltig h1.csc-firstHeader {
 border-top:0px;
 padding-top:0px;
 margin:5px 0 10px 0;
}

/* removed .csc-header-n2 h1   100708 */


/* Content 1spaltig
=======================================================*/

 #Content1spaltig {
  float:left; 
  width:608px;
  margin:0 0px 9px 16px;
}  

 .Content1spaltig {
  width:192px;
  margin:0 0 0 16px;
  float:left;
  overflow:hidden;
  border-top: 3px solid #333333;
} 

 .Content2spaltig {
  width:400px;
  border-top: 3px solid #333333;  
  margin:0 0 0 0px;
  float:left;
}

/* Versteckete Elemente fuer Textversion
=======================================================*/

.invisible {
  display:none;
  visibility:hidden
}  


/* Header-Box
=======================================================*/

#topFrame {
  width: 848px;
  height: 152px;
  overflow: auto;
}

/* Logo
=======================================================*/
#Logo {
  position:absolute;
  left:0;
  top:0;
  float: left;
  width: 272px;
  height:134px;
  overflow: hidden;
  margin: 16px 0 0 0px;
  padding: 0;
}

html>body #Logo {margin: 16px 0 0 20px;}

/* Hauptmenü
=======================================================*/

#mainMenu {
  padding-top: 0;
  margin-bottom:16px;
  float: right;
}

#mainMenu li {
  display: inline;
  float: left;
  width: auto;
  overflow: hidden;
  margin: 16px 0 0 23px;
  text-align: left;
}

#mainMenu li#mM_Current {
  font-weight: bold;
}

#mainMenu li a {
  text-decoration: none;
  display: block;
  color: #333333;
  background: none;
  padding: 0 0 0 6px;
  border-left: 1px solid #333333;
  line-height:1.28em;
}

/* Hauptmenü - Mehrfarbige Rollover-Effekte 
=======================================================*/

#mainMenu .hover_menu_1 a:hover {
  background: none;
  color: #CC0000;
  border-color: #CC0000;
}

#mainMenu .hover_menu_2 a:hover {
  background: none;
  color: #CC00CC;
  border-color: #CC00CC;
}

#mainMenu .hover_menu_3 a:hover {
  background: none;
  color: #66B633;
  border-color: #66B633;
}

#mainMenu .hover_menu_4 a:hover {
  background: none;
  color: #333399;
  border-color: #333399;
}

#mainMenu .hover_menu_5 a:hover {
  background: none;
  color: #0099CC;
  border-color: #0099CC;
}

#mainMenu .hover_menu_6 a:hover {
  background: none;
  color: #FF9900;
  border-color: #FF9900;
}

#mainMenu .hover_menu_7 a:hover {
  background: none;
  color: #FFD300;
  border-color: #FFD300;
}

/*  Servicemenü
=======================================================*/

#serviceFrame {
  width: 848px;
  clear: both;
}

.serviceMenu {
  float: right;
  padding-bottom: 8px;
  margin-top:4px;
}

.serviceMenu li {
  display: block;
  float: left;
}

.serviceMenu li a {
  text-decoration: none;
  color: #333333;
  font-size: 90%;
  border-left: 1px solid #333333;
  padding: 0 0 0 9px;
  margin-left:11px;
}

.serviceMenu li a:hover {
  text-decoration: underline;
}

.serviceMenu li#searchBox {
  border: 0;
  padding-right: 0;
  padding-top: 0;
  margin: 0;
  color: #333333;
}

.serviceMenu li#searchBox input {
  border: 1px solid #333333;
  font-size: 90%;
  font-family: Helvetica, Arial, Verdana, Sans-Serif;
  width: 100px;
  padding: 2px 2px 2px 2px;
  margin: -1px 0 0 5px;
}

/* Main-Box
=======================================================*/

#mainFrame {
  clear: both;
  margin-left: 96px;
  width: 768px;
  height: inherit;
}


/* SubMenu-Box
=======================================================*/

#subMenu_Box {
  width: 128px;
  border-top: 3px solid #333333;
  float:left;
}

#subMenu   {
  margin-top: 5px;
}

#subMenu, #subMenu_secondLevel {
  list-style-type: none;
  width: 128px;
  overflow: hidden;
}

#subMenu li {
  background: url(line_solid.gif) bottom repeat-x;
  padding: 0;
  margin: 0;
 
}

#subMenu li a{
  display: block;
  font-size: 90%;
  width: 100%;
  text-decoration: none;
  color: #333333;
  padding:3px 0 2px 0;
}

#subMenu li ul li a{
  padding:3px 0 2px 0;
}

#subMenu #subMenu_secondLevel li {
  background: url(line_dotted.gif) top repeat-x;
}

#subMenu #subMenu_secondLevel {
  padding-bottom: 9px;
}

#subMenu #subMenu_secondLevel a {
  padding-left: 6px;
}

#subMenu #subMenu_open, #subMenu a#subMenu_current {
  padding-left: 6px;
}

#subMenu #subMenu_secondLevel li {
  padding: 0; 
  margin: 0;
}


#subMenu_current a {
  margin-bottom: 0px; 
}

a#subMenu_current {
  background: url(highlight_1.gif) repeat-y left;
}

a#subMenu_secondLevel_current {
  background: url(highlight_1.gif) no-repeat 0px 0.7em;
}

/* Contentbereich
=======================================================*/

#ContentLeft {
  width:400px;
  margin:0 0 9px 16px;
  border-top: 3px solid #333333;
  float:left;
}
 
 #ContentRight, #ContentLeft3spaltig, #ContentCenter, .ContentBlockElement  {
  width:192px;
  margin:0 0 9px 16px;
  border-top: 3px solid #333333;
  float:left;
  overflow:hidden;
}

 #Content3spaltig {
  float:right; 
  width:607px;
  background:black; 
  margin:0 0px 9px 0;
  padding-right:16px;
}  
 

 .ContentBlockElement  {
  margin:0 0 0 16px;
  border-top: 0px;
}

.ContentBlockElement {
  margin-top:16px;
}  

.ContentBlockElement h1 {
  border-top: 3px solid #333333;
  font-size:1.8em; 
  font-weight:normal; 
  margin:15px 0 10px 0;
  padding-top:3px;
}  

.ContentBlockElementLeft {
  margin-left:0px;
}  


#ContentRight .csc-textpic-above {
   margin-top:9px;
}   


/* Footer
=======================================================*/ 
#footer {
	clear: both;
	width: 752px;
	background: url(line_dotted.gif) top repeat-x;
	text-align: right;
	margin: 9px 0 16px 96px;
	padding-top: 9px;
	padding-bottom: 32px;
}

#footer a {
  text-decoration: none;
  color: #333333;
  font-size: 90%;
  padding: 3px 0 0 16px;
  display: block;
  float: right;
  height: 16px;
}

#footer a.gotop {
	background: url(pfeil_up.gif) no-repeat right 2px;
	padding-right: 16px;
}

#footer a.print {
	background: url(print.gif) no-repeat right top;
	padding-right: 22px;
}

#footer a:hover {
	text-decoration: underline;
}



/* Bestellung
=======================================================*/ 
.news-latest-item {
	position:relative;
	background-color:#F0F3E1;
	margin:0px 0px 0px 18px;
	padding:5px;
	width:93%;
	min-height:80px;
	height:auto;y
	display:block;
}

.news-latest-item-title {
	width:80%;
	font-size:100%;
	font-weight:bold;
}

.news-latest-item p.bodytext {
	padding:0px !important;
	width:65%;
}

.news-latest-item img {
	position:absolute;
	top:5px;
	right:5px;
	display:block;
}

.submit-bestellung {
	border:1px solid gray;
	width:auto;
	height:18px;
	background-color:#333399;
	color:#ffffff;
	font-size:80%;
}

.news-latest-item-anzahl {
	border:1px solid gray;
	width:75px;
	height:18px;
	background-color:#ffffff;
}

/* News
=======================================================*/ 

.news-list-item {
	border-bottom:1px dotted #000;
	padding-bottom:13px
}

hr.clearer {
	display:none;
}	



/* Videos Flash
=======================================================*/ 

span.noflash {border:1px solid #000; padding:5px; font-weight:bold; display:block}

/* Sonstiges
=======================================================*/ 

div.trennlinie {border-top:3px solid #333333}
html>body div.trennlinie {margin-top:0px}



/* Abstand unten für Paragraphen - Selector wird durch RTE zugewiesen*/


p.abstand_unten
{
margin-bottom:20px;
}

/* tt_news AMENU */
.news-amenu-item-year {display:none;}

.news-amenu-container ul, .news-amenu-container li {list-style-type :none !important;padding-bottom:2em !important;margin: 0 1em 0 0 !important}
.news-amenu-container li  {float:left}

.news-list-container {clear:both}



.pro66 span.ueberschrift
{
display:block  !important;
width:330px !important;

}

/* Trennstrich für Elemente ohne Überschrift - added 20.10.2008 */

.csc-frame-rulerBefore
{border-top:3px solid #333333;
padding-top:8px;
margin-top:4px;
}

/* Abstand PT - added 24.32.2009 */

p.sep
{
border:none;
height:4px;
overflow:hidden;
}