/* COPYRIGHT by NF WEBDRISS www.webdriss.de */
@import url("http://www.webdriss.de/nfwebdriss_logo.css");

body {
background: #fff;
color: #000;
font-size: 12px;
font-family: Verdana, sans-serif, Tahoma;
}

.mceContentBody  { 
background: #c3c3c3;
color: #000;
font-size: 12px;
font-family: Verdana, sans-serif, Tahoma;
}

.spenden {
	background: url(img/spenden_button_de.png) no-repeat 0 0;
	width: 95px;
	height: 30px;
	display: block;
} .spenden:hover { background-position: 0 -30px; }

.donate {
	background: url(img/spenden_button_en.png) no-repeat 0 0;
	width: 95px;
	height: 30px;
	display: block;
} .donate:hover { background-position: 0 -30px; }

.login_link1 {
	font: normal 10px Tahoma; 
	color: rgb(117, 117, 117);
} .login_link1:hover { color: #ddae4a;font-weight: normal; }

.login_link2 {
	font: normal 10px Tahoma; 
	color: rgb(0, 0, 0);
} .login_link2:hover { color: #ddae4a;font-weight: normal; }

#popup {
	position: absolute;
	top: 100px;
	left: 29%;
}

div .fb {
	background: #3B5998;
	color: #fff !important;
	-moz-border-radius: 10px;
	padding: 10px;
	width: 490px;
}

div .fb a,div .fb a:active,div .fb a:hover,div .fb a:visited { color: #fff;text-decoration: underline; }

div .important {
	background: -moz-linear-gradient(-90deg, #fff, #c3c3c3);
	color: #000 !important;
	-moz-border-radius: 10px;
	padding: 10px;
	width: 490px;
	border: 1px solid #636363;
	text-shadow: 1px 1px 0 #fff;
	font: bold 12px Tahoma;
}

div .fb a,div .fb a:active,div .fb a:hover,div .fb a:visited { color: #fff;text-decoration: underline; }

#popup_div1 {
background:none repeat scroll 0 0 rgba(82, 82, 82, 0.8);padding:10px;-moz-border-radius:10px;
}

#popup_div1_ie {
background:none repeat scroll 0 0 #525252;padding:10px;
}

#popup_div2 {
background: #ddae4a;-moz-border-radius:10px;padding: 10px;
}


#register {
	background:#c3c3c3;
	border:1px solid #fff;	
	-moz-border-radius:10px;
    border-radius:10px;
}

#register tr {
	margin: 5px 0;
}

#register tr td {
	padding: 5px;
}

#register tr:hover {
	background: #ddae4a;
}

a {
color: #fff;
font-weight: bold;
text-decoration: none;
}

a:hover {
color: #000;
font-weight: bold;
text-decoration: underline;
}

#table {
	background: #cfcfcf;
	width: 100%;
	border: 2px solid #ddae4a;
	-moz-border-radius: 10px;
	border-radius: 10px;
}

#table tr {
	padding: 3px 10px;
	background: #cfcfcf;
	margin: 4px;
}

#table tr:hover {
	background: #ffad00;
}

label {
	color: #535353;
	font: normal 10px Tahoma;
	cursor: pointer;
}

h1 {
background: url(img/h1.png) no-repeat;
font-size: 18px;
color: #000;
padding: 12px 10px 10px 15px;
height: 45px;
width: 300px;
}

#wtl {
position:	relative;
width:	850px;
margin:	0px auto;
padding:	0px;
text-align:	left;
top:   0px;
}

#main {
margin: 0 auto;
padding: 0;
}

#comment, #comment a {
background: url("../img/kommentare.png") no-repeat 0 0;
display: inline-block;
padding-left: 20px;
color: #2d2109;
font: bold 12px tahoma;
text-shadow: 1px 1px 0px #9b731f;
}

#comment:hover, #comment a:hover {
background-position: 0 -15px;
color: #fff;
}

.artikel_img-r {
float: right;background: #c5c5c5;border: 1px solid #000;margin: 0px 0px 0px 15px;padding: 5px;-moz-border-radius: 5px;border-radius: 5px;font: normal 10px tahoma;color: #6E6E6E;
}

.artikel_img-l {
float: left;background: #c5c5c5;border: 1px solid #000;margin: 0px 15px 0px 0px;padding: 5px;-moz-border-radius: 5px;border-radius: 5px;font: normal 10px tahoma;color: #6E6E6E;
}

.artikel_img-c {
float: center;text-align: center;background: #c5c5c5;border: 1px solid #000;margin: 0px 15px 0px 0px;padding: 5px;-moz-border-radius: 5px;border-radius: 5px;font: normal 10px tahoma;color: #6E6E6E;
}

.head {
background: url(img/head-end2011.png) no-repeat;
height: 258px;
width: 917px;
top: 0px;
position: relative;
}

/* NAVIGATION */

.nav {
padding-left: 30px;
background: url(img/nav.png) no-repeat;
height: 45px;
width: 850px;
top: 189px;
position: absolute;
}

.links {
height: 45px;
top: 535px;
left: 780px;
position: absolute;
}

.nav ul {
list-style: none;
}

*html .nav ul {
list-style: none;
margin-top: 12px;
}

*+html .nav ul {
list-style: none;
margin-top: 12px;
}

.nav li {
width: auto;
height: 35px;
float: left;
}

.nav li span {
padding-left: 15px;
padding-top: 15px;
padding-right: 15px;
margin-top: 0px;
}

.nav li.aktiv {
float: left;
margin-top: -13px;
margin-left: 0px;
width: 115px;
height: 35px;
background: url(img/nav1.png) no-repeat;
padding-left: 12px;
padding-top: 15px;
}
.nav li.aktiv.span {

}

.nav li a {
color: #7f7f7f;
font-weight: bold;
text-decoration: none;
}

.nav li a:hover {
color: #ddae4a;
font-weight: bold;
text-decoration: none;
}

.nav li.aktiv a {
color: #000;
font-weight: bold;
text-decoration: none;
}

.nav li.aktiv a:hover {
color: #ddae4a;
font-weight: bold;
text-decoration: none;
}

/* CONTENT */

.content {
background: url(img/content.png) repeat-y;
height: auto;
width: 850px;
top: 234px;
position: absolute;
float: left;
}

.content a {
color: #000;
font-weight: bold;
text-decoration: none;
}

.content a:hover {
color: #ddae4a;
font-weight: bold;
text-decoration: underline;
}

.co {
padding: 16px;
}

/* RECHTS */

.right {
float: right;
width: 200px;
right: 23px;
height: auto;
top: 0px;
position: relative;
}

*html .right {
float: right;
width: 200px;
right: 0px;
top: 15px;
margin-top: -16px;
margin-right: 23px;
position: relative;
}

*+html .right {
float: right;
width: 200px;
right: 0px;
top: 15px;
margin-top: -16px;
margin-right: 23px;
position: relative;
}

/* INDEX ZUFALLSBILD */

.index_bild {
position: relative;
width: 592px;
top: 0;
left: 0; 
height: 432px;
}

*html .index_bild {
position: relative;
width: 592px;
top: 0px;
left: 0; 
height: 432px;
}

*+html .index_bild {
position: relative;
width: 592px;
top: 0px;
left: 0; 
height: 432px;
}

#index_bild_b {
position: absolute;
left: 440px;
top: 380px;
}

/* FOOTER */

.footer {
background: url(img/footer.png) no-repeat;
width: 850px;
clear: both;
margin: 0;
height: 50px;
}
.t {
text-align: center;
padding-left: 15px;
padding-top: 22px;
font-size: 11px;
color: #7f7f7f;
}
.t  a, .t a:hover, a .t:active, .t a:visited{
color: #7f7f7f;
}

/* #ddae4a - KASTEN */
#box {
background: #DDAE4A url(img/ecke-oben-links.png) no-repeat;
position: relative;
padding: 10px;
width: 548px;
height: auto;
}

#box a {
color: #000;
font-weight: bold;
}

#box a:hover {
color: #fff;
font-weight: bold;
}

span.box-top-right, span.box-bottom-left, span.box-bottom-right {
position: absolute;
width: 20px;
height: 20px;
display: block;
}

span.box-top-right {
background: url(img/ecke-oben-rechts.png) no-repeat;
top: 0;
right: 0;
}
span.box-bottom-left {
background: url(img/ecke-unten-links.png) no-repeat;
bottom: 0;
left: 0;
}
span.box-bottom-right {
background: url(img/ecke-unten-rechts.png) no-repeat;
bottom: 0;
right: 0;
}

/* INDEX - KÄSTEN */
#news_box {
background: #DDAE4A url(img/ecke-oben-links3.png) no-repeat;
position: relative;
padding: 10px;
width: 175px;
height: auto;
}

#news_box a {
color: #000;
font-weight: bold;
}

#news_box a:hover {
color: #fff;
font-weight: bold;
}

span.box3-top-right, span.box3-bottom-left, span.box3-bottom-right {
position: absolute;
width: 20px;
height: 20px;
display: block;
}

span.box3-top-right {
background: url(img/ecke-oben-rechts3.png) no-repeat;
top: 0;
right: 0;
}
span.box3-bottom-left {
background: url(img/ecke-unten-links3.png) no-repeat;
bottom: 0;
left: 0;
}
span.box3-bottom-right {
background: url(img/ecke-unten-rechts3.png) no-repeat;
bottom: 0;
right: 0;
} 


/* FLAGGEN */
.flaggen {
right: -22px;
top: 250px;
position: absolute;
}

/* QTIP */
div#qTip {
 padding: 3px;
 display: none;
 background: #c7c7c7;
color: #454545 !important;
 font: bold 9px Verdana, Arial, sans-serif;
 text-align: left;
 position: absolute;
 z-index: 1000;
 border-color: #C6C6C6 #C6C6C6 #999999;
 border-radius: 4px 4px 4px 4px;
}

/*--- container for the subnavigation --------------------------------------*/

.sub_nav_container
{
	margin					:	0px 0px 0px 0px;
	padding					:	0px;
}

/*--- subnavigation --------------------------------------------------------*/

.sub_nav_list
{
	margin					:	0px;
	padding					:	0px;
	list-style-type			:	none;
}

.sub_nav_list li
{
	margin					:	5px 0px 2px 0px;
	padding					:	0px;
}

/*--- subnavigation items --------------------------------------------------*/

.sub_nav_list a
{
	display					:	block;
	height					:	25px;
	width					:	157px;
	padding					:	0px 0px 0px 20px;
	line-height				:	24px;
	text-decoration			:	none;
	text-align				:	left;
	voice-family			:	"\"}\"";
	voice-family			:	inherit;
}

html>body #sub_nav_list a
{
	width					:	157px;
}

.sub_nav_list a:hover
{
	text-decoration			:	none;
}

.sub_nav_list a.saktiv {
  background: url('img/subnav.png') no-repeat left -28px;
  font-size: 13px;
  font-weight: bold;
  text-decoration: none;
  color: #ddae4a;
  display: block;
}
.sub_nav_list a.s {
  background: url('img/subnav.png') no-repeat;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  display: block;
}
.sub_nav_list a.s:hover {
  background: url('img/subnav.png') no-repeat left -56px;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #000;
  display: block;
}

/* ANZEIGE */
.anzeige {
opacity:0.85;            /*      W3C-konform     */
-moz-opacity:0.85;       /*      Mozilla und Derivate    */
FILTER:progid:DXImageTransform.Microsoft.Alpha(opacity=85); /*IE*/
}

#red {
   background: #ff6800 url(http://www.turbo-look.de/img/info_bg.png) no-repeat left top;
   padding: 10px;
  /* border: 2px solid #000;*/
   margin: 7px;
   color: #FFF;
   font-size: 13px;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   border:2px solid #000;
   width: auto;
   
}
#gruen {
   background: darkgreen url(http://www.turbo-look.de/img/info_bg.png) no-repeat left top;
   padding: 10px;
   /*border: 2px dotted #FFFFFF;*/
   margin: 10px;
   font-weight: bold;
   color: #FFF;
   -moz-border-radius:10px;
   -webkit-border-radius:10px;
   border-radius:10px;
   border:2px solid #000;
   width: auto;
}


#png1 {
	background: url(../resources/de_anzeige.png);
	width: 150px;
	height: 133px;
}

*html #png1 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../resources/de_anzeige.png', sizingMethod='scale');
	background:none;
	width: 150px;
	height: 133px;
}

#png2 {
	background: url(../resources/en_anzeige.png);
	width: 150px;
	height: 133px;
}
 
*html #png2 {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../resources/en_anzeige.png', sizingMethod='scale');
	background:none;
	width: 150px;
	height: 133px;
}

.in1 {
    /*-moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);*/
    background: url("http://www.turbo-look.de/img/input_bg.png") repeat scroll 0 0;
	border-color: #c6c6c6 #c6c6c6 #999999;
    border-style: solid;
    border-width: 1px;
    cursor: pointer;
	color: #454545 !important;
    display: inline-block;
    font-size: 13px;
    font-weight: bold;
    line-height: normal !important;
    padding: 2px 13px;
	margin: 0 4px 0 4px;
    text-align: center;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
	-moz-border-radius: 4px;
	text-shadow: #fff 0px 1px 0px;
}


.in1:hover {
-moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);
}

.in1:active {
	background: #dbdbdb;
	color: #535353 !important;
}

.inp {
-moz-border-radius:10px;
border-radius:10px;
background:none repeat scroll 0 0 #FFFFFF;
border-color:#cdcdcd;
border-style:solid;
border-width:1px 1px 1px 1px;
margin:3px;
padding:6px;
}

.off_persona {
background-image:url("img/off_persona.png");
background-repeat:no-repeat;
background-position:0 0;
display:block;
height:50px;
width:150px;

}
.off_persona:hover {
background-position:0 -50px;
}

.report_error_ger {
background-image:url("http://images.open-s.de/WTL/error_report.png");
background-repeat:no-repeat;
background-position:0 0;
display:block;
height:20px;
width:122px;

}
.report_error_ger:hover {
background-position:0 -20px;
}

.report_error_en {
background-image:url("http://images.open-s.de/WTL/error_report.png");
background-repeat:no-repeat;
background-position:-122px 0;
display:block;
height:20px;
width:122px;

}
.report_error_en:hover {
background-position:-122px -20px;
}

.hinweis {
    background: #e6e6e6 url("http://www.turbo-look.de/img/input_bg.png") repeat-x scroll 0 0;
	border-color: #c6c6c6 #c6c6c6 #999999;
    border-style: solid;
    border-width: 1px;
	color: #454545 !important;
    display: inline-block;
    font-size: 10px;
    font-weight: normal;
    line-height: normal !important;
    padding: 2px 13px;
	margin: 10px 4px 10px 4px;
    text-decoration: none !important;
    vertical-align: middle;
    white-space: nowrap;
	-moz-border-radius: 4px;
	text-shadow: #fff 0px 1px 0px;
}


/* END */