@charset "UTF-8";

/* ********************* */
/* Globale Einstellungen */
/* ********************* */

:focus {
outline:0 !important;
}

* {
margin:0;
padding:0;
}

img {
border: 0;
}

h1 {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 21px;
line-height: 50px;
font-weight: normal;
}

h2 {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 18px;
line-height: 20px;
font-weight: normal;
}

h3 {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
line-height: 20px;
font-weight: bold;
}

h4 {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
font-weight: bold;
}

.text1 {
color: #666666;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
}

.text2 {
color: #666666;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
}

a {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
line-height: 15px;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

/* Start Teaser Bereich */

h1.teaser {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
line-height: 20px;
color: #666666;
}

h1.closed_teaser {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  line-height: 20px;
  margin: 0 0 5px 0;
  border-bottom: 1px solid #999;
  color: #999;
}


h2.teaser {
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
line-height: 15px;
color: #666666;
margin-bottom: 5px;
}

.teaser_text {
color: #666666;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
line-height: 15px;
}

a.teaser {
color: #003399;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 11px;
line-height: 15px;
text-decoration: none;
}

a.teaser:hover {
text-decoration: underline;
}

/* Ende Teaser Bereich */

body
{
background-image: url('../images/site/bodyBG.png');
background-repeat: repeat-x;
text-align: left;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 12px;
font-weight: normal;
text-decoration: none;
color: #666666;
}

.clearDiv {
	clear: both;
}

/* ********************* */
/* Start Contentbereich  */
/* ********************* */

/* ******************
Anpassungen an body:
Portal: width:855px;
Landingpage: width:681px;
********************* */
#body {
height:auto;
margin:auto;
min-height:200px;
padding:20px 0pt;
text-align:left;
width:681px;
z-index:200;
}

/* ******************
Anpassungen an contentContainer und rightNavigationContainer:
Grid 2: width:159px;
Grid 3: width:246px;
Grid 4: width:333px;
Grid 5: width:420px;
Grid 6: width:507px;
Grid 7: width:594px;
Grid 8: width:681px;
Grid 9: width:768px;
Grid 10: width:855px;
********************* */
.contentContainer {
float:left;
margin:0pt 0pt 0pt 0px;
padding:0pt;
width:497px !important;
}

.leftNavigationContainer {
float:left;
margin:0pt;
overflow:hidden;
padding:0pt;
width:169px !important;
}

.rightNavigationContainer {
float:right;
height:auto;
margin:0pt;
overflow:hidden;
padding:0pt;
width:169px;
}

/* ********************* */
/* Ende Contentbereich  */
/* ********************* */


/* ********************* */
/* Start Header          */
/* ********************* */

/* ******************
Anpassungen an head_bg:
ohne Menü: height:89px;
background: transparent url(../images/head/headBGSmall.jpg) repeat-x scroll 0%;

mit Menü: height:118px;
Hintergrund anpassen, z.B. headBGFull_finance.jpg, headBGFull_recht.jpg usw.
********************* */

#head_bg {
background: transparent url(../images/head/headBGSmall.jpg) repeat-x scroll 0%;
height:89px;
width:100%;
}

/*
Anpassungen an head:
10er-Grid: width:855px;
8er-Grid: width:681px;
ohne Menü: height:89px;
mit Menü: height:118px;
*/
.head {
height:89px;
margin:auto;
padding:0pt;
width:681px;
}

/*
Anpassungen an topNav:
10er-Grid: width:855px; background mit headTopBG.jpg
8er-Grid: width:681px;  background mit headTopBG_small.jpg
*/
.head .topNav {
background:transparent url(../images/head/headTopBG_small.jpg) no-repeat scroll 0%;
height:60px;
margin:auto;
padding:0pt;
position:relative;
width:681px;
}

/*
Anpassungen an logo:
10er-Grid: left:166px;
8er-Grid: left:79px;
Im HTML Code das richtige Logo verwenden: z.B. logo_personal.gif, logo_recht.gif usw.
*/
.head .topNav .logo {
left:79px;
margin:0pt;
padding:0pt;
position:absolute;
top:15px;
}

/*
Anpassungen an logo:
10er-Grid: width:855px;
8er-Grid: width:681px;
Im HTML Code das richtige Logo verwenden: z.B. logo_personal.gif, logo_recht.gif usw.
*/
.head .mainNav {
background:transparent url(../images/head/mainNavBG.gif) repeat-x scroll 0%;
height:29px;
margin:auto;
padding:0pt;
position:relative;
width:681px;
z-index:1;
}

.head .mainNav .tabs {
font-size:11px;
height:30px;
margin:0pt;
/* padding:0pt 0pt 0pt 159px; */
}

.headerNaviText {
padding-top:6px;
padding-left:10px;
}

.headerNaviText a {
color:#ffffff;
font-size:11px;
text-decoration:none;
}

.headerNaviText a:hover {
text-decoration:underline;
}

/* ********************* */
/* Ende Header           */
/* ********************* */

/* ********************* */
/* Start Footer          */
/* ********************* */

#foot_bg {
background:transparent url(../images/foot/footBGFull.jpg) repeat-x scroll 0pt 90px;
clear:both;
height:115px;
margin:auto;
padding:0pt;
width:100%;
}

/*
Anpassungen an foot:
10er-Grid: width:855px;
8er-Grid: width:681px;
*/
.foot {
font-size:10px;
height:115px;
margin:auto;
padding:0pt;
width:681px;
}

/*
Anpassungen an footShadowBG:
10er-Grid: width:855px;
8er-Grid: width:681px;
*/
.footShadowBG {
height:90px;
margin:0pt;
padding:0pt;
width:681px;
}

/*
Anpassungen an footContent:
10er-Grid: width:855px;
8er-Grid: width:681px;
*/
.footContent {
background:transparent url(../images/foot/footBGMiddle.jpg) repeat-x scroll 0%;
height:18px;
width:681px;
padding:7px 0pt 0pt;
text-align:center;
vertical-align:middle;
z-index:200;
}

.footContent img {
margin:0pt;
padding:0pt 5px 0pt 0pt;
}

.footContent a {
background-color:transparent;
color:#FFFFFF;
padding:0pt 15px 0pt 0pt;
font-family: verdana, arial, helvetica, sans-serif;
font-size: 9px;
line-height: 15px;
text-decoration: none;
}

.footContent a:hover {
text-decoration: underline;
}

/* ********************* */
/* Ende Footer           */
/* ********************* */

/* ********************* */
/* Buttons               */
/* ********************* */

#btn_bestellen {
margin-top:5px;
}

#btn_bestellen a {
display:block;
height:25px;
width:130px;
background:transparent url(../images/site/btn_bestellen.gif) no-repeat;
background-position: 0 0;
}

#btn_bestellen a:hover {
display:block;
height:25px;
width:130px;
background:transparent url(../images/site/btn_bestellen.gif) no-repeat;
background-position: -130px 0;
}

.searchinfo {
color: #C33232;
}

/* ******************************************* */
/* Special                                     */
/* ******************************************* */

ul.link{
  display: block;
  list-style-type:none;
  margin:0;
  padding:0;
}

ul.link li{
  background:url('../images/site/pfeil.gif') no-repeat 0 5px;
  margin:0;
  overflow:hidden;
  padding:0;
}
ul.link li.nolink{
  background:none;
  margin:0;
  padding:0 0 0 10px;
}

ul.link li a{
  display:block;
  margin:0;
  overflow:hidden;
  padding:0 0 0 10px;
  text-decoration: none;
  font-weight:normal !important;
  color: #039;
}
ul.link li.nolink a{
  display:block;
  margin:0;
  padding:0;
}

ul.link li a:hover {
  text-decoration: underline;
}
/* --- Added --*/

ul {
	padding-left:20px;
	margin-top:5px;
	margin-bottom:15px;
}
li {
	padding-left:10px;
}
.red{
	color: red;
}
strong {
	margin-top:10px;
}

.campaignScreenshot{background:transparent;clear:both;color:#999999;font-size:10px;margin:auto;min-height:56px;padding:20px 0;width:159px;vertical-align:top;}
.campaignScreenshot h1{font-size:12px;font-weight:bold;margin:0 0 6px 0;padding:0 0 5px 0;width:159px;color: #003399;}
.campaignScreenshot p{margin:0;padding:0;width:159px;}
.campaignScreenshot ul{font-size:10px;list-style-type:none;margin:0;padding:0;width:159px;}
.campaignScreenshot ul li{float:left;margin:0;padding:0;}
.campaignScreenshot ul li.img{width:39px;}
.campaignScreenshot ul li.arrow{width:10px;}
.campaignScreenshot a {width:110px;color: #003399;font-size: 11px;line-height: 15px;text-decoration: none;}

.campaignTour{background:transparent;clear:both;color:#999999;font-size:10px;margin:auto;min-height:56px;padding:20px 0;width:159px;vertical-align:top;}
.campaignTour h1{font-size:12px;font-weight:bold;margin:0 0 6px 0;padding:0 0 5px 0;width:159px;color: #003399;}
.campaignTour p{margin:0;padding:0;width:159px;}
.campaignTour ul{font-size:10px;list-style-type:none;margin:0;padding:0;width:159px;}
.campaignTour ul li{float:left;margin:0;padding:0;}
.campaignTour ul li.img{width:39px;}
.campaignTour ul li.arrow{width:10px;}
.campaignTour a {width:110px;color: #003399;font-size: 11px;line-height: 15px;text-decoration: none;}

.pPrice {
    background-color: transparent;
    font-size: 21px;
    font-weight: normal;
    line-height: 25px;
    margin: 0;
    padding: 0 0 3px 0;
}
.hervorhebung {
	background-image: url(../images/site/underline-1.png);
	background-repeat: no-repeat;
	background-position: 60px 22px ;
	background-color: yellow;
}
ul.feature {
	list-style-image: url(../images/site/check.png);
	font-size:12px;
	line-height:18px;
}
#hiddendiv {
  display: none;
}
#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }

#lightbox img{ border: none; } 
#overlay img{ border: none; }
#overlay{ background-image: url(../images/lightbox/overlay.png); }

* html #overlay{
	background-color: #000;
	back\ground-color: transparent;
	background-image: url(../images/lightbox/blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../images/lightbox/overlay.png", sizingMethod="scale");
	}