/* 
Stylesheet zu die-korrektorin.de
Autor: Elke Wetzig 

Farbskala:

blau Flaeche: #005596
blau Schrift: #004375
grau dkl. flaeche: #c8c3bc
grau heller flaeche: #e3e2de
hellgrau bg: #eeeeeb
 
*/


* {
margin:0; 
padding:0;
}

a img {
border: none;
	}

body {

background-color: #eeeeeb;
font-family: Lucida Grande, Lucida Sans, Lucida Sans Unicode, Trebuchet, Helvetica, Arial, sans-serif;
font-size: 13px;
background-image: url(../img/bg_sidebar.gif);
background-position: 687px;
background-repeat: repeat-y;

	}

div#headercontainer {

background-color: #005596;
height: 100px;
position: absolute;
left:0;
width: 100%;
top:16px;

	}
div#headercontainer img#logo {
margin-right: 30px;
margin-left: 120px;
float: left;
	}
div#headercontainer p#vfll-link {

position: absolute;
left: 830px;
bottom:10px;
text-align: right;


	}
div#headercontainer p#vfll-link a:link,
div#headercontainer p#vfll-link a:visited,
div#headercontainer p#vfll-link a:hover,
div#headercontainer p#vfll-link a:active {

color: #ccddea;
text-decoration: none;
font-weight: bold;
font-size: 11px;
background-image: none !important;
padding-right: 0 !important;

	}


div#headercontainer ul#navigationlevel0 {
margin-top:75px;
list-style-type: none;
	}	
div#headercontainer ul#navigationlevel0 li {
font-size: 12px;
float:left;
margin-right:30px;


	}
div#headercontainer ul#navigationlevel0 li a:link,
div#headercontainer ul#navigationlevel0 li a:visited {
	color: #eeeeeb;
	text-decoration: none;

	}
div#headercontainer ul#navigationlevel0 li a:hover,
div#headercontainer ul#navigationlevel0 li a:active {
	color: #eeeeeb;
	text-decoration: none;
	border-bottom: 2px solid #eeeeeb;
	}

div#headercontainer ul#navigationlevel0 li span.active 	{
color: #fff;
border-bottom: 2px solid #eeeeeb;

	}




div#maincontainer {
	/* not valid but nice */ 
-moz-box-shadow:#ccc 5px 5px 10px;
-webkit-box-shadow:#ccc 5px 5px 10px;
box-shadow:#ccc 5px 5px 10px;

background-color:#fff;
padding-bottom:20px;
padding-top:100px;
width: 800px;
margin-left: 100px;
padding-top: 130px;
}

div#splashpage {
	margin-left: -100px;
	}


div#contentcontainer {

margin-left: 20px;
margin-top:15px;
margin-bottom: 50px;
	}
	



div#contentcontainer h2 {
clear: left;
color: #004375;
font-weight: normal;
font-size: 24px;
margin-bottom: 15px;

	}
div#contentcontainer h3 {
color: #aaa;
font-weight: normal;
font-size: 16px;
margin-bottom: 10px;

	}

div#contentcontainer p,
div#contentcontainer dd,
div#contentcontainer dl,
div#contentcontainer li

 {
font-size: 13px;
color:#333;
line-height: 200%;
width: 420px;
margin-bottom: 12px;
	}

div#contentcontainer ul {
	margin-left: 15px;
	list-style-type: square;
	margin-bottom: 12px;
	}
div#contentcontainer li {
	margin-bottom: 2px;
	width: auto;
	}

div#contentcontainer dt {
	color: #004375;
	font-weight: bold;
	float:left;
	
	}
div#contentcontainer dd {
	padding-left: 100px;

	}

div#contentcontainer p a:link,
div#contentcontainer p a:visited,
div#contentcontainer p a:hover,
div#contentcontainer p a:active,
div#contentcontainer ul a:link,
div#contentcontainer ul a:visited,
div#contentcontainer ul a:hover,
div#contentcontainer ul a:active,
div#contentcontainer dd a:link,
div#contentcontainer dd a:visited,
div#contentcontainer dd a:hover,
div#contentcontainer dd a:active
 {

color: #004375;
font-weight: bold;
text-decoration: none;
	}


div#contentcontainer ul#navigationlevel1 {
list-style-type: none;
margin:0;
margin-bottom: 30px;

	}


div#contentcontainer ul#navigationlevel1 li {
float:left;
margin-right: 15px;
margin-bottom: 30px;
text-transform: uppercase;

	}
div#contentcontainer ul#navigationlevel1 li a:link,
div#contentcontainer ul#navigationlevel1 li a:visited {
color: #c8c3bc;
text-decoration: none;
	}
div#contentcontainer ul#navigationlevel1 li a:hover,
div#contentcontainer ul#navigationlevel1 li a:active,
div#contentcontainer ul#navigationlevel1 li span.active {
color: #004375;

	}


div#contentcontainer ul#themenliste {

width: 170px;
float: right;
margin-left: 10px;
	}




div#sidebar {
float:right;
margin-right: 13px;
text-align: center;
width: 200px;
background-color: #c8c3bc;

	}


div#sidebar img {


display: block;
margin-left: auto;
margin-right: auto;
	}
			#slideshow {
				position: relative;
				width: 176px;
				height: 249px;
				overflow: hidden;
				margin-left: auto;
				margin-right: auto;
				margin-bottom: 20px;
			
				top:10px;
											}
			#slideshow img {
				position: absolute;
				left: 0;
				top: 0;
				width: 172px;
				height: 245px;
				border:2px solid #fff;
							}



div#sidebar h3 {

color: #fff;
font-size:15px;
text-transform:uppercase;
margin-left: 12px;
text-align: left;
margin-bottom: 15px;

	}
div#sidebar ul {
list-style-type: none;
margin-left: 12px;
width:171px;
text-align: left;
padding-bottom:280px;
	}


div#sidebar ul li {
	text-align: left;
color:#FFFFFF;
float:left;
font-size:11px;
font-weight:normal;
margin-bottom:8px;
text-transform:uppercase;
margin-right: 5px;
	}
div#sidebar ul li:after {
content: " |";	}

div#sidebar ul li.last:after {
content: "";	}


div#sidebar ul li a {
	}
div#sidebar ul li a:link,
div#sidebar ul li a:visited {
color: #fff;
text-decoration:none;
	}
	
div#sidebar ul li a:hover,
div#sidebar ul li a:active {
color: #fff;
text-decoration: underline;
	}


div#introboxes {
margin-left: 15px;
margin-top: 15px;
	}

div.introbox {
padding-top: 10px;
width: 130px;
float:left;
margin-right: 12px;
background-color: #e3e2de;
height: 190px;
	}

div.introbox:hover {
background-color: #c8c3bc;
	}
div.introbox h2,
div.introbox p {

margin-right: 5px;
margin-left: 6px;
	}
div.introbox h2 {
color:#004375;
font-size: 16px;
text-transform: uppercase;
font-weight: normal;
margin-bottom: 8px;
	}
div.introbox p

 {
color: #333;
font-size: 11px;
line-height: 170%;

	}
div.introbox p img {
margin-bottom: 7px;
display: block;
border: 1px solid #004375;
	}

div.introbox a:link,
div.introbox a:visited,
div.introbox a:hover,
div.introbox a:active {
color: inherit;
text-decoration: none;
	}

dfn {
font-style: normal;
	}

/* prettyPhoto extras */

div.hidden {
display: none;
	}

table.referenzbox td {
vertical-align: top;
	}
		
table.referenzbox h3 {
font-size: 18px;
color: #004375;
font-weight: normal;
margin-bottom: 15px;
	}

table.referenzbox h4 {
font-size: 13px;
color: #000;
font-weight: bold;
margin-bottom: 10px;
	}
table.referenzbox p {

font-size: 13px;
line-height: 170%;
margin-bottom: 10px;
	}

table.referenzbox a {
	text-decoration: none;
	color:#004375;
	font-weight: bold;

	}
table.referenzbox ul {
list-style-position: inside;
list-style-type: square;
	}

table.referenzbox ul li {
margin-bottom: 5px;

	}
table.referenzbox img.refimg {
margin-right: 20px;
	/* not valid but nice */ 
-moz-box-shadow:#ccc 5px 5px 10px;
-webkit-box-shadow:#ccc 5px 5px 10px;
box-shadow:#ccc 5px 5px 10px;
border:2px solid #fff;
	}


a.pp_close {

position: absolute;
top:0;
right:10px;
	}
div.pp_nav {
float:right;
	}

/* bg der Box */
div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {

background-color:#f6f6f2 !important;
}


/* Korrekturschnipsel */
p#korrekturabsatz {

background-image: url("../img/rotstift.gif");
background-repeat: no-repeat;
background-position: bottom right;
padding-right:40px;
	}
span#annanas {
		background-image:url(../img/annanas.gif); 
		background-repeat:no-repeat;
		padding-bottom:14px;
		padding-top: 6px;
		width:100px;
		height:40px;
		padding-right:55px;}
span#zyanase {
		background-image:url(../img/zyanase.gif); 
		background-repeat:no-repeat;
		padding-bottom:14px;
		padding-top: 6px;
		width:100px;height:40px;
		padding-right:55px;}


/* Kleinkram */ 

a.pdf {
padding-right: 19px; 
background-image:url(../img/icon_pdf_16x16.gif);
background-repeat: no-repeat;
background-position: right center;
	}

a[href^="http://"],
a[href^="https://"] {

padding-right: 17px; 
background-image:url(../img/icon_extlink.png);
background-repeat: no-repeat;
background-position: right center;
	}