/*globale Formatierung*/
body{
	margin: 0;
	padding: 0;
	background: #F90;
	text-align: center;
}
ul{
	margin: 3px 0;
}
li{	
	margin-left: 30px;
}
tr,td{margin: 0; padding: 0;}


/*Formatierung der Schrift*/
body{
	font: normal 12px/16px Verdana, Arial, Helvetica, sans-serif;
	color: #333;
}
h1, h2, h3{
	font-size: 18px;
	line-height: 22px;
	font-weight: normal;
	margin: 15px 0 0 0;
}
h4, h5, h6{
	font-size: 16px;
	line-height: 20px;
	font-weight: normal;
	margin: 15px 0 0 0;
}
p{
	margin: 5px 0;
}
/*Formatierung der Links*/
a{
	text-decoration: underline;
	color: #900;
	font-weight: bold;
}
a:hover{
	text-decoration: underline;
}

/*Formatierung der Navigation*/
#mainnavi{background-color: #900; width: 960px; height: 25px;margin-bottom: 30px;}
#mainnavi ul.menu,#mainnavi  ul.menu ul {list-style-type: none; z-index: 101; margin: 0;background: none;}
#mainnavi ul.menu a {display: block; padding:  3px 1em 3px 1em; font-weight:normal; color: #fff;text-decoration:none;}
#mainnavi ul.menu ul a { padding: 0 10px;}
#mainnavi ul.menu ul a:hover {font-weight: bold;}
#mainnavi ul.menu li {padding:0; margin:0; background: none;float:left;border-right:1px solid #fc3; height:25px;list-style: none;}
#mainnavi ul.menu li:hover {background: #Fc3;}
#mainnavi ul.menu li:hover a:hover {color:#333;}
#mainnavi ul.menu ul {margin-left:-2px; margin-top: 3px; padding: 0; position: absolute; background: #fc3; border:1px solid #900;border-top: 1px solid #fc3;
            display:none; min-width:190px;text-align: left;}
#mainnavi ul.menu ul li {border: 0;}

#mainnavi ul.menu a.active{font-weight: bold;}

/* Dies sind die Klassenstile fr das Untermen wenn sich die Maus */
/* ber der Liste  befindet (.hover siehe JavaScript oben) */

#mainnavi ul.menu ul.hover,#mainnavi  ul.menu li.hover ul,#mainnavi  ul.menu li:hover ul  {display:block;}
#mainnavi ul.menu ul li {background: none; float: none;}
#mainnavi ul.menu ul li a{color: #333;}


/* IE-Hack für die Breite */
*html ul.menu ul {
    width:190px;
}


/*Formatierung der Formulare*/


/*Formatierung der ID's*/

#page{
	margin: 0 auto;
	width: 960px;
	background: #fc3 url(../images/bg_page.gif) no-repeat bottom;
	border: 1px solid #333;
	padding: 0;
}

#container{
	width: 629px;
	margin: 25px auto 0 auto;
	background: url(../images/container.gif) center repeat-y;
}
#container_top{
	background: url(../images/container_top.gif) top center no-repeat;
	height: 14px;
}
#container_bottom{
	background: url(../images/container_bottom.gif) bottom center no-repeat;
	height: 22px;
}


#logo{
	margin-top: -5px;
}

#content{
	text-align: left;
	padding: 0 10px;
}
#footer{
	width: 629px;
	margin: -5px auto 220px auto;
	text-align: left;
}
/*Formatierung der Klassen*/
a.invisible{
	visibility: hidden;
}

.design{
float: right;
margin-top: -15px;
}
.fltrt { /* Mit dieser Klasse können Sie ein Element auf der Seite nach rechts fließen lassen. Das floatende Element muss vor dem Element stehen, neben dem es auf der Seite erscheinen soll. */
	float: right;
}
.fltlft { /* Mit dieser Klasse können Sie ein Element auf der Seite nach links fließen lassen. */
	float: left;
}
.clearfloat { /* Diese Klasse sollte in einem div- oder break-Element platziert werden und das letzte Element vor dem Schließen eines Containers sein, der wiederum einen vollständigen Float enthalten sollte. */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

/*Fotos hoch mit Vergrößerung*/
.foto-h {
	font-family: verdana, arial, sans-serif; 
	width: auto;
	margin:0 10px;
	position:relative;
	z-index:1;
}
.foto-h ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}
.foto-h ul li {
	width: auto;
	height: 200px;
	border:0;
	background: none; 
	color:#000;
	position:relative;
	padding: 0;
}
.foto-h  ul li a img {
	width:150px; 
	height:200px;
	border: 1px solid #ccc; 
	margin:5px;
}
.foto-h ul li a {
	float:left;
	width:162px;
	height:212px;
	background:#fff;
	border:1px solid #ccc;
	margin:1px;
}
.foto-h  ul li a:hover {
	position:relative;
}
.foto-h ul li a:hover img {
	width:300px; 
	height:400px;
	position:absolute;
	left:-50px; 
	top:-120px;
	border: 1px solid #ccc;
	padding:5px;
	background:#fff;
}
	
/*Fotos breit mit Vergrößerung*/
.foto-b {
	font-family: verdana, arial, sans-serif; 
	width: auto;
	margin:0 10px; 
	position:relative;
	z-index:1;
	display: inline;
}
.foto-b ul {
	padding:0; 
	margin:0;
	list-style-type: none;
	border:0;
}
.foto-b ul li {
	width: auto;
	height: 200px;
	border:0;
	background: none; 
	color:#000;
	position:relative;
	padding: 0;
}
.foto-b  ul li a img {
	width:200px; 
	height:150px;
	border: 1px solid #ccc; 
	margin:5px;
}
.foto-b ul li a {
	float:left;
	width:212px;
	height:162px;
	background:#fff;
	border:1px solid #ccc;
	margin:1px;
}
.foto-b  ul li a:hover {
	position:relative;
}
.foto-b ul li a:hover img {
	width:400px; 
	height:300px;
	position:absolute;
	left:-120px; 
	top:-50px;
	border: 1px solid #ccc;
	padding:5px;
	background:#fff;
}
	
	
	
	
/*Formatierung Typo3 spezifisch*/

table.contenttable p{margin: 0; padding: 0;}
div.csc-textpic-intext-right{margin-right: 10px;}