/* CSS Document */

/*

########################################---

Screen CSS Rules for:
www.fellinger-moden.at

By:
nquire.at 

######################################## */


/* DEVELOP
####################################### 

#doc {
background: black;
}

#container { 
background: green;
}

#head {
background: blue;
}

#mainnavi {
background: red;
}

#content {
background: green;
}

#content_left {
background: blue;
}

#content_normal {
background: gray;
}

#content_right {
background: blue;
}

#footer { 
background: red;
}
*/


/* GENERAL

######################################## */
*, img, div, #bg, #container, #logo, #mainnavi, #container_head { 
behavior:  url(fileadmin/template/pngfix/iepngfix.htc);
/*behavior:  url(pngfix/iepngfix.htc);*/
}

body {
background-repeat: no-repeat;
background-color: #FFFFFF;
overflow-x: hidden;
height: 0%;
}

div, p, a, ul, li, .logo {
margin: 0px 0px 0px 0px;
padding:0px 0px 0px 0px;
}

.csc-firstHeader  {
margin:-40px 0 15px 0;
}

.csc-header
{
margin: 50px 0 0 0;
}

img, a { 
border: 0px;
}

*, h1, h2, h3, h4, h5, h6, p, li, a, form { 
/*font-family: Verdana, Arial, Helvetica, sans-serif; */
font-family: Trebuchet MS, Arial;
}

h1 { font-size: 25px; font-weight: lighter;  color: #2C2C2C; }
h2 { font-size: 20px; font-weight: lighter;  color: #2C2C2C; }
h3 { font-size: 16px; font-weight: bold;  color: #2C2C2C; }
h4 { font-size: 14px; font-weight: bold;  color: #2C2C2C; }
h5 { font-size: 14px; font-weight: bold;  color: #2C2C2C; }
h6 { font-size: 14px; font-weight: bold;  color: #2C2C2C; }


p, form { font-size: 12px; color: #2C2C2C; }

hr  {
border:none; 
border-top: 1px dotted; 
height:1px; color:#2C2C2C; 
background:transparent;
margin:-18px 0 0 0;
}

p.bodytext {
margin: 0 0 20px 0;
font-size: 13px;
}

tr p.bodytext  b {
font-size: 13px;
}

tr p.bodytext {
margin: 0 0 0 0;
font-size: 10px;
}


a:link, #footer a {color:#663399; text-decoration:none}
a:visited , #footer a {color:#663399; text-decoration:none}
a:hover , #footer a {color:#7D7D7D; text-decoration:none}
a:active, #footer a {color:#663399; text-decoration:none}

a.footer_link:link, #footer a {color:#2C2C2C; text-decoration:none}
a.footer_link:visited , #footer a {color:#2C2C2C; text-decoration:none}
a.footer_link:hover , #footer a {color:#7D7D7D; text-decoration:none}
a.footer_link:active, #footer a {color:#2C2C2C; text-decoration:none}

a.pfad_link:link, #footer a {color:#2C2C2C; text-decoration:none}
a.pfad_link:visited , #footer a {color:#2C2C2C; text-decoration:none}
a.pfad_link:hover , #footer a {color:#7D7D7D; text-decoration:none}
a.pfad_link:active, #footer a {color:#2C2C2C; text-decoration:none}

#news_inhalt a:link {color:#FFFFFF; text-decoration:none}
#news_inhalt a:visited {color:#FFFFFF; text-decoration:none}
#news_inhalt a:hover {color:#7D7D7D; text-decoration:none}
#news_inhalt a:active {color:#FFFFFF; text-decoration:none}

/* Bildunterschrift */
.csc-textpic-caption { font-size: 9px; color: #2C2C2C; padding: 2px;}

.slideInfoZone {
height:100px;
opacity:0.7;
visibility:visible;
}



/* BASIC

######################################## */
#doc,
#sound {
position: absolute;
top: 0px;
left: 50%;
margin-left: -466px;
width: 933px;
oberflow: scroll; 
}

#player {
position:absolute;
top: 5px;
}

#container {
position: relative;
top: 10px;
width: 933px;

}

#head {
position: relative;
height: 140px;
}

.head_image {
width: 933px;
height: 136px;
padding: 0px 0px 20px 0px;
}

#logo {
position: absolute;
top: 65px;
left: 600px;
}


/* MAIN NAVIGATION

######################################## */


#mainnavi_ul li a:link {color:#FFFFFF;}
#mainnavi_ul li a:visited {color:#FFFFFF;}
#mainnavi_ul li a:hover {color:#7D7D7D;}
#mainnavi_ul li a:active {color:##7D7D7D;}

#mainnavi_ul li#active a:link {color:#7D7D7D;}
#mainnavi_ul li#active a:visited {color:#7D7D7D;}
#mainnavi_ul li#active a:hover {color:#7D7D7D;}
#mainnavi_ul li#active a:active {color:#7D7D7D;}


#mainnavi { 
position: relative;
width: 933px;
height: 59px;
top: -3px;
margin: 0px 0px 0px 0px;
z-index: 100;
}

#home_button {
position:relative;
left:30px;
top:17px;
width:76px;
}

#overlay {
z-index: 200;
}

html>body #mainnavi { 
top: 0px;
}

#mainnavi_ul {
position: relative;
width: 933px;
clear: both;
}

li.mainnavi,
li.mainnavi_active {
text-transform: uppercase;
position: relative;
color:#FFFFFF;
float: left;
}

#navi_trenner {
position: relative;
top: -5px;
width: 1px;
height: 50px;
/*background-color: #FFFFFF;*/
background-color: #27282D;
float: left;
}

#mainnavi_bg {
position: relative;
background-image: url(../images/menu_bg_02.jpg);
background-repeat: no-repeat;
width: 933px;
height: 59px;
top: -4px;
}

.hr_navi{
position:relative;
top: -16px;
}

html>body .hr_navi{
top: -12px;
}

/* BANNER

######################################## */

#banner li {
display: inline; 
}

li.banner img {
left: 4px;
margin:-4px 0 0 0;
position: relative;
}


/* CONTENT

######################################## */

.player{
position: relative;
left:-3px;
}

.box, .bookmark {
font-size: 20px;
}

 .bookmark {
 color: #2C2C2C;
 }
 
.box,
.mainbox,
.news_trenner,
.news_datum,
.news_text,
.news_text  a {
color: #FFFFFF;
}

.news_trenner,
.news_datum,
.news_text {
font-size: 12px;
}

.news_text {
clear: both;
}

a.bookmark  {
position: relative;
left: 5px;
top: 0px;
}

p.ozbox{
position: relative;
font-size: 20px;
color: #FFFFFF;
left: 10px;
}

p.oz  {
position: relative;
left: 10px;
font-size: 12px;
color: #FFFFFF;
}

h1.box_women,
h1.box_men {
position: relative;
color: #FFFFFF;
font-size: 30px;
height: 15px;
}

h1.box_women {
left: 65px;
top: 10px;
}

h1.box_men {
left: 85px;
top: 10px;
}

html>body h1.box_women,
html>body h1.box_men {
top: -10px;
}

h2.box {
position: relative;
left: 10px;
top: 5px;
font-size: 25px;
}

#teaser_box {
position: relative;
}

#pfad {
position: relative;
font-size: 11px;
margin: 0 0 0 0;
top: 0px;
}

html>body  #pfad {
top: 0px;
}

#pfad_inhalt {
left:232px;
margin: 0px 0 0 0;
position:relative;
}

html>body  #pfad_inhalt {
left:220px;
}

#content_left {
position: relative;
width: 180px;
float: left;
margin: 30px 30px 0px 5px;
}

html>body  #content_left {
/*margin: 10px 35px 0px 0px;*/
margin: 10px 30px 0 5px;
}

#content_normal {
position: relative;
width: 487px; 
float: left;
margin: 30px 33px 10px 0px;
padding: 10px;
background: #EAE8E9;
}

html>body #content_normal {
width: 475px;
margin: 10px 43px 10px 0px;
padding: 0px 4px 30px 10px;
}

#content_right {
position: relative;
width: 180px;
float: left;
margin: 30px 0px 0px 0px;
}

html>body  #content_right {
margin: 10px 0px 0px 0px;
}



/* NEWS-Flash */
.date { 
font-size: 11px; 
color: #2C2C2C;
position: relative;
}

.news-list-container img {
border:medium none;
float:left;
margin:0 2px 5px 0;
}

.news-list-container h2 {
margin:0 0 4px;
}

.tx-ttnews-browsebox p, .tx-ttnews-browsebox-strong, .tx-ttnews-browsebox-SCell {
font-size: 10px;
}

.tx-ttnews-browsebox-SCell {
background-color: #000000;
border:1px solid #FFFFFF;
}

.news_trenner {
font-size: 8px;
margin: 5px 0px 0px 0px;
color: #FFFFFF; 
}

.news_datum {
float: left;
color: #FFFFFF; 
}

.news_autor, #news_inhalt .bodytext {
font-size: 10px;
color: #FFFFFF; 
}

#news_inhalt {
position: relative;
left: 5px;
padding: 0 5px 5px 0;
}

#main_teaser {
position: relative;
}

#content_normal_inhalt {
position: relative;
clear:both;
}

html>body #content_normal_inhalt {
top: 20px;
}

#nl_anmeldung_inhalt {
position: relative;
left: 10px;
padding: 0px 5px 5px 0;
}

input.newsletter {
width:80%;
}

.button,
.submit { 
background-color:#C0C1C3; 
color:#FFFFFF; 
width: auto;
height: 20px; 
border:0px;
font-size: 10px;
margin: 5 0 10 0;
}

form {
padding: 10 0 0 0;
}

#oz_box {
position: relative;
margin: 5px 0 5px 0;
}

#content_end {
clear: both;
margin: 0 0 20px 0;
}

#teaser_event_bg #banner,
#teaser_schaufenster_bg #banner,
#teaser_styleguide_bg #banner,
#teaser_highlights_bg #banner {
	padding-top: 15px;
	margin: 0 0 38px 0;
}

#teaser_event_bg #banner{
	background: url("/fileadmin/template/images/event_02.jpg") no-repeat left top #FFF;
	/* #2C2C2C*/
}

#teaser_highlights_bg #banner{
	background: url("/fileadmin/template/images/highlights_02.jpg") no-repeat left top #FFF;
	/* #2C2C2C*/
}

#teaser_schaufenster_bg #banner{
	background: url("/fileadmin/template/images/window_02.jpg") no-repeat left top #FFF;
	/* #C10F27*/
}

#teaser_styleguide_bg #banner{
	background: url("/fileadmin/template/images/styleguides_02.jpg") no-repeat left top #FFF;
	/* #7D5F9B*/
}


#banner_top, #banner_nl_top{
background-image: url(../images/banner_top.jpg);
background-repeat: no-repeat;
height: 8px;
margin:0 0 0 0;
}

#banner_nl_top {
margin:0 0 0 0;
}

#banner_bg{
background-image: url(../images/banner_bg.jpg);
}

#banner_bottom{
background-image: url(../images/banner_bottom.jpg);
background-repeat: no-repeat;
height: 8px;
margin: -4px 0 0 0;
}



/* FOOTER

######################################## */
#footer {
position: relative;
margin: 10px 0 60px 0;
text-align:center;
}



/*FORMULAR
+++++++++++++++++++++++ */

#formular {
position: relaive;

}

#formblock01 {
position: relative;
float: left;
width: 200px;
margin: 0 15px 10px 0;
}

#formblock02{
position: relative;
float: left;
width: 200px;
margin: 0 0px 10px 0;
}

#formblock_end {
clear: both;
}

label {
float: left;
width: 60px; 
margin-right:20px;
padding-top: 2px; 
font-size: 11px;
}

input {
width: 100px;
}

input, select { 
margin-bottom: 1px; 
font-size: 10px; 
z-index: 1;
}

input#mfplz {
width: 40px; 
}

#mferror * { 
color: red;
font-size: 12px; 
font-family: Trebuchet MS, Arial;
}

#mferror dt {
color: #4B4B4B;
font-size: 12px; 
}

fieldset {
position: relative;
border: 0px; 
margin-top: 5px; 
width: 450px;
}

input.checkbox,
label.datentext { 
float: left;
display: block;
}

input.checkbox { 
width: 20px;
margin: 0 10px 0 0;
}

label.datentext {
width: 300px;
} 

textarea {
/*float: left; */
margin: 0; 
width: 50%; 
font-size: 11px; 
height: 100px; 
font-weight: lighter; 
font-family: Trebuchet MS, Arial;
}