html{
	margin:0 auto;
    background: url(/img/body_bg.jpg) repeat-x;

}
body {
	font:11px/1.5 Verdana, Geneva, sans-serif;
	background-image:url(/img/verlauf_lr.jpg);
	background-repeat:repeat-y;
	background-position:center;
}
a:focus {
	outline:1px dotted invert
}
a {
 color: #000;
 text-decoration: underline;
}

a:visited {
 color: #000;
 text-decoration:underline;
}
.clear { clear:both !important;}

hr {
	border:0 #ccc solid;
	border-top-width:1px;
	clear:both;
	height:0
}
h1 {
  font-size: 15px;
  color: #135784;
  line-height:24px;
}
h2 {
  margin: 0px;
  font-size: 13px;
  color: #425776;
  line-height:14px;
}
h3 {
  margin: 0px;
  font-size: 12px;
  color: #715768;
  line-height:13px;
}
h4 {
	margin: 0px;
  font-size: 11px;
  color: #005750;
  line-height:12px;
}
h5 {
	margin: 0px;
  font-size: 10px;
  color: #395742;
  line-height:11px;
}
h6 {
	font-size:15px
}
ol {
	list-style:decimal
}
ul {
}
.padding { padding-left:10px; padding-right:10px;}
ul br { display:none;}
li {
}
dl, hr, h1, h2, h3, h4, h5, h6, ol, ul, pre, table, address, fieldset {
	margin-bottom:15px
}
#top{
	background-image:url(/img/header2.png);
	background-repeat:no-repeat;
	background-position:0 0;
	margin:0 0 0 19px;
	padding:0;
	height:117px;
}
#bgnav{
	background-image:url(/img/nav_bg.jpg);
	background-repeat:repeat-x;
	margin:1px 15px -4px 19px;
	padding:0;
	height:40px;
	width:921px;
}
#bgnav a, #bgnav img a:hover{
	font-family:Verdana;
	border:0;
	color:#FFF;
	margin:0px 9px 0px 8px;
	text-decoration:none;
	
	}
#navi{
    float: left;
    font-size: 11px;
    margin-left: 10px;
    margin-top: 5px;
    width: 186px;
 /* color: #FFFFFF;*/		

}
#navi ul{
	list-style-type:none;
	margin:0 0 0 15px;
	padding:0;
	
}
#navi ul li a{
	font-family:Verdana;
	text-decoration:none;
  	display: block;
  /*background: #E5E5E5;*/
  background: url(nav_bg_out1.gif) repeat-y;
  margin-top: 4px;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  text-decoration: none;
  
  color: #000;
}
#navi ul li span{
	text-decoration:none;
	  display: block;
  background: url(nav_bg_active1.gif) repeat-y;
  margin-top: 4px;
  padding-top: 1px;
  padding-left: 10px;
  padding-bottom: 1px;
  text-decoration: none;
  color: #000;
  border: #00C thick;
}

#navi ul li a:hover {
  text-decoration: underline;
  /*background: #C4C4C4;*/
  background: url(nav_bg_active1.gif) repeat-y;

}
#breadcrumb{
	
    margin: 8px auto;  
	width: 890px;
		
	border-bottom: 1pt solid #e3e3e3;
	color: #555;
	border-top: 5px solid #e8edf1;
    padding: 5px 0px 5px 0px;
}
/*#breadcrumb{
	width:900px;
	height:15px;
	margin:5px 0 0 10px;
	font-size:10px;
	color: #555;
	font-weight:700;
}*/
#breadcrumb ul{
	list-style-type:none;
	margin:-17px 0 0 120px;
}
#breadcrumb ul li{
	
	display:inline;
	padding:0 2px 0 8px;
	margin:0;
}
#breadcrumb ul li a{
	text-decoration:none;
	color: #135784;
	background-image:url(/img/pfeil.gif);
	background-repeat:no-repeat;
	background-position:right 1px;
	padding:0 10px 0 0;
}
#breadcrumb ul li a:hover{
	color: #135784;
	text-decoration: underline;
}
#service{
	text-align: right;
	width: 464px;
	float:right;
	margin-right:25px;
	margin-top:10px;
	font-size:11px;
}
#service ul li{
	display:inline;
	margin:0;
	padding: 4px 10px 0 0;
	font-family:Verdana;

}
#service ul li img { margin-top:2px;}

#logobox {
	float: left;
    margin-left: 0;
    margin-top: 43px;
    width: 450px;
	
	}
#suchform {
	margin-top: -6px;
	background-color: #FFFFFF;
	width:168px;
	float:right;
	border: 1px solid #FFF;
}
#searchbutton {
	float:right;
	color: #666;
}
.tinymcewysiwyg { margin-top:10px; margin-bottom:5px;}
#suche {
	height: 17px;
	font-size: 13px;
	padding-bottom: 3px;
	padding-top: 3px;
	color: #948A85;
}
#service ul li a{
	color: #FFF;
	text-decoration:none;
	}

#service a:hover{
	text-decoration: underline;
	color: #999999;
}
#rechts{
	margin:0;
}
#content{
	padding-left:5px;
	padding-right:5px;
	background-image: url(../Bilder/contentbg.png);
	background-repeat: no-repeat;
	background-position: bottom;
	padding-bottom:100px;
}


/*** content regel ****/
#content ul {  margin-left: 20px;
    margin-top: 5px;}


#content h1 { margin-top:10px; margin-bottom:20px; font-size:20px;}
#content h2 { margin-top:20px; margin-bottom:20px; font-size:18px; color:#135784;}
#content h3 { margin-top:20px; margin-bottom:20px; font-size:16px;color:#135784;}

.homebox h1, .homebox h2 ,.homebox h3 { margin-bottom:0px !important; margin-top:0px !important;}

#content img {border: 3px solid #FFFFFF; -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.flLeft {
	background-image: url(../Bilder/imgbgleft.png);
	float:left;
	padding-bottom: 15px;
	padding-right: 17px;
	background-position: right bottom;
	background-repeat: no-repeat;
}
/**
.flRight {
	float:right;
	margin-left:10px;
	margin-bottom:5px;
-moz-box-shadow: 6px 5px 6px #ccc;
-webkit-box-shadow: 6px 5px 6px #ccc;
box-shadow: 6px 5px 6px #ccc;
 border: 3px solid #FFFFFF;
}

**/
.flRight {
	background-image: url(../Bilder/imgbgright.png);
	float:right;
	padding-bottom: 15px;
    padding-left: 17px;
	background-position: left bottom;
	background-repeat: no-repeat;
	}
.flclear {
	background-image: url(../Bilder/imgbgright.png);
	float:right;
	padding-bottom: 15px;
    padding-left: 17px;
	background-position: left bottom;
	background-repeat: no-repeat;
 
}

.floatright { float:left;}

#footer_querlinks
{
	margin-left: 28px;
	width:890px;
}

#footer_querlinks ul {
	list-style-type:none;
	
	text-align:center;
}
#footer_querlinks ul li{
	display:inline;
	padding: 0px 7px 3px 7px;
	font-size:9px;
	white-space:nowrap;
	}
#footernavi ul {
	list-style-type:none;
}
#footernavi ul li{
	display:inline;
	padding: 0px 5px 0px 5px;
}
#footernavi{
	float: left;
	width: 720px;
}
#footerimg{
	background: url(/img/footer_bg.jpg) no-repeat bottom;
	height: 20px;
	list-style-type:none;
}
#copyright{
	float: right;
	color: #707070;
	width: 200px;
	text-align: right;
	padding: 10px 30px 0px 7px;
}
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
/* +++++++++++++++++++++ CONTENT  STYLESHEET +++++++++++++++++++++++ */
/* +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

.pdfbuchungslink {
  margin: 0px auto 20px auto;
  width: 200px;
  display: block;
	background: url(/Bilder/anmeldung.png) no-repeat bottom;
  padding: 34px 0;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  color: #343434;
}

.pdfbuchungslink:hover {
  background: url(/Bilder/anmeldunghover.png) no-repeat bottom;
}

/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschließt */
.formgen {
	font-size: 1em;
	padding-right: 10px;
	padding-left: 10px;
}


/* Was passiert wenn auf das Label geklickt wird? */
/*label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
cursor : pointer;
width:110px;
white-space: nowrap; 
}*/

.formgen form
{
line-height : 120%;

}

/* 
Wie sehen die einzelnen Blöcke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/


.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width: 360px;
	margin-bottom: 15px;
	background-color: #FFCC33;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;
	font-weight: bold;
	border: 5px dashed #990000;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width: 300px;
	height: 100px;
	margin-left: 4px;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}


/* Textfeld */
.formgen .formtext
{
	width: 250px;
	margin-left: 4px;
	padding-bottom: 4px;
	font-size: 1em;
	border: 1px solid #003366;
	background-color: #DFEEDD;
}

.formgen input:focus, .formgen input:hover,
.formgen select:focus, .formgen select:hover, 
.formgen textarea:focus, .formgen textarea:hover {
	/*border-bottom-color: #000000;
	background-color: #FFCC66;*/	
}



/* Label */
.formgen label {
	width: 120px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: bold;
	color: #000000;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 200px;
	/*background-color: #33FF33;*/
	margin-left: 4px;
	color: #000000;
}


/* Sende-Button */
.formgen .formsubmit
{
	width: 100%;
	text-align: center;
	background-color: #006699;
	/*border: 1px solid #FFCC33;*/
	float: right;
	color: #FFFFFF;
}



/* Fieldsetbeschriftung */
.formgen legend {
	color: #000000;
	/*background-color: #990000;*/
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 10px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color: #990000;
}

.formgen .formcaptcha
{
	border: 2px solid #990000;
	vertical-align: top;
	float: left;
	margin-right: 10px;
}

.formgen .formreq {
	color: #006633;
}

.formgen .formheadline {
	color: #993300;
	background-color: #FFF7EA;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-style: italic;
}
/** Rechtspalte*/

#rechts h2 { font-size: 16px;}


/*//////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */
#bildbox {
  float: right;
  width: 270px;
  
  padding-left: 10px; padding-bottom: 10px;
}

.sprachkurslink {
  display: block;
  
  border-top: 1px solid #DEDEDE;
  border-bottom: 1px solid #DEDEDE;
  
  padding: 3px 0px 3px 15px;
  
  margin-top: 5px;

  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
  color: #343434;
}

.sprachkursinhalte {
  padding: 10px 15px 10px 15px;
  
  font-size: 11px;
}

.sprachschulfacts {
  width: 180px;
  padding: 1px 1px 10px 1px;
  margin-top: 25px;
}
.boxliste li { list-style-image: url("../Bilder/lilist.png");
    margin-bottom: 15px;}

.sprachschulfacts .boxcontent {
  padding: 5px 10px 0px 10px;
}

.sprachschulfacts .boxheadline {
	background-image:none!important;  

}

.sprachschulfacts ul {
  padding: 0px;
  margin: 0px 0px 0px 19px;
  
  list-style-type: square;
}

table.contentpreistabelle {
  border: 1px solid #E4E4E4;
   font-size: 11px;
}

table.contentpreistabelle td {
  width: 60px;
  
  text-align: center;
  
  border-bottom: 1px solid #C0C0C0;
}
.boxheadline {
	font-size:14px;
  text-align: center;
  color: #666;
}

.supportbox{
margin-right:40px;
}

.supportbox, .supportboxcontent {
  padding: 0px;
  width: 180px;
  height: 100px;
  
  font-size:10px;
  text-align: left;
  }
 
.supportboxcontent p {
   padding-left: 5px;
  
  }

.supportboxcontent img {
text-align: center;
}
.supportboximg{
margin-right:40px;
margin-bottom:20px;
}
.supportboxcontentimg {
	padding: 0px;
	width: 180px;
	height: 114px;
	text-align: center;
	
	background-image: url(../Bilder/bilderrechts.png);
	background-repeat: no-repeat;
	background-position: center bottom;
  }
  .supportboxcontentimg img{
	padding-top: 3px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
  }
  #lang  {
	
}
#lang li {
	float:left;
}


/* Navigation   */


/*
// JavaScript Document


*/


/*	Navigation dropdown
------------------------------------------------------------------------------*/

#dropdown-navigation {
	float:left;
	width:200px;
	padding:14px 0;
	}

#dropdown-navigation ul.nav1st {
	list-style: none;
	width: 170px; /* Width of Menu Items */
	margin: 0;
	padding: 0;
	color:#606060;
	background: #fff;
	}
#dropdown-navigation ul.nav1st li {
	position: relative;
	padding: 8px 0 8px 14px;
	}
#dropdown-navigation ul.nav1st li.active {
	background: #f7f7f7; 
	}
#dropdown-navigation ul.nav1st li a,
#dropdown-navigation ul.nav1st li a:link {
	color:#606060;
	font-size: 1.2em;
	font-weight: bold;
	text-decoration: none;
	position: static;
	z-index: 10;
	}
#dropdown-navigation ul.nav1st li a.current,
#dropdown-navigation ul.nav1st li a.current:link,
#dropdown-navigation ul.nav1st li a:hover {
	color: #090; 
	text-decoration: none;
	}
#dropdown-navigation ul.nav1st li a.folder {
	background-image: url(sub.gif);
	background-position: 93%;
    background-repeat: no-repeat; 
	}

/* Fix IE. Hide from IE Mac \*/
* html #dropdown-navigation ul li { float: left; height: 1%; }
* html #dropdown-navigation ul li a { height: 1%; }
/* End */

		

/* Sub Menu Styles */

#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Anzeigeoption/Position der dropdown-submenüs */
	position: absolute;
/*	left: 85%; */
	left: 159px;
	top: 0;
	display: none;
	}
#dropdown-navigation ul.nav1st li ul.nav2nd {
/*	Stil der dropdown-submenüs */
	width: 180px; /* Width of Menu Items */
	margin: 0;
	padding: 10px 0;
	color:#606060;
	background: #f7f7f7;
	list-style: none;
	border: 2px solid #fff;
/*	border-bottom: 1px solid #fff; */
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li {
/*	zusammen mit dem border-bottom (siehe oben) 
	entsteht eine komplett geschlossene borderline 
	um jeden submenüpunkt	*/
/*	border: 1px solid #fff;
	border-bottom: 0; */
	display: block;
	padding: 0;
	text-decoration: none;
	color:#606060;
	background: #fff; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:link {
	font-size: 1.2em;
	font-weight: normal;
	padding: 5px 10px; 
	color:#606060;
	background: #f7f7f7; 
} 
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current,
#dropdown-navigation ul.nav1st li ul.nav2nd li a.current:link,
#dropdown-navigation ul.nav1st li ul.nav2nd li a:hover {
	display: block;
	text-decoration: none;
	color: #090; 
	background: #fff; 
	}

		
/* The magic ^^ */
#dropdown-navigation ul.nav1st li.over { 
	z-index: 10;
} 
#dropdown-navigation ul.nav1st li:hover ul.nav2nd, #dropdown-navigation ul.nav1st li.over ul.nav2nd { 
	display: block; 
	z-index: 20;
} 

/** Navi */


*{outline: none;}
img {border: 0;}


ul#topnav {
	margin: 0; padding: 0;
	float:left;
	width: 100%;
	list-style: none;
	font-size: 1.1em;
}
ul#topnav li {
	float: left;
	margin: 0; padding: 0;
	position: relative;
}
ul#topnav li a {
	float: left; 
	text-indent: -9999px;
	height: 28px;
}
ul#topnav li:hover a, ul#topnav li a:hover {  }
ul#topnav a.home {
	width: 172px;
	background-image: url(../img/nav_1.png);
	background-repeat: no-repeat;
	background-position: right;
}
ul#topnav a.products {
	background: url(../img/nav_2.png) no-repeat;
	width: 150px; 
	background-repeat: no-repeat;
	background-position: right;
}
ul#topnav a.sale {
	background: url(../img/nav_3.png) no-repeat;
	width: 120px; 
	background-repeat: no-repeat;
	background-position: right;
}
ul#topnav a.community {
	background: url(../img/nav_4.png) no-repeat;
	width: 123px; 
	background-repeat: no-repeat;
	background-position: right;
}
ul#topnav a.store {
	background: url(../img/nav_5.png) no-repeat;
	width: 156px; 
	background-repeat: no-repeat;
	background-position: right;
}


ul#topnav li .sub {
	   -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-bottomright: 5px;
    background:#09476E;
    display: none;
    float: left;
    left: 0;
    padding: 20px;
    position: absolute;
    top: 36px;
}
ul#topnav li .row {clear: both; float: left; width: 100%; margin-bottom: 10px;}
ul#topnav li .sub ul{
	list-style: none;
	margin: 0; padding: 0;
	width: 150px;
	float: left;
}
ul#topnav .sub ul li {
	width: 100%;
	color: #fff;
}
ul#topnav .sub ul li h2 {
	padding: 0;  margin: 0;
	font-size:13px;
	font-weight: normal;
}
ul#topnav .sub ul li h2 a {
	
}
ul#topnav .sub ul li a {
	float: none; 
	text-indent: 0; /*--Reset text indent--*/
	height: auto;
	background: url(navlist_arrow.png) no-repeat 5px 12px;
	padding: 7px 5px 7px 15px;
	display: block;
	text-decoration: none;
	color: #fff;
}
ul#topnav .sub ul li a:hover {color: #ddd; background-position: 5px 12px ;}





/********************************/




* { margin: 0; padding: 0; }



.Navigation { height: 40px;  margin-top: -8px; }

#NavigationInside { padding-left: 15px; width: 945px; margin: 0 auto; }

.Navigation ul li {
	float: left;
	position: relative;
	list-style: none;
	padding-bottom: 10px;
	padding-right: 10px;
	
	padding-left: 10px;
}

.Navigation ul li ul li {padding-bottom: 0px;}

.Navigation ul li a { font-size: 14px; font-weight: bold; color: white; text-decoration: none; text-shadow: 0 1px 2px black; }

.Navigation ul li:hover { background: url(../images/hover.png) repeat-x; height:20px; -webkit-box-shadow: 0 0px 2px black inset;}

.Navigation ul li ul li:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none; }

.Navigation ul li .horizontal li { padding: 14px 10px 14px 10px;  }

.Navigation ul li .horizontal li:first-child { margin-left: -10px; }

.Navigation ul li .horizontal li a { font-size: 12px; font-weight: normal; color: #c7c7c7; }

.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #6a6a63; position: absolute; left: 20px; top: -15px; }

.Navigation ul li ul li .extended { position: absolute; top: 45px; left: 0; width: 220px; background: url(../images/dropdownback.png); z-index: 1000; -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.8); box-shadow: 0 0 8px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid white; display: none; color: white; }

.Navigation ul li ul li .extended img { display: block; margin: 5px auto 15px auto; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }

.Navigation ul li ul li .extended p { padding: 10px; font-size: 11px; line-height: 17px; text-shadow: 0 1px 1px black; }

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 { padding-top: 5px; padding-left: 0px; font-size: 16px; text-shadow: 0 1px 2px black; color: white; background: url(../images/headerback.png) repeat-x; height: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }

.Navigation ul li ul li .extended span { padding-left: 10px; font-size: 11px; }

.Navigation ul li ul li .extended ul.smallNav { border-top: 1px solid rgba(141,141,141,0.50);  padding: 10px; height: 100px;  }

.Navigation ul li ul li .extended ul.smallNav li { width: 200px; padding: 0; line-height: 22px; font-weight: bold; background: url(../images/linkback.png) no-repeat; }

.Navigation ul li ul li .extended ul.smallNav li a { color: #c7c7c7; text-shadow: none; }

.Navigation ul li ul li .extended ul.smallNav li a:hover { color: white; }

.Navigation ul li ul li .extended ul.smallNav li:first-child { margin: 0; }

.Navigation ul li ul li .extended ul.smallNav li:last-child { margin-bottom: 10px; }

.Navigation ul li ul li:hover .extended { display: block; }

.Navigation ul li ul li:hover a { color: white; }

.Navigation ul li .ultraNav {
	position: absolute;
	top: 25px;
	left: -100px;
	width: 294px;
	background: url(../images/dropdownback.png);
	border: 1px solid white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 500;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.6) box-shadow: 0 3px 8px black;
	display: none;
}

.NavigationInside a { padding-bottom:10px;}

.NavigationInside .ultra a { padding-bottom:0px}

.ultraNav h2 { text-align: center; }

.Navigation ul li .ultra { width: 130px; float: left; margin: 10px 0 10px 10px; -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-bottom: none; }

.Navigation ul li .ultra:first-child { margin: 0; }

.Navigation ul li .ultraNav .arrow-up { left: 130px; }

.Navigation ul li .ultra a { font-weight: normal; font-size: 12px; color: #c7c7c7; text-shadow: 0 1px 2px black; }

.Navigation ul li .ultra li { width: 120px; line-height: 20px; padding: 3px 5px; background: url(../images/linkback.png) no-repeat;  }

.Navigation ul li:hover .ultraNav { display: block; }

/**  Homebox  **/

.homebox {
  background-image: url("../Bilder/homebox.png");
    background-repeat: no-repeat;
    float: left;
    height: 186px;
    margin-left: 10px;
    padding: 5px;
    width: 139px;
}
#boxcontainer .homebox h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 17px;
}
#boxcontainer .homebox h2 a {
	color: #135784;
	text-decoration:none;
	margin: 0px;
	padding: 0px;
	font-weight: normal;
	font-size: 17px;
}
#boxcontainer .homebox .imgwrapper {
	 background-image: url("../Bilder/bildrahmen.png");
    background-position: 15px bottom;
    background-repeat: no-repeat;
    padding-bottom: 4px;
    padding-left: 14px;
}
#boxcontainer .homebox .imgwrapper img {
	border:none;
}
#boxcontainer .homebox span  {
	line-height: normal;
	font-size: 10px;
}
#boxcontainer .homebox span .big {
	line-height: normal;
	font-size: 16px;
}


#boxcontainer .homebox h3 {
	font-size: 11px;
	font-weight: normal;
}
.supportbox {
	background-image: url(../Bilder/boxschatten.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	 padding-bottom: 9px;
} 


/*****      Silder    *******/




* { margin: 0; padding: 0; }



.Navigation { height: 40px;  margin-top: -8px; }

#NavigationInside { padding-left: 15px; width: 945px; margin: 0 auto; }

.Navigation ul li {
	float: left;
	position: relative;
	list-style: none;
	padding-bottom: 10px;
	padding-right: 10px;
	
	padding-left: 10px;
}

.Navigation ul li ul li {padding-bottom: 0px;}

.Navigation ul li a { font-size: 14px; font-weight: bold; color: white; text-decoration: none; text-shadow: 0 1px 2px black; }

.Navigation ul li:hover { background: url(../images/hover.png) repeat-x; height:20px; -webkit-box-shadow: 0 0px 2px black inset;}

.Navigation ul li ul li:hover { background: none; -webkit-box-shadow: none; -moz-box-shadow: none; height: auto; border: none; }

.Navigation ul li .horizontal li { padding: 14px 10px 14px 10px;  }

.Navigation ul li .horizontal li:first-child { margin-left: -10px; }

.Navigation ul li .horizontal li a { font-size: 12px; font-weight: normal; color: #c7c7c7; }

.arrow-up { width: 0; height: 0; border-left: 10px solid transparent; border-right: 10px solid transparent; border-bottom: 15px solid #6a6a63; position: absolute; left: 20px; top: -15px; }

.Navigation ul li ul li .extended { position: absolute; top: 45px; left: 0; width: 220px; background: url(../images/dropdownback.png); z-index: 1000; -moz-box-shadow: 0 0px 8px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0px 8px rgba(0,0,0,0.8); box-shadow: 0 0 8px black; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; border: 1px solid white; display: none; color: white; }

.Navigation ul li ul li .extended img { display: block; margin: 5px auto 15px auto; -webkit-box-reflect:below 0px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.8, transparent), to(rgba(255,255,255,0.5))); }

.Navigation ul li ul li .extended p { padding: 10px; font-size: 11px; line-height: 17px; text-shadow: 0 1px 1px black; }

.Navigation ul li ul li .extended h2, .Navigation ul li .ultraNav h2 { padding-top: 5px; padding-left: 0px; font-size: 16px; text-shadow: 0 1px 2px black; color: white; background: url(../images/headerback.png) repeat-x; height: 20px; border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px;  }

.Navigation ul li ul li .extended span { padding-left: 10px; font-size: 11px; }

.Navigation ul li ul li .extended ul.smallNav { border-top: 1px solid rgba(141,141,141,0.50);  padding: 10px; height: 100px;  }

.Navigation ul li ul li .extended ul.smallNav li { width: 200px; padding: 0; line-height: 22px; font-weight: bold; background: url(../images/linkback.png) no-repeat; }

.Navigation ul li ul li .extended ul.smallNav li a { color: #c7c7c7; text-shadow: none; }

.Navigation ul li ul li .extended ul.smallNav li a:hover { color: white; }

.Navigation ul li ul li .extended ul.smallNav li:first-child { margin: 0; }

.Navigation ul li ul li .extended ul.smallNav li:last-child { margin-bottom: 10px; }

.Navigation ul li ul li:hover .extended { display: block; }

.Navigation ul li ul li:hover a { color: white; }

.Navigation ul li .ultraNav {
	position: absolute;
	top: 25px;
	left: -100px;
	width: 294px;
	background: url(../images/dropdownback.png);
	border: 1px solid white;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	z-index: 500;
	-moz-box-shadow: 0 3px 8px rgba(0,0,0,0.6);
-webkit-box-shadow: 0 3px 8px rgba(0,0,0,0.6) box-shadow: 0 3px 8px black;
	display: none;
}

.NavigationInside a { padding-bottom:10px;}

.NavigationInside .ultra a { padding-bottom:0px}

.ultraNav h2 { text-align: center; }

.Navigation ul li .ultra { width: 130px; float: left; margin: 10px 0 10px 10px; -moz-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -webkit-box-shadow: 0 -1px 3px rgba(0,0,0,0.6); -moz-border-radius: 5px; -webkit-border-radius: 5px;  border-bottom: none; }

.Navigation ul li .ultra:first-child { margin: 0; }

.Navigation ul li .ultraNav .arrow-up { left: 130px; }

.Navigation ul li .ultra a { font-weight: normal; font-size: 12px; color: #c7c7c7; text-shadow: 0 1px 2px black; }

.Navigation ul li .ultra li { width: 120px; line-height: 20px; padding: 3px 5px; background: url(../images/linkback.png) no-repeat;  }

.Navigation ul li:hover .ultraNav { display: block; }






/*** ***/


/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 500px;
	height: 196px;
	  margin-left: -17px;
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div {
	float: left;
    width: 540px;
}

/* single scrollable item */
.scrollable img {
	
	 margin: 6px 5px 6px 17px
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	width:100px;
	
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}


////**/
/* this makes it possible to add next button beside scrollable */
.scrollable {
	float:left;	
}

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(../Bilder/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:0px 10px;
	cursor:pointer;
	font-size:1px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(../Bilder/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	
#aktion { float:right;}
.navi {
	margin-right: 23px;
		height:20px;
}


/* items inside navigator */
.navi a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../Bilder/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;
}

/* mouseover state */
.navi a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.navi a.active {
	background-position:0 -16px;     
}

/** msp und js box**/




			.simple_overlay {
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:950px;	
	min-height:500px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../Bilder/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
	z-index:99999;
}
.imgmap{cursor:pointer;}

/** Preistable**/

#psdgraphics-com-table {
	background-color: #28688F;
	color: #747474;
	font: 11px Arial,Helvetica,sans-serif;
	margin: 0 0 25px;
	padding: 2px;
	width: 790px;
}


#psdg-header {
	color: #FFFFFF;
	font-size: 13px;
	margin: 0;
	padding: 0 0 0 24px;
	background-image: url(/img/header2.png);
	background-position: right top;
}

.psdg-bold {
	font-size: 18px;	
}

#psdg-top {
	margin:0;
	padding: 0;
	
	
	border-top: 2px solid #FFF;
	background: #eff4ff url(../images/top-light-blue.png) repeat-x left top;	
}

.psdg-top-cell {
	float:left;
	padding: 0;
	text-align:center;
	width: 80px;
	height: 31px;
	border-right: 1px solid #ced9ec;
	color:#1f3d71;
	font: 12px Arial, Helvetica, sans-serif;
}

#psdg-middle {
	margin:0;
	padding: 0;
	
	background: #f6f6f6 url(../images/center-bcg.png) repeat-y right top;	
}

.psdg-left {
	background: url("../images/center-blue.png") repeat-y scroll left top #E4EBF8;
	border-bottom: 1px solid #B3C1DB;
	border-right: 1px solid #CED9EC;
	color: #1F3D71;
	float: left;
	font: 11px Arial,Helvetica,sans-serif;
	height: 40px;
	margin: 0;
	text-align: left;
	width: 143px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



.psdg-right {
	float:left;
	margin:0;
	padding: 11px 0 0 0;
	width: 80px;
	text-align:center;
	height: 34px;
	border-right: 1px solid #ced9ec;
	border-bottom: 1px solid #b3c1db;
	
}


.psdg-datummonat  ,.psdg-leftklein {
	background: url("../images/center-blue.png") repeat-y scroll left top #E4EBF8;
	border-bottom: 1px solid #B3C1DB;
	border-right: 1px solid #CED9EC;
	color: #1F3D71;
	float: left;
	font: 11px Arial,Helvetica,sans-serif;
	height: 20px;
	margin: 0;
	text-align: left;
	width: 143px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 10px;
}



.psdg-datumtag ,.psdg-rightklein {
	border-bottom: 1px solid #B3C1DB;
    border-right: 1px solid #CED9EC;
    float: left;
    height: 18px;
    margin: 0;
    padding: 7px 0 0;
    text-align: center;
    width: 80px;
	
}


#psdg-bottom {
	clear:both;
	margin:0;
	padding: 0;
	width: 578px;
	height: 48px;
	border-top: 2px solid #FFF;
	background: #e4e3e3 url(../images/bottom-line.png) repeat-x left top;	
}


.psdg-bottom-cell {
	float:left;
	padding: 15px 0 0 0;
	text-align:center;
	width:105px;
	height: 33px;
	border-right: 1px solid #ced9ec;
	color:#070707;
	font: 13px Arial, Helvetica, sans-serif;
}



#psdg-footer {
	font-size: 10px;
	color:#8a8a8a;
	margin:0;
	padding: 8px 0 8px 12px;
	
	background: #f6f6f6 url(../images/center-bcg.png) repeat-y right top;	
}


#doppel {
	background-image: url(../Bilder/2bett.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


#einzel {
	background-image: url(../Bilder/1bett.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}


.highlight {
	   display: block;
	margin-top:20px;
	margin-bottom:20px;
	  background-image: url("../Bilder/li.png");
    background-position: left center;
    background-repeat: no-repeat;
    padding-bottom: 5px;
    padding-left: 24px;
    padding-top: 5px;
}




.highlight a { color: #0A4871;
    font-size: 15px;
    text-decoration: none;}
.angebotright h2 { padding-bottom:0px; margin-bottom:0px; padding-right:10px;}
.angebotright h3 { text-align:right; padding-bottom:0px; margin-bottom:0px; padding-right:10px; color:#425776; font-size:17px;}
.angebotright { margin-top:30px;}
.katalogimg { width:123px;}


.homebox {
  background-image: url("../Bilder/homebox.png");
    background-repeat: no-repeat;
    float: left;
    height: 186px;
    margin-left: 15px;
    padding: 5px;
    width: 139px;
}
.angebotright .homebox { margin-top:20px !important;}
 .homebox h2 {
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}
 .homebox .imgwrapper {
	  background-image: url("../Bilder/bildrahmen.png");
    background-position: 17px 6px;
    background-repeat: no-repeat;
    margin-top: 5px;
    padding-bottom: 8px;
    padding-left: 4px;
}
.homebox .imgwrapper img {
}
 .homebox span  {
	line-height: normal;
	font-size: 10px;
	 font-family: Tahoma;
}

.preis { display: block; text-align:right; font-size:16px;} 
.preis2 { display: block; text-align:right; font-size:16px !important;} 

.homebox h3 {
	font-size: 11px;
	font-weight: normal;
	margin: 0;
}
.supportbox {
	background-image: url(../Bilder/boxschatten.png);
	background-repeat: no-repeat;
	background-position: left bottom;
} 


.ruckrufrechts { text-align:right;}