/* 
    Farben:
    cyan: #0099CC 
*/


/************************************************************************************
  ********************************* html elements *************************************
************************************************************************************/
body {
	margin:30px 0 30px 0;
        padding:0;
	font-family:Verdana,sans-serif;
	font-size:11px;
        line-height:16px;
        color:#000000;
	background-color:#ffffff;
}

div,a , td, input, label,p {
	font-family:Verdana,sans-serif;
	font-size:11px;
	color:#000000;
}

.line-bottom { border-bottom:2px solid #0099CC; padding-bottom:10px; margin-bottom:10px; }
.align-right { text-align:right; }
.align-center { text-align:center; }
.smallFont,p.smallFont,div.smallFont,span.smallFont { font-size:9px;line-height:12px; }
.bigFont,p.bigFont,div.bigFont,span.bigFont { font-size:13px;line-height:18px; }
.blueFont,p.blueFont,div.blueFont,span.blueFont { color:#0099CC; }
.greyFont,p.greyFont,div.greyFont,span.greyFont { color:#dedede; }

h1 { font-size:14px; font-weight:bold; line-height:16px; color:#000000;  margin-top:0px; padding-top:10px;}
h1.sub { font-size:12px; line-height:16px; color:#0099CC; margin-top:0px; padding-top:10px; }
h2 { font-size:14px;  font-weight:bold; color:#0099CC; margin-top:0px; padding-top:10px; }
h3 { font-size:12px;  font-weight:bold; margin-top:0px; padding-top:10px;}
h4 { font-size:11px; font-weight:bold; margin-top:0px; padding-top:10px; }
h5 { font-size:8px; margin-top:0px; padding-top:8px; }
h6 { font-size:7px; margin-top:0px; padding-top:7px; }

p.csc-caption { font-size:10px; margin-top:2px; margin-bottom:5px;padding:0;line-height:12px; }
a { text-decoration:none; color:#0099CC; }
ul { list-style-image:url(../img/dot.gif); }
ul.nostyle { list-style-type:none;list-style-image:none; margin:0;padding:0; }

/* Bilder mit BU */
dl.image {
	margin:0 10px 5px 10px;
}
dl.image dt, div.filelinks dd {
	margin:0;
	padding:0;
	line-height:0.9em;
}

dl.image dd {
	background-color:#e8eff4;
	margin:-1px 0 0 0;
	padding:1px 0 1px 3px;
	font-size:0.9em;
	line-height:1.2em;
}
.imgleft dl.image {
	float:left;
	margin-right:10px;
}
.imgleft dl.image {
	float:right;
	margin-left:10px;
}

a img { border:none; }

input, select { padding:2px;font-family:Arial,sans-serif;font-size:11px; }
label { font-weight:bold }
fieldset { border:none; }

.left {
	float:left;
}
.right {
	float:right;
}
.clearer {
	clear:both;
}
/************************************************************************************
  ********************************* header elements ***********************************
************************************************************************************/
#head {
	width:100%;
	height:100px;
	background-color:#D0D1D5;
	text-align:center;
        margin-top:30px;
        vertical-align:bottom;
        border-bottom:3px solid #0099CC;
}
#language {
        position:absolute;
	width:50%;
	left:50%;
	right:0px;
	height:20px;
        top:30px;
        z-index:2;
	background-color:#0099CC;
	color:#ffffff;
}
#borderMenu { border-bottom:1px solid #0099CC; height:25px; }
#mainmenu { width:960px; text-align:right;height:25px; }

/************** header html *******************/
ul.mainMenu { margin:0; padding:0; float:right;text-align:left;}
ul.mainMenu li { display:inline;margin:0; padding:0; }
ul.mainMenu a { 
    color:#333333; 
    text-decoration:none; 
    background:url(../img/naviPass.gif) 7px center no-repeat;
    line-height:25px; 
    padding:0 10px 0 27px;
    display:block;
    float:left;
}
ul.mainMenu a:hover, ul.mainMenu a.mainAct {
    color:#ffffff;
    background:url(../img/naviAct.gif) 7px center no-repeat;
    background-color:#0099cc;
}
div.lang { margin:3px; }
div.lang a { color:#ffffff; }


/************************************************************************************
  ********************************* content elements **********************************
************************************************************************************/
#content { width:960px; }
#colLeft { width:180px;  float:left; }
#colCenter { width:530px; float:left; padding:10px 20px;}
#colRight { width:210px; float:left; }


/************* left column html **************/
ul.subMenu, ul.secondLevel, ul.thirdLevel { margin:0px; padding:0px; list-style-type:none;list-style-image:none; }
ul.subMenu a {
    display:block;
    padding-left:20px;
    text-decoration:none;
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #fefefe;
}
ul.subMenu a { background-color:#dedede; color:#333333; }
ul.subMenu a:hover.firstLevel, ul.subMenu a.firstLevelAct { background-color:#0099cc; color:#ffffff; }

ul.secondLevel a { background-color:#f2f0f0; color:#0099cc; }
ul.secondLevel a:hover.secondLevel, a.secondLevelAct { background-image:url(../img/subBg.gif); background-repeat:repeat-y; }

ul.thirdLevel a { 
    background-image:url(../img/arr.gif); 
    background-repeat:no-repeat; 
    background-position:20px 5px;
    background-color:#f2f0f0; 
    color:#0099cc;
    padding-left:35px;
}
ul.thirdLevel a:hover.thirdLevel,ul.thirdLevel a.thirdLevelAct { background-image:url(../img/arr2.gif); color:#333333;}


/************* content column html ***********/
/* Tabellen: tdLAYOUTNR-ZEILENNR-SPALTENNR */
table.contenttable td { vertical-align:top; }

/* Tabellen-Layout 1 */
table.contenttable-1 td { vertical-align:top; }
table.contenttable-1 th { background-color:#0099CC; color:#ffffff; text-align:left; font-size:11px; font-weight:normal; }
table.contenttable-1 tr.tr-odd td { background-color:#ffffff; }
table.contenttable-1 tr.tr-even td { background-color:#dddddd;}

/* Tabellen-Layout 2 */
th.th2 { text-align:left; font-size:12px; font-style:italic; color:#000000;font-weight:normal; line-height:16px;background:url("../img/box_top.gif") top no-repeat; }
table.table2  { background:url("../img/box_bottom.gif") bottom no-repeat; width:440px }

/* Tabellen-Layout 3 */
th.th3 { text-align:left; font-size:12px; font-style:italic; color:#000000;font-weight:normal;line-height:16px;padding:15px; padding-left:30px; }
table.table3 { margin:20px; margin-top:10px;border-top:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; }

input.contact { width:300px; }
textarea.contact { width:300px; height:200px;}
div.galleryNav { padding-top:10px;padding-bottom:20px;text-align:center;  }
div.newsList { clear:left;padding-top:10px;padding-bottom:10px;  display:block; }

form#recommend label { float:left; width:140px; margin-right:10px; text-align:right; }
form#recommend br { margin-bottom:5px; }
form#recommend input[type=text] { width:300px; }
form#recommend textarea { width:300px; height:200px; }

/* Dateilisten */
table.csc-uploads { width:95%; }
td.csc-uploads-fileSize { text-align:right;width:60px; }
td.csc-uploads-icon { width:25px; }

a.active { font-weight:bold; }
div.browser { margin-top:20px; }

dl.newsImg { float:left; margin-right:10px; width:150px; }
dl.newsImg img { width:150px; }
dl.newsImg dd { margin-left:0px;padding-left:0px; font-style:italic; }

/************* right column html *************/
div.infobox { margin:0px; padding:0px; }

div.infobox a {
    display:block;
    background-color:#dedede;
    color:#333333;
    padding-left:30px;
    text-decoration:none;
    padding-top:3px;
    padding-bottom:3px;
    border-bottom:1px solid #fefefe;
}
div.infobox a:hover { color:#0099cc; }

div.contentRight { display:block; padding:10px; background-color:#f2f0f0;text-align:left; border-bottom:1px solid #fefefe;}
div.contentRight img { max-width:190px; }



/***********************************************************************************
  ********************************* footer elements ***********************************
************************************************************************************/
#footer {
   clear:both;
   display:block;
   background-image:url(../img/glass.jpg);
   background-position:145px;
   background-repeat:no-repeat;
   height:48px;
   width:99%;
   border:1px solid #ffffff;
}

/************* footer html ********************/
div.logo { margin-left:30px; }
div.copyright { margin-top:30px; }