﻿
* 
{
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

body
{
	font-family: Verdana, Arial, Helvetica;
	color: #303030;
	background-color: #404040;
	
	/* http://www.webdevelopersnotes.com/tips/html/coloring_scrollbars_using_styles_css_properties.php3 */
	/* scrollbar-face-color: #0C8256; */
    scrollbar-3dlight-color: #0C8256;
    scrollbar-shadow-color: #202020;
    scrollbar-highlight-color: #FFFFFF;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #F8F8F8;
    scrollbar-arrow-color: #FFFFFF;
}



h1 { font-size: 160%; margin: 0 0 0 0;  }
h2 { font-size: 120%; margin-bottom: 1em;  }
h3 { font-size: 100%; margin-bottom: 1em; }

/* first-child geht leider erst ab IE 7... */
p h2, p h3, ul h2, ul h3
{
	margin-top: 1.5em;
}


h1,h2,h3 { text-align: left; }

hr{
	background-color:#909090; /* Mozilla 1.4 */
	color:#909090; /* IE 6 */
	border: #909090; /* Opera 7.11 */
	height: 1px; /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */
}


img { border-width: 0; }

a { color: #404040; }
a:hover { color: #000000; }


* html blockquote {
  font-style: normal;
}


abbr, acronym 
{
	border-bottom: dotted 1px #202020;
}

code
{
	font-family: "Courier New", Monospace;
	padding-left: 0.2em; padding-right: 0.2em;
	background-color: #f0f0f0;
}

p
{
	margin-bottom: 1em;
}

ul 
{
	margin-top: 1em;
	margin-bottom: 1.5em;
}

ul ul
{
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

li 
{
	list-style: square;
	text-align: left;
	margin-bottom: 0.3em;
	margin-left: 3em;
}




.standardsNote, .skipLinks {
	display: none;
}


/* Unterstützung für verschiedene Farbschemata */

.carecom { color: #486C5D; }
.computerscientist { color: #1D396B; }
.offerings { color: #DD0000; }
.contact { color: #EB6B00; }
.private { color: #DB0B50; }
.partner { color: #006984; }

a.acarecom:hover { color: #486C5D; }
a.acomputerscientist:hover { color: #1D396B; }
a.aofferings:hover { color: #DD0000; }
a.acontact:hover { color: #EB6B00; }
a.aprivate:hover { color: #DB0B50; }
a.apartner:hover { color: #006984; }


#TitlePreview .carecom { border-color: #486C5D; }
#TitlePreview .computerscientist { border-color: #1D396B; }
#TitlePreview .offerings { border-color: #DD0000; }
#TitlePreview .contact { border-color: #EB6B00; }
#TitlePreview .partner { border-color: #006984; }

/* Sitemap 
#sitemap { font-family: "Courier New", Courier; }
#sitemap li ul { margin-left: 6em; }
#sitemap li ul li.sitemap { margin-left: 12em; }

*/

/* #sitemap { font-weight:normal; color: #EB6B00; } */


a.mailLink { color: #8B0B00; font-weight: normal;  }		/* color: #8B0B00;  */


p.bigLink
{
	margin-bottom: 1em;
}

p.bigLink a
{ 
	font-size: 120%;
	text-decoration: none;
	margin-bottom: 0.5em;
	border-bottom: solid 1px #202020;
}


.rss { background-color: #f0f0f0; }


.currentTextNav { font-weight: bold;}

.small  { font-size: 80%; }

.partnerName 
{
	color: #006984;
}

.reg { vertical-align: top; font-size: 60%; }

/* telephone list */
.telHead { clear: left; float: left; width: 5em; }
.telValue { float: left; margin-left: 1em; }


	
/* boxes */


.filledBox 
{
	position: absolute;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 25px;
    height: 25px;

}

div.emptyBox 
{
	background-color: #ffffff;
	position: absolute;
	border-width: 1px;
	border-color: #000000;
	border-style: solid;
	width: 25px;
    height: 25px;
}


.box0 
{
    vertical-align: middle;
    text-align:center;
    font-size: 20px;
    font-family: arial, helvetica;
    color: #ffffff;
    width: 25px;
    height: 25px;
}

.box1
{
    vertical-align: middle;
    text-align:center;
    font-size: 20px;
    font-family: arial, helvetica;
    color: #000000;
    width: 25px;
    height: 25px;
    border-width: 0;
}

.boxn0
{
	vertical-align: middle;
	margin-top: 3px;
    text-align:center;
    font-size: 14px;
    font-family: arial, helvetica;
    color: #a0a0a0;
    width: 25px;
    height: 22px;
}

.boxn1
{
	vertical-align: middle;
	margin-top: 3px;
    text-align:center;
    font-size: 14px;
    font-family: arial, helvetica;
    color: #404040;
    width: 25px;
    height: 22px;
    border-width: 0;
}




#InnerBackground 
{
	background-color: #FFFFFF; position: absolute; top:50px; left: 50px; width: 1250px; height: 800px;
	padding: 0 0 0 0;
	border-right: solid 5px #707070;
	border-bottom: solid 5px #707070; 
}

#Logo 
{
	position: absolute; left: 900px; top: 22px; height: 65px; width: 234px; vertical-align: top;
	text-align: center;
	padding: 0 0 0 0;
	background-color: #ffffff;
}


/* Zitate */
blockquote {
	font-family: "Palatino Linotype", "Times New Roman", Times, serif;	
	text-align: left;
	background: url(images/quote.gif) left top no-repeat;
	padding: 15px 0 0 0;	/* 15px 0 0 0 */
	font-style: italic;
	margin: 3em 0 2em 2em;
}

#Logo blockquote 
{
  margin: 27px 25px 1em 25px;
  font-size: 14px;
  line-height: 170%;
}
#Logo blockquote p {
  margin: 0;	
  text-indent: 45px;	/* 45px */
}
#Logo blockquote p.cite,
#Logo blockquote p.cite cite {
  font-style: normal;
}



#ExtendedTitle 
{
	position: absolute; top: 67px; left: 78px; vertical-align: top;
}

#Content 
{
	position: absolute; left: 78px; top: 130px; width: 650px; height: 510px; overflow: auto;
	padding-right: 1em;  
	text-align: justify;
}

#Content a { font-weight: bold; }
#Content a.externalLink { font-weight: normal; }

#Content a.mailLink { color: Maroon; font-weight: normal; }

#Content2 { position: absolute; left: 600px; top: 130px; width: 300px; height: 510px; overflow: auto;
	border-left: solid 1px #404040;
	border-right: solid 1px #404040;
	padding: 0 1em 0 1em; }


#Content2 h1 { font-size: 120%; margin: 0 0 0 0; }
#Content2 h2 { font-size: 100%; margin-top: 2em; margin-bottom: 0.2em; }
#Content2 p { margin-top: 0.5em; }



#TextNavigation { position:absolute; left: 78px; top: 600px; width: 650px; height: 30px;
	font-size: smaller; }

#TitlePreview 
{
	position: absolute; left: 900px; top: 400px; width: 200px; vertical-align: top; text-align: center;
	border-style: solid;
	border-width: 1px;
	padding: 2px 2px 2px 2px;
	font-size: 110%;
	font-weight: bold;
	z-index: 999;
	background-color: #ffffff;
}

#NavTree { position: absolute; left:850px; top:450px; }
#NavTree a { text-decoration: none; }

#nav_sitemap { position: absolute; top: 30px; left: 30px; }

#nav_default { background-color: #0C8256; position: absolute; left: 130px; top: 55px; width: 35px; height: 35px; border: solid 1px #000000;  }
#nav_partner { background-color: #00B4E0; position: absolute; left: 170px; top: 135px; width: 35px; height: 35px; border: solid 1px #000000; }
#nav_offerings { background-color: red; position: absolute; left: 60px; top: 75px; width: 35px; height: 35px; border: solid 1px #000000; }
#nav_computerscientist { background-color: #1D396B; position: absolute; left: 195px; top: 75px; width: 35px; height: 35px; border: solid 1px #000000; }
#nav_contact { background-color: #FF7400;position: absolute; left: 90px; top: 125px; width: 35px; height: 35px; border: solid 1px #000000; }

#nav_default:hover { border-width: 2px; left: 129px; top: 54px; }
#nav_partner:hover { border-width: 2px; left: 169px; top: 134px;  }
#nav_offerings:hover { border-width: 2px; left: 59px; top: 74px;  }
#nav_computerscientist:hover { border-width: 2px; left: 194px; top: 74px;  }
#nav_contact:hover { border-width: 2px; left: 89px; top: 124px;  }

#nav_languagelist { position: absolute; left: 40px; top: 224px; font-size: 10px; width: 300px; height: 35px; text-align: center; }
#nav_languagelist a { text-decoration: underline; }


#Footer { position: relative; left: 50px; top: 35px; font-size: xx-small; color: #c0c0c0;}
#Footer a { color: #a0a0a0; }
#Footer a.normal { color: #c0c0c0; }


#LatestTweetPlaceholder { position: absolute; left: -45px; top: -45px; padding: 0 0 0 0; margin: 0 0 0 0; }