@charset "utf-8";
/* CSS Document         */
/* 2do: Version 1       */

/*** BASIC *********************************/
html, body, h1, h2, h3, p, strong, img {
	padding: 0;
	margin: 0;
}

body {
	/* background: #2F2E2C url(../media/bg_body.jpg) repeat left top; */
	background: #2F2E2C url(../media/holz_bg_50p.jpg) repeat left top;	
	color: #FFFFFF;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

hr { display: none; }

a,
a:link,
a:visited,
a:focus,
a:hover,
a:active { color: #FFFFFF; }

/*** CLASSES *********************************/
.txt2img {
	display: block;
	text-indent: -9999px; 
	width: 0; 
	height: 0;
	overflow: hidden;	
}

/*** DIV: OUTWRAPPER *********************************/
#outwrapper {
	position: absolute;
	margin: 0;
	padding: 0;	
	top: 50%;
	width: 100%;
	height: 530px;
	margin-top: -265px; /*set to a negative number 1/2 of your height*/
}

/*** DIV: WRAPPER *********************************/
#wrapper {
	position: relative;
	margin: 0 auto;
	padding: 0;
	width: 800px;
}

/*** DIV: HEADER *********************************/
#header {
    height: 122px;
}

#header h1 {
	position: absolute;
	top: 0px;
	right: 0px;
	height: 135px;
	width: 165px;	
}

#header h1 div.headerH1Helper {
	height: 100%;
	width: 100%;	
	background: url(../media/2do-logo.png) no-repeat left top;	
}

#header h1 div a {
	display: block;
	height: 135px;
	width: 165px;
	text-indent: -9999px;
	font-size: 8px;
	margin: 0;
	padding: 0;
	text-decoration: none;
	overflow: hidden;
}

#introtext {
	position: absolute;
	top: 0px;
	left: 0px;
	height: 104px;
	width: 386px;
	text-indent: -9999px;
	font-size: 8px;	
	background: url(../media/bg_headertext.png) no-repeat left top;	
}

/*** DIV: SLIDESHOW *********************************/
#slideshow {
    position: absolute;
    top: 170px;
    left: 91px;  
	width: 535px;
	height: 321px;
	background: url(../media/ajax-loader.gif) no-repeat center center;	
}

#slideshowHelper {
	width: 100%;
	height: 100%;
	background: url(../media/bg_slider.png) no-repeat left top;	
}

#slideshowHelper2 {
    padding: 20px 0 0 24px;
	background: url(../media/ajax-loader2.gif) no-repeat center center;	
}

#slider {
   width: 483px !important;
   height: 275px !important;
   position: relative;
   overflow: hidden;
}

#sliderContent {
   width: 483px !important;
   position: absolute;
   top: 0;
   margin: 0;
   padding: 0;
}

.sliderImage {
   float: left;
   position: relative;
   display: none;
}

.sliderImage span {
   position: absolute;
   font-size: 11px;
   line-height: 20px;
   padding: 10px 15px;
   width: 453px;
   background-color: #000000;
   filter: alpha(opacity=80);
   -moz-opacity: 0.8;
   -khtml-opacity: 0.8;
   opacity: 0.8;
   color: #FFFFFF;
   display: none;
   z-index: 2;
}


.sliderImage span.top { top: 0; left: 0; }
.sliderImage span.bottom { bottom: 0; left: 0; }
.sliderImage span.right {
   	top: 0;
    right: 0;	
	width: 90px;
	height: 255px;
}

.sliderImage span.left {
   	top: 0;
    left: 0;	
	width: 90px;
	height: 255px;
}

.sliderImage span strong { font-size: 14px; line-height: 20px; }
.clear { clear: both; } 

#slideNoScript {
	padding: 30px;
	color: #000000;
	font-size: 12px;
}

/*** DIV: CONTENT *********************************/
h2.sternArbeit {
	margin: 0 0 0 49px;
	width: 103px;
	height: 369px;	/* 106 hoehe plus rand unten */
	background: url(../media/bg_stern_auszug.png) no-repeat left top;
}

p.tdoMacht {
	margin: 0 0 0 205px;
	width: 399px;
	height: 31px;	
	background: url(../media/bg_2domacht.png) no-repeat left bottom;	
}


/*** DIV: LINKS *********************************/
#links {
    position: absolute;
    top: 214px;
    left: 634px;  
	width: 162px;
}

#linksHelper {
	width: 100%;
	height: 100%;
	background: url(../media/bg_click_to_visit.png) no-repeat left top;
}

p.navi {
	padding: 230px 0 0 0;
}

p.navi a,
p.navi a:link,
p.navi a:visited {
	display: block;
	width: 162px;
	height: 20px; 
	background: url(../media/nav_impressum_kontakt.gif) no-repeat left top;	
}

p.navi a:focus,
p.navi a:hover,
p.navi a:active {
    background-position: 0px -20px;	
}

div.thBoxCont { padding: 20px; }

h2.h2Imprint2do {
	font-size: 16px;
	padding: 0 0 15px 0;
}