/* Copyright: [trendvisor] 2008
JOB: Trendvisor.de
SYS: TYPO3
TECH: [trendvisor]
STYLE: [trendvisor]
DATE: MAR08

-->>> CONTENT
rot: #6a130d
grün: #1b5837

*/

.news-single-img img {
margin:5px;
}

/* -- Gallery -- */
.tx-gooffotoboek-pi1 img{
margin-bottom : 15px;
}


/* -- LISTS -- */
.artikel ul, .artikel-links ul, .artikel-rechts ul{
margin: 5% 2% 5% 10%;
}
.artikel ul li{
list-style: url(../images/list2.gif);
margin: 0 0 2% 0;
}
ol{
}
.odd, .even, .tr-even, .tr-odd, .td-even, .td-odd{
}
.odd, .tr-odd, .td-odd{
}

*{
margin: 0;
padding: 0;
}
body{
color: #444444;
background: White;
font-size: 14px;
font-family: Arial, Helvetica, sans-serif;
}


		/* --Ever 100% BG Image-- */
		img.bg {
		min-height: 100%;
		min-width: auto;
		height: 100%;
		width: auto;
		position: fixed;
		top: 0;
		left: 0;
		}
		


#box{
position: relative; 
text-align: left;
margin: 10px 0 0 30%;
width: 700px;
}


#box a:link, #box a:visited{
color: #e2001a;
background: none;
}

/* Banner */
#bannerwrap {
        height: 170px;
        margin: 0 ;
        width: 700px;
                        color:White;
        background: url(../images/hp_banner.gif) repeat-x;
}



/* TOPMENU AS LIST */
#topmenuwrap {
	height: 24px;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
	width: 700px;
			color:White;
	background: url(../images/bg_topmenu.gif) repeat-x;
}
#topnavi {
	list-style-type:none;
	line-height: 24px;
	float:left;
	margin: 0;
	padding: 0;
}

/* --dropdown-- */
ul.menu, ul.menu ul {
    list-style-type: none;
}

#topnavi  ul.menu a:link, 
#topnavi  ul.menu ul a:link,
#topnavi  ul.menu a:visited, 
#topnavi  ul.menu ul a:visited {
	display: block;
	color:White;
	background: url(../images/bg_topmenu.gif) repeat-x;
	margin:0;
	padding: 0 5px;
	text-decoration: none;
}
ul.menu a:hover,
ul.menu li.active a {
	color:#e2001a;
	background: url(../images/bg_topmenu-hov.gif) repeat-x;
	margin: 0;
}
ul.menu li {
    padding:0;
    margin:0;
    float:left;
}

ul.menu ul {
    margin-left:0;
    padding: 0 0 5px 0;
    position: absolute;
    display:none;
    min-width:180px;
}

/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript oben) */

ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}
ul.menu ul li {
    float:none;
}

.clear{
	clear: both;
}

/* -- 2.Main Content Div floating and with all stuff you need -- */




h1{
color: #e2001a;
background: none;
font-size: 170%;
padding: 0;
font-weight: bold;
margin: 0 0 15px 0;
}

h2{
margin: 0 0 15px 0;
padding: 0;
font-size: 120%;
}
#box p{
padding: 0;
margin: 0 0 15px 0;
line-height: 1.4em;
}
.csc-textpic{
margin: 1em 2px;
}

dt img{
padding: 1px;
background: #aaaaaa;
}
.artikel{
margin: 20px 0;
}
#left{
width: 400px;
float: left;
}
#right{
width: 290px;
float: right;
}



/* -- TABLES -- */
table{
border: 0px none;
margin: 0;
}
td{
padding: 0;
margin:0;
}
tr{
padding: 0;
margin: 0;
}
.csc-searchform td, .csc-loginform td, .csc-searchResultInfo td{
border: 0 none;
}


/* -- FORMULARE -- */
fieldset{
border: 0 none;
padding: 1em 0;
}
input, textarea{
margin: .5em 0;
float: left;
border: 1px solid #aaaaaa;
padding: .3em;
}
.csc-mailform-field, .csc-mailform-submit{
clear: both;
}
.csc-mailform-submit{
border: 1px solid #aaaaaa;
padding: .3em;
background: White;
color: inherit;
}
.csc-mailform-check{
border: 1px solid #aaaaaa;
}
label{
font-weight: bold;
display: block;
}
.csc-mailform td{
vertical-align: top;
padding: 0 1em 0 0;
}
.csc-form-label-req{
padding: .3em 0 0 0;
}





/* -- 5. Footer -- */
#footer {
clear: both;
font-size: 11px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
background: White;
color: #aaaaaa;
border-top: 1px dotted #aaaaaa;
padding: 5px;
}
#footer a{
text-decoration: none;
}
#footer ul{
list-style: none;
}
#footer li{
list-style: none;
display: inline;
margin: 0 .5em 0 0;
}
#footer li a:link, #footer li a:visited{
color: #AAAAAA;
background: none;
}
#footer li a:hover{
color: #aaaaaa;
background: none;
}




