/* ************************************************************************************ */
/* **************************** CSS DOKUBLOG ****************************************** */
/* ************************************************************************************ */


* {
	border: 0px;
	margin: 0px;
	padding: 0px;
}


/* **************************** H T M L Klassen generell ****************************************** */


body {
	background-color: #e8edd3;
	background-image:url(http://www.swr.de/blog/swr2_dokublog/site/mid1/pics/streifen3.gif);
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	letter-spacing:1px;
}

h1 {
	font-size:13px;
	letter-spacing:2px; 
	font-weight: bold; 
	text-transform: uppercase;
	line-height:20px;
	margin-left: -10px;
	margin-top: 25px;
	width: 418px;
}


h2 {
	font-size:12px;
	color: #5f9901;
	letter-spacing:2px;
	line-height:20px;
	margin-left: -10px;
	width: 418px;

}

h3 {
	font-size:12px;
	color: #000000;
	letter-spacing:2px;
	line-height:20px;
	width: 418px;
}

*html h3 {
	position:relative;
	top:13px;
	margin-bottom:13px;
}

h4 {
	font-size:12px;
	color: #000000;
	letter-spacing:2px;
}

a {
	font-size:12px;
	color: #5f9901;
	text-decoration:none;
}

a img {
	text-decoration:none
}

#suche a:hover {
	color:black;
}


/* **************************** Einzelne DIV Klassen ****************************************** */
#otonnummer {
	position:relative;
	top:-10px;
	left:180px;
}

#otonnummer input{
	width:125px;

}

.otonangebenabstand {
	border:#5f9901 solid 2px;
	position:relative;
}


*html .otonangebenabstand {
	position:relative;
	top:-20px;
}

.errtxt {
	color:#FF0000;
	font-size:12px;
	margin-top:7px;
}

.randpic {
	border:#5f9901 solid 2px;
}

.randpic_red {
	border:#ff0000 solid 2px;
}

.randpic_green {
	border:#5f9901 solid 2px;
}

.randpic_black {
	border:#2d2d2d solid 2px;
} 

.menu {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	letter-spacing:1px;
	background-color:#FFFFFF;
	padding-top:5px;
	height: 21px;
	width: 305px;
	float:left;
 	display:block;
}

.forum {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:22px;
	letter-spacing:1px;
	background-color:#FFFFFF;
	border-left:#FFFFFF 8px solid;
	margin-left: 10px;
	height: 23px;
	width: 320px;
	float:left;
 	display:block;
}	

#bild img {
	width:412px;
	background-color:#ffffff;
	margin: 10px 0px 10px 0px;
}

/* **************************** T A B U L A T O R  BEREICH ****************************************** */

#tabhalter {
	margin-left:-19px;
	margin-top:5px;
	width:510px;
}

#tab1, #tab3, #tab2 {
	margin-left:22px;
	margin-top:10px;
}


#tabzeile  {
	display:inline;	
}

* html #tabhalter  {
	margin-top:-15px;
	margin-left:-40px;
}

* html #tabzeile  {
	margin-left:18px;
	display:block;	
}

#tabzeile a {
	margin: -10px;	
}

* html #tabzeile a {
	margin-top:-200px;
}

#tabzeile a img {
	margin-right:16px;
	border-right:2px white solid;
}

* html #tabzeile a img {
	border-right:4px white solid;
}

/* **************************** P A G E  TABELLE ****************************************** */
#gesamtliste {
	position:relative;
	top:20px;
	margin-bottom:60px;
	
}

*html #forumabstand {
	position:relative;
	top:0px;
}

*html #forumabstand2 {
	position:relative;
	left:7px;
	top:10px;
	margin-bottom:25px;
}

#auswahltab table{
	position:relative;
	left:-2px;
}

*html #auswahltab table{
	position:relative;
	left:-4px;
}

#auswahltab td {
	width:139px;
}

*html #auswahltab td {
	width:146px;
}

#auswahltab td img{
	margin-right:5px;
}

#abstand {
	position:relative;
	left:20px;
}

#abstandautor {
	position:relative;
	top:20px;
	left:-5px;
}

#abstandautorback {
	position:relative;
	top:-20px;
	left:25px;
}

*html #abstandautorback {
	position:relative;
	top:-14px;
	left:47px;
}

*html #abstandfeature{
	position:relative;
	top:5px;
	left:22px;
}

#abstand2 {
	position:relative;
	top:10px;
}

#pagetab0 td img, #pagetab1 td img, #pagetab2 td img {
	vertical-align: bottom;
}


#pagetab0 .abstand, #pagetab1 .abstand, #pagetab2 .abstand   {
	margin-bottom:10px;
}

*html #pagetab0 .abstand {
	margin-bottom:15px;
	margin-left:-10px;
}

#sucheabstand {
	margin-top:-10px;
}

*html #sucheabstand {
	margin-top: 3px;
}

#pagetab0 table {
	position: relative;
	width: 370px;
	margin-left:-10px;
	border-collapse:separate;
	border-spacing:10px;	
}

#pagetab1 table {
	position: relative;
	width: 403px;
	margin-left:-10px;
	border-collapse:separate;
	border-spacing:10px;	
}

#pagetab2 table {
	position: relative;
	width: 440px;
	margin-left:-10px;
	border-collapse:separate;
	border-spacing:10px;	
}


* html #pagetab0 table, * html #pagetab1 table, * html #pagetab2 table {
	margin-left:-4px;
	margin-top:-5px;
}

* html #pagetab0 table img, * html #pagetab1 table img, * html #pagetab2 table img{
	margin-top:10px;
	vertical-align: bottom;
}


#pagetab0 .tabtitel, #pagetab1 .tabtitel, #pagetab2 .tabtitel {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background-color:#FFFFFF;
	width: 290px;
	height: 18px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom:4px;
}

* html #pagetab0 .tabtitel, * html #pagetab1 .tabtitel, * html #pagetab2 .tabtitel {
	height: 15px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-left:6px;
	margin-right:-55px;
	margin-top:10px;
}

#pagetab0 .tabtitelgesendet {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background-color:#FFFFFF;
	width: 290px;
	margin-top:17px;
	margin-left:-4px;	
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 1px;
	padding-bottom:4px;
}

* html #pagetab0 .tabtitelgesendet {
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 0px;
	padding-bottom:0px;
	margin-left:2px;
	margin-right:-55px;
	margin-top:27px;
}

#pagetab0 #tabtextfeld {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	letter-spacing:1px;
	background-color:#FFFFFF;
	width: 355px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 4px;
	padding-bottom:5px;
}

*html #pagetab0 #tabtextfeld {
	width:312px;
}

#page .suchebutton {
	border: 0px;
	left:5px;
	position:relative;
	border:#5f9901 solid 2px;
}

#listensuche {
	position:relative;
	top:-8px;
}

*html #listensuche {
	position:relative;
	left:-2px;
	top:-3px;
}

#listensuche1 {
	position:absolute;
	top:-2px;
}   

*html #listensuche1 {
	position:absolute;
	top:-4px;
}

#listensuche2 {
	position:absolute;
	top: 0px;
	left:134px;
}


#page .inputliste {
	position:relative;
	top:-8px;
	height:19px;
	width:172px;
	border:#5f9901 solid 2px;
}

*html #page .inputliste {
	position:relative;
	top:-4px;
	width:182px;

}

#sopt td {
	font-size:12px;
}

#suchoptionen {
	position:relative;
	top:0px;
}

*html #suchoptionen {
	position:relative;
	top:-5px;
}

#suchoptionen .sucheinputliste {
	position:relative;
	height:19px;
	width:202px;
	border:#5f9901 solid 2px;
}

*html #suchoptionen .sucheinputliste {
	width:206px;
}

#suchoptionen .datuminputliste {
	position:relative;
	height:19px;
	width:93px;
	border:#5f9901 solid 2px;
}

*html #suchoptionen .datuminputliste {
	position:relative;
	top:28px;
	left:30px;
	width:94px;
}

#gesendet {
	position:relative;
	left:2px;
	top:2px;
}

#gesendet img {
	position:relative;
	left:12px;
	top:8px;
}
.suchebutton2 {
	position:relative;
	border:#5f9901 solid 2px;
	margin-left:5px;
	top:8px;
}

*html .suchebutton2 {
	margin-left:40px;
	top:32px;
}

#otonkategorien {
	position:relative;
	margin-top:0px;
	float:left;
}

#auswahltab table img {
	margin-right:7px;
}

*html #auswahltab td {
	width:100%;
}

*html #auswahltab table img {
	margin-right:8px;
}


/* **************************** Z U S A T Z  BEREICH ****************************************** */
#zusatz {
	position:absolute;
	left: 730px;
	top: 400px;
	width: 230px;
	height: 478px;
	background-color:#f0f2e3;
	border-bottom: #FFFFFF 25px solid;
}

#zusatzgesamttitel {
	position:relative;
	top:12px;
	left:24px;
	clear:both;
}

#textbereich {
	position:relative;
	top:-5px;
}

#zusatzbild {
	margin-left:24px; 
	margin-right:5px; 
	margin-top:4px; 
}

.zusatztitel {
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000000;
	line-height:19px;
	letter-spacing:1px;
	position:relative;
	top:-20px;
	left:60px;
}

*html .zusatztitel {
	font-size:0.95em;
	position:relative;
	left:60px;
	top:-25px; 
}

.zusatztext { 
	position:relative;
	left:24px; 
	top:-10px; 
	width:185px;
}	 

*html .zusatztext { 
	top:-15px; 
}	 


/* **************************** L O G I N BEREICH ****************************************** */

#login {
	z-index:100;
	position:absolute; 
	left:0px;
	top:0px;
	width:210px;
	height: 375px;
	background-color:#e8edd3;
	border-bottom: #FFFFFF 25px solid;
	border-right: #FFFFFF 25px solid;
	margin: 0px;

}

#login form {
	position:relative;
	top: 128px; 

}

#login .input {
	background-color:#FFFFFF;
	border:#5f9901 solid 2px;
	position:relative;
	left:24px;
	width:150px;
}

#login .loginbutton {
	border: 0px;
	position:relative;
	border:#5f9901 solid 2px;
	left:24px;
	margin-bottom:10px;

}


/* **************************** S U C H E N  BEREICH ****************************************** */


#suche {
	position:absolute;
	left: 0px;
	top: 400px;
	width: 210px;
	height: 165px;
	background-color: #e8edd3;
	border-bottom: #FFFFFF 25px solid;
}

#suche form {
	position:relative;
	top:10px;

}

#suche .input {
	background-color:#FFFFFF;
	border:#5f9901 solid 2px;
	position:relative;
	left:24px;
	width:150px;
}

#suche .suchebutton {
	border: 0px;
	position:relative;
	border:#5f9901 solid 2px;
	margin-left:24px;
	margin-bottom: 6px;
	margin-top:10px;

}


/* **************************** IDs  ****************************************** */


#head {
	position:absolute;
	left: 235px;
	height: 127px;
	width: 100%;
}

#menue {
	position:absolute;
	left: 235px;
	top: 122px;
	width: 725px;
	height: 61px;
	background-color: #ffffff;
}

#player {
	position: absolute;
	left: 730px;
	top: 183px;
	width: 230px;
	background-color: #f0f2e3;
	height: 192px;
	border-bottom: #FFFFFF 25px solid;
}

#footer {
	position:relative;
	left: 234px;
	top: 174px;
	font-size: x-small;
	letter-spacing: 2px;
	margin-bottom: 200px;
}

*html #footer {
	top: 194px;
}

#nutzbed {
	position:relative;
	left:34px;
	width:412px;
}

#logo {
	z-index:99;
	position:absolute;
	left:27px;
	top:770px;
}

#extras {
	position:absolute;
	left: 0px;
	top: 590px;
	width: 210px;
	height: 135px;
	background-color: #e8edd3;
	border-bottom: #FFFFFF 25px solid;
}

/* **************************** P A G E  BEREICH ****************************************** */


#popuppage {
	position:relative;
}

#popupabstand {
	position:relative;
	left:50px;
}

#page {
	min-height:677px;
	height:auto !important;
	overflow:hidden;
	padding-top: 20px;
	padding-bottom:24px;
	position: relative;
	left: 210px;
	top: 158px;
	width: 440px;
	padding-left: 30px;
	border-left: #ffffff 25px solid;
	border-right: #ffffff 25px solid;
	background-color: #f0f2e3;
}

*html #page {
	height:657px !important;
	overflow:visible;
}

#page p {
	width: 412px;
	font-size:12px;
	clear:both;
}	

*html #page {
	top:178px;
}


form {
	margin-top: 10px;
}

label {
  float:left;
  width:110px;
  margin-bottom:10px;
  margin-top:-5px;
  font-size:12px;

}

.input1 {
  clear:right;
  width:250px;
  border: 2px solid #5f9901;
  font-family:Arial, Helvetica, sans-serif;
  background:#Ffffff;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}

.input1err {
  clear:right;
  width:250px;
  border: 2px solid #FF0000;
  background:#fdd4d4;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
}

.input1box {
  clear:both;
  margin-left:110px;
  border:0px;
  font-family:Arial, Helvetica, sans-serif;
  margin-top:10px;
  margin-bottom:5px;
  padding:0px;
}

*html .input1box {
  margin-top:10px;
  margin-bottom:0px;
;
}

.input1boxtxt {
  margin-left:110px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
  width:250px;
}

.input1boxtxterr {
  margin-left:110px;
  color: red;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 12px;
  margin-bottom:10px;
  padding:1px;
  width:250px;
}


.passwortvergessen {
	position:relative;
	left: -110px;
}

* html .passwortvergessen {
	position:relative;
	left: -113px;
}


.formbutton {
  margin-left:110px !important;
  margin-left:112px; /*to fix IE6 position*/
  clear:both;
  border: 2px solid #5f9901;
}

.formerrtxt {
	color:#FF0000;
	width:255px;
	font-size: 12px;
	line-height:14px;
	margin-bottom:10px;
	margin-top: -7px;
	margin-left: 110px;
}





/* **************************** U P L O A D  BEREICH ****************************************** */

#fcbody {
	background-color: #e8edd3 !important;
	background-image:url(http://www.swr.de/blog/swr2_dokublog/site/mid1/pics/streifen3.gif) !important;
	margin-left: -81px !important;
	margin-top: -14px !important;
	border: 0px !important;
}

#uploaderpage {
	background-color: transparent !important;
	border: 0px !important;
	margin-left: 0px !important;
	margin-top: 0px !important;
}

.ulhead {
	margin-left:-70px;
	padding-top: 5px;	
	font-size:13px;
	letter-spacing:2px; 
	font-weight: bold; 
	text-transform: uppercase;
	line-height:20px;
	margin-top: 25px;
	width: 418px;
	margin-bottom: 8px;
}

.ulhead2 {
	margin-left: 20px;
	font-size:12px;
	letter-spacing:2px;
	width: 418px;
	color:black;
	margin-bottom: 8px;

}

#fc-container {
	margin-top:-10px;
}




#uploadbuttonwrapper {
	margin-left:-358px;
	margin-top: -10px !important;

}	

#uploadbutton {

	background-image:url(http://www.swr.de/blog/swr2_dokublog/site/mid1/pics/upload.png) !important;
	border:#5f9901 solid 2px !important;
	height: 23px !important;
	width: 28px !important;
}



#uploadname1 {
	border-style: none !important;
	border-color: transparent !important;	
}

#filefields {
	border:0px !important;
}

.fileelement {
	margin-left:-209px !important;
	margin-top: -8px !important;
}



.fileelement input {
	border-style: none !important;
	border-color: transparent !important;	
}

#fc-container table {
 	border: 2px #e8edd3 solid !important; 
	background-color: transparent !important;
	position: relative !important;

}


#fc-container tr {
	border-style: none !important; 
	background-color: transparent !important;

}

#fc-container td {
	border-style: none !important; 
	text-align: left !important; 
	
}

.headercell {
	padding-left: 5px !important;
}

#tca2, #donef, #leftf, #totalf, #tca3, #dones, #lefts, #totals, #tca4, #donet, #leftt, #totalt  {
	padding-left: 5px !important;


}

#progBarContainer {

	padding-top: 0px !important;
	margin-left: -45px !important;

}

#progBarText {
	width: 280px !important;
	font-size: 100% !important;;
	margin-top: 1px;
	margin-right: 0px !important;
	margin-bottom: 1px;
	margin-left: 62px !important;
	white-space: normal !important;

}

#progRate {
	padding-left: 5px !important;

}

#progStatus {

	text-align: left !important;
	margin-left: 28px !important;
	font-style: normal !important;
	width: 150px !important;
	margin-right: 10px !important; 
	
}

#progPercent {
	text-align: left !important;
	width: 15px !important;
	font-style: bold !important;
	margin-left: 0px !important;

}



#progBar {
	border: 2px #e8edd3 solid !important; 
	background-color: transparent !important;
}

#progBarDone {
	border-right-color: #e8edd3 !important;
	background-color: #5f9901 !important;
	background-image: url(http://www.swr.de/blog/swr2_dokublog/site/mid1/pics/streifen4.gif) !important;



}