/* 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;
}



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;
}

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

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

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

a.quicklink { 
background: url("/fileadmin/template/images/pfeil.jpg") no-repeat left center;
padding-left: 8px; 
font-size: 11px;
}


a.quicklink:link {color:#000000; text-decoration:none}
a.quicklink:visited {color:#000000; text-decoration:none}
a.quicklink:hover {color:#7D7D7D; text-decoration:none}
a.quicklink:active {color:#000000; 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;}



/* BASIC

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

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

}

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

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

#logo {
position: absolute;
top: 40px;
left: 666px;
}


/* MAIN NAVIGATION

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


#mainnavi_ul li a:link {color:#2C2C2C;}
#mainnavi_ul li a:visited {color:#2C2C2C;}
#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: 50px;
top: -3px;
margin: 0px 0px 0px 0px;
z-index: 100;
}

#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.jpg);
background-repeat: no-repeat;
width: 933px;
height: 50px;
top: -4px;
}

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

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

/* BANNER

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

#banner li {
display: inline; 
}

li.banner img {
margin: 0 0 10px 0;
}


/* CONTENT

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

#content {

}

html>body #content {
position: relative;
top: -10px;
}

.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;
}

h1.box,
h1.bookmark,
a.bookmark  {
position: relative;
left: 10px;
top: 10px;
}

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;
}

#content_left {
position: relative;
width: 180px;
float: left;
margin: 0px 39px 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;
}

#content_normal {
position: relative;
width: 505px; 
float: left;
margin: 0px 29px 0px 0px;
padding: 1px;
}

html>body #content_normal {
width: 493px;
margin: 10px 39px 0px 0px;
}

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

#main_teaser {
position: relative;
}

	#teaser_women {
	position: relative;
	float: left;
	width: 230px;
	height: 348px;
	background-color: #27282D;
	margin: 0 20px 0 0;
	}

	#teaser_men {
	position: relative;
	float: left;
	width: 230px;
	height: 348px;
	background-color: #27282D;
	margin: 0 0 20px 0;
	}

		#main_teaser_box {
		}

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

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

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

html>body #content_right {
top: -10px;
}

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

input.newsletter {
width:80%;
}

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

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

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

#news_bg, 
#nl_anmedung_bg,
#teaser_oz_bg{
position: relative;
background-color: #A6A6A6;
margin: 0 0 10px 0;
}


#teaser_action_bg #banner{
	background: url("/fileadmin/template/images/schaufenster.jpg") no-repeat left top #FFF;
	padding-top: 40px;
	/* #C10F27*/
}

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

#teaser_highlights_bg #banner{
	background: url("/fileadmin/template/images/highlights.jpg") no-repeat left top #FFF;
	padding-top: 40px;
	margin: 10px 0 0 0;
	/* #2C2C2C*/
}




/* FOOTER

######################################## */
#footer {
position: relative;
margin: 10px 0 60px 0;
left: 222px;
}



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

#formular {
position: relaive;

}

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

#formblock02{
position: relative;
float: left;
width: 210px;
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 {
border: 0px; 
margin-top: 5px; 
}

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;
}