/*
 * copyright (c) xmachina GmbH
 * 
 * Author: U. Schumacher (ute.schumacher@xmachina.de)
 */


* {
    margin: 0;
    padding: 0;
}

body {
    margin: 0px;
    padding: 0px;
	width: 100%;
	height: 100%;
	font: normal 100.1%/120% Verdana, Arial, Helvetica, sans-serif;
	color: #000000;	
}

	#link_thieme {

height:35px;

border:0px solid #000000;
text-decoration:none;
z-index:1;
background-color:transparent;
float:left;
	}

/* Überprüfung der Container */
/*
DIV,A { border: 1px 
 red; }
DIV DIV DIV DIV { border-width: 0; }
*/

/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil { display: block; }


.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}


.clearFloat { clear: both; float: none; height: 0px; line-height: 0px; }
/* Floating clearen - Ende */



/* Grundgerüst */
#application {
	position: absolute;
	display: block;
	height: 100%;
	width: 100%;
	background-color: #FFFFFF;
}

#header {
  /* min-height: 144px; */ /* 121 + 23px für den Schatteneffekt */
   min-width:980px;
	width: 100%;
	background-color: #FFF;


	
	
	

}



#middle {
	display: block;
}

#left {
	display: block;
	float: left;
	min-height: 600px;
	min-width: 180px;
	width: 23%; 
	border: 0px dotted red;
	overflow: visible;
}

#left .innerDiv {
	margin-left: 40px;
}


#content { 
	display: block;
	min-height: 600px;
	width: auto;
	margin-bottom: 27px;

}

#content .innerDiv {
	margin-left: 40px;
}

/* FOOTER */
#footer {	
	clear: both;
	display: block;
	margin-left: 40px;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

#footerText {
    padding-bottom: 40px;
    padding-top: 10px;
    float: left;
	padding-left: 0px;
    /* background: #FFFFFF url(../images/logo_footer.gif) left 8px no-repeat; */
}

#footerLogo {
    float: left;
    width: 130px;
    padding-top: 15px;
	padding-left: 22px;
}
/* FOOTER - ende */


/* Boxmodell */
div.outerBox {
	/*
    clear: both;
    float: none;
    display: block;
	*/
    background: transparent url(../images/box/box_side.jpg) top left repeat-y;
	border: none;
    margin-top: 0;
    margin-bottom: 17px;
	margin-left: -10px; /* Schatteneffekt und Abstand ausgleichen */

}


div.innerBox {
    display: block;
    background: transparent url(../images/box/box_top.jpg) top left no-repeat;
}

div.innerBox2 {
    background: #FFFFFF url(../images/box/box_header_small.jpg) 1px 1px no-repeat;
    display: block;
    border: 1px solid #ccc;
    padding: 13px 15px 15px 15px;
    margin-left: 10px;
	word-break: break-all; 
	/*word-wrap: break-word; */
}

div.footerBox {
    background: transparent url(../images/box/box_bottom.jpg) left top repeat-x;
    height: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}

div.footerBoxLeft {
    float: left;
    background: transparent url(../images/box/box_corner_left.jpg) left top no-repeat;
    height: 10px;
    width: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}

div.footerBoxRight {
    float: right;
    background: transparent url(../images/box/box_corner_right.jpg) right top no-repeat;
    height: 10px;
    width: 10px;
    line-height: 10px;
    margin-top: 0px;
    overflow: hidden;
}

div.boxHeadline {
	display: block;
	color: #013476;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 62.5%;
	line-height: 120%;
	/*letter-spacing: 0.1em;*/
	margin-bottom: 10px;
}

/* Ausnahmen 
 * 1. Normale Bildbox mit Schatten
 */
#content div.imageBox { margin-left: -10px; overflow: visible; }
/* #content div.outerBox { margin-left: 0px; } */

#content div.imageBox DIV.innerBox2 {
	padding: 0;
}

/* 2. Startbox mit Navigation ohne Schatten */
#content div.startBox { width: 680px; height: 238px; }
#content div.imageCol { 

	width: 680px; 
	height: 27px;
	float: left; 
	
} 
/* Bühnennavigation neu */

* html #content div.navigationCol { width: 217px; margin-left: -3px; }

#content div.navigationCol .innerDiv {
z-index:999;
position:absolute; top:170px; left: 750px;
	margin: 0;
	padding: 10px 0 0 20px;
	color: #FFFFFF;



	
}
#content div.navigationCol { float: left;  }
#content div.navigationCol .innerDiv .boxHeadline { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a:hover { color: #6aacda; font-size: 0.7em; text-decoration: none; background-color: transparent;}

/* Bühnennavigation neu */



/* Breite für IE < 7 korrigieren */
/*
* html #content div.navigationCol { width: 217px; margin-left: -3px; }

#content div.navigationCol .innerDiv {
	margin: 0;
	padding: 10px 0 0 20px;
	color: #FFFFFF;

	
}
#content div.navigationCol { background-image: url(); }
#content div.navigationCol .innerDiv .boxHeadline { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a { color: #013476; font-size: 0.7em; text-decoration: none; background-color: transparent;}
#content div.navigationCol .innerDiv a:hover { color: #6aacda; font-size: 0.7em; text-decoration: none; background-color: transparent;}

*/
/* 3. Startbox aber ohne Hintergrundbild, beinhaltet Image */
.startBoxImageHolder {
	position: relative;
	margin-bottom: 27px; 
	display: block;
}


#mainCol div.outerBox {
	margin-left: -10px;
}
/* Box - Ende */ 


/* Weitere Boxen */

div.error {
	border: 2px solid #ff0000;
	padding: 0.5em;
	font-size: 75%;
	font-weight:bold;
	margin-bottom: 10px;
	background-color: #FCF3F3;
	background: transparent url(../images/icons/icon_error.gif) 5px 5px  no-repeat;
}
div.warning
{
font-size:100%;
color:#ff0000;
font-weight:bold;
margin: 0 0 0 20px;


}
div.specialBox {
    background: #F3F3F3;
 width:680px;
 height:auto;
margin:25px 0 0 0;

}

div.specialBox div.boxHeadline { color: #CC0000; padding:15px 0 0 15px;}

div.specialBox img { display: block; padding-right: 10px; }
div.specialBox .title { display: block; color: #013476; font-weight: bold; font-size: 140%; }
div.specialBox .priceDescription { display: block;  color: #013476; font-weight: bold; font-size: 120%; text-align:right; padding:15px;}
div.specialBox .price { display: block; color: #013476; font-weight: bold; font-size: 120%; text-align:right; vertical-align:top; padding:15px;}
div.specialBox .price span { display: block; color: #000000; font-weight: normal; font-size: 12px; text-align:right; vertical-align:bottom; padding-top:15px;}

div.serviceBox,
div.serviceBox a {
	background-color: #FFFFFF;
}


/* Seitenende */
#pageend {
	float: none;
	clear: both;
	display: block;
	height: 30px;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	text-align: right;
	margin-right: 22px;
}
/* Seitenende - Ende */



/* HEADER */
#header {  }
#header #menuLine1 { height: 22%; min-height: 27px; display: block; background: transparent url(../images/header/darkblue_bg.gif); }
#header #menuLine2 { height: 33%; min-height: 40px; display: block; background: transparent url(../images/header/lightblue_bg.gif); }
#header #menuLine3 { height: 44%; min-height: 54px; display: block; background-color: #FFFFFF; position: relative; }


#header #menuLine1 .innerMenuLine,
#header #menuLine2 .innerMenuLine,
#header #menuLine3 .innerMenuLine { 
	height: 100%; 
	padding-right: 22px;
	
}


#header #menuLine1 .secondMenuLine,
#header #menuLine2 .secondMenuLine,
#header #menuLine3 .secondMenuLine { 
	padding-left: 40px; 
	height: 100%;
	background: transparent url(../images/header/stripe_darkblue_side.gif) 0 0 repeat-y;  
	
}

#header #menuLine2 .secondMenuLine{ background-image: url(../images/header/stripe_lightblue_side.gif); }
#header #menuLine3 .secondMenuLine { background-image: url(../images/header/stripe_white_side.gif); background-color: #FFFFFF; height: 54px; }
	

#header #menuLine1 .innerMenuLine,
#header #menuLine1 .innerMenuLine a  {
	background: transparent url(../images/header/darkblue_bg.gif);
	color: #FFFFFF;
	line-height: 2.2em;
	text-decoration: none;
	text-align: right;
	
	
}



#header #menuLine1 .innerMenuLine a:hover  {
	text-decoration: underline;
	
}

#header #menuLine2 
{ 
	height: 40px; 

	
}



 #logo {
	margin-left: 22px;

	margin-right:22px;
	height:40px
	
	
}


 .shade_bottom
{
  clear: both;
  background: transparent url(../images/header/stripe_shade_bottom.gif) 0 0 repeat-x;
  height:10px;

}

.shade_left
{
    background: url(../images/header/stripe_shade_side.gif) 0 0 no-repeat;
   height: 10px;
    width: 40px;
    float: left;



}




#portalStatus {
    float: right;
    text-align: left;
    padding-top: 1em;
	
}

#portalStatus .user-name {
    text-decoration: none;
    padding-left: 20px;
    background: transparent url(../images/icons/icon_user.gif) left bottom no-repeat;
    font-weight: bold;
	display:block;

	
}
/* HEADER - ende */

#portalStatus ul li
{
list-style:none;
display:block;
float: left;
padding-top:-10px;
}

#portalStatus span
{
color:#013476;

}

#portalStatus span.status
{
font-size:95%;
font-weight:normal;
font-family:verdana;
color:#666666;
vertical-align:top;
padding-left:20px;
margin-top:-1px;
}


/* Min- /Max-Werte */
#header #menuLine1 .innerMenuLine,
#header #menuLine2 .innerMenuLine,
#header #menuLine3 .innerMenuLine,
#pageend { 
	min-width: 918px; /* Im Header -40px Rand links und 22px Padding rechts */ 

	width: auto;
}

/* SPEZIALLAYOUTS */
/*
 * Layout: A1
 * Breite linke Seite: 300px + 40px Rand 
 * Breite Content-Bereich: 900px + 40px Rand links + 22px Rand rechts
 */
.a1 #middle   { width: auto; border: 0px dotted red; }
.a1 #content  { width: 680px; min-width: 782px; margin-left: 0; border: 0px dotted red; }
.a1 #mainCol  { width: 680px; float: left; }
.a1 #rightCol { width: 220px; margin-left: 680px; padding-left: 20px;}
.a1 #footer  { width: 962px; min-width: 962px; }





/* 
 * Layout: B1 
 * Breite linke Seite: 220px + 40px Rand 
 * Breite Content-Bereich: 680px + 40px Rand links + 22px Rand rechts
 */
.b1 #middle { width: 1064px; border: 0px solid #000;}
.b1 #left { width: 260px; min-width: 260px; }
.b1 #content { width: 680px; min-width: 782px; margin-left: 260px; border: 0px dotted red; }
.b1 #mainCol { width: 440px; float: left; }
.b1 #rightCol { width: 220px; margin-left: 440px; padding-left: 20px; }
.b1 #rightCol .outerBox { margin-left: -10px; }
.b1 #mainCol2 { width: 680px; float: left; }


/* Gespiegelte Version B1 ohne Navigation Breite 608px */
.b1a #middle { width: 1064px; border: 0px solid #000;}
.b1a #left { width: 260px; min-width: 260px; }
.b1a #content { width: 680px; min-width: 782px; margin-left: 0px; border: 0px dotted red; }
.b1a #mainCol { width: 440px; float: left; }
.b1a #rightCol { width: 220px; margin-left: 680px; padding-left: 20px; }
.b1a #rightCol .outerBox { margin-left: -10px; }
.b1a #mainCol2 { width: 680px; float: left; }

/* Sonstiges */
/* Abstandhalter */
.spacer_5  { height: 5px; }
.spacer_10 { height: 10px; }
.spacer_15 { height: 15px; border:0px solid #000;}
.spacer_20 { height: 20px; }

.wrapper_5  { padding: 5px; }
.wrapper_10 { padding: 10px; }
.wrapper_15 { padding: 15px; }
.wrapper_20 { padding: 5px 0 0 20px; }
.wrapper_200 { padding: 0px 0 0 200px; border:1px solid #000;}


/* Spalten und Reihen */
div.row { width: 100%; clear: both; float: none; overflow: hidden; margin-top: 1em; }

div.row img {padding-right: 10px; }

/* für Startseite */
div.twoColsStart { float: left; width: 440px; margin: 0 20px 0 0; }
div.twoColsSecondStart { float: left;  width: 220px;}

/* für Startseite */

div.twoCols { float: left; width: 330px; margin: 0 18px 0 0; }
div.twoColsSecond { float: left;  width: 330px;}

div.threeCols { float: left; width: 280px; margin: 0 25px 0 0; }
div.threeColsSecond { float: left; width: 280px; }
div.threeColsLast { width: auto; }

div.middleTop
{
width:680px;
margin:  0 0 27px 0 ;
z-index: 1 !important;
}

div.middleBottom
{
width:680px;


}

div.section {  
    margin-top: 1em;
    padding-top: 0.8em;
    border-top: 1px solid #D1D1D1;
	font-size: 0.75em;
	
}


/* Transparente Elemente */
.transparent {
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); /* IE 5.5-7 */
   filter: alpha(opacity=50); /* IE 4-5 */
   zoom: 1; /* setzt die "has layout" Regel für IE in Kraft */
   -moz-opacity: .5; /* Netscape Navigator 6-7, Mozilla 1.x, Firefox 0.8 */
   -khtml-opacity: .5; /* Konqueror, Safari 1.x */
   opacity: .5; /* CSS 3 Syntax */
}


/* 
 * Ergänzt:
 * Erstes Element einer Seite benötigt kein top-margin */
#firstElement {
	margin-top: 0em !important;
	padding-top: 0 !important;
}

.langSwitch
{
position:absolute; left:65px;
vertical-align:center;
}

.popUp
{
width:90%;
padding:25px;

}