/*<![CDATA[*/


* {
margin: 0; padding: 0;
}

html,body{
height:100%;
height: auto !important;
min-height:100%;
}


body {
	color: #CCC;
	font-family: arial, sans-serif;
	font-size: 12px;
	background-color: #222222;
	background-image: url(../cms/layout/bodybg.gif);
	background-repeat: repeat-x;
	background-position: top;
	line-height: 16px;
	}
	
a {
	color:#FFF;
	text-decoration:none;
	border-bottom:1px dotted #FFF;
}
a:hover {
	color:#CCC;
	border-bottom:1px dotted #CCC;
}
a.image {
border:0; 
}
a img {
border:0; 
}
textarea {
overflow:auto; 
}
strong { 
font-weight:bold; 
}

img {
border:0;
}

h2 {
	font-size:17px;
	font-weight: normal;
	margin:0px;
	padding-top: 40px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 0px;
	text-transform: uppercase;
}
h5 {
	color: #CCCCCC;
	font-size: 17px;
	font-weight: lighter;
	padding-bottom: 12px;
	padding-top: 0px;
}
h4 {
	color: #CCCCCC;
	font-size: 17px;
	font-weight: lighter;
	padding-bottom: 12px;
	padding-top: 2px;
}

.clearer { height:0px; clear:both; line-height:0px; overflow:hidden; font-size:0; 
}

/* ----------runderinhalt-------------- */

.rundprojekt {
	width: 720px;
	background-color: #444;
	color: #fff;
	margin-top: 20px;
	height:auto !important; 
	}

.rundprojekt p {
	margin-top: 0 !important;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 330px;
    }

.rundprojekt h3 {
	font-size:14px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 0px;
	padding-bottom: 3px;
	margin-left: 330px;
	text-transform: uppercase;
	padding-top: 15px;
	color: #C3C3C3;
}
.rundprojekt h4 {
	font-size:12px;
	font-weight: normal;
	margin-top: 0;
	margin-right: 0px;
	padding-bottom: 15px;
	margin-left: 330px;
	padding-top: 0px;
}
.clear {
    clear:both;
    height:1px;
    overflow:hidden;
}

.trailler {
	background-image:url(/cms/layout/video1.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:22px;
	text-align: left;
	font-weight: bold;
	border-bottom-style: none;
}
a:hover.trailler {
	background-image:url(/cms/layout/video2.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:22px;
	font-weight: bold;
	border-bottom-style: none;
	}
.website {
	background-image:url(/cms/layout/link1.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:22px;
	text-align: left;
	font-weight: bold;
	border-bottom-style: none;
	}
a:hover.website {
	background-image:url(/cms/layout/link2.gif);
	background-repeat:no-repeat;
	background-position:0 0px;
	padding-left:22px;
	text-align: left;
	font-weight: bold;
	border-bottom-style: none;
	}

.floatleft
		{
	float: left;
	padding-left: 50px;
	padding-top: 16px;
	}
.floatleft p
		{
	float: left;
	padding-left: 50px;
	padding-top: 16px;
	}

.floatleft img
		{
	border: 1px solid #666;
	padding: 5px;
	}
.rundkontakt {
	width: 400px;
	background-color: #444;
	color: #fff;
	}

.rundkontakt p {
	margin: 0 10px;
}

.rundoben {
	background: url(../cms/layout/obre.gif) no-repeat top right;
}

.rundunten {
	background: url(../cms/layout/unre.gif) no-repeat top right;
}

img.ecken {
   width: 6px;
   height: 6px;
   border: none;
   display: block !important;
}
#divkontaktlinks {
	float:left;
	width:240px;
	padding-left: 0px;
	margin-top: 20px;
}
#divkontaktrechts { 
float:right; 
width:470px; 
}
#divinhaltlinks {
	float:left;
	width:370px;
	padding-left: 0px;
	margin-top: 18px;
}
#divinhaltrechts { 
float:right; 
width:360px; 
}


/* ---- linkliste ------- */


#divinhaltlinks .linkkat {
	clear: left;
	padding-top: 25px;
}

#divinhaltlinks .links {
	clear: left;
	padding-left : 0px;
	padding-top: 7px;
	}


#divinhaltlinks .links p.desc {
	float : left;
	margin : 0;
	padding-left : 0px;
	color: #999;
}
#divinhaltrechts .linkkat {
	clear: left;
	padding-top: 25px;
}
 
#divinhaltrechts .links {
	clear: left;
	padding-left : 0px;
	padding-top: 7px;
	color: #999;
	}

#divinhalrechts .links p.desc {
	float : left;
	margin : 0;
	}



/* ----------kontakt-------------- */

div.kontakt {
	padding-left: 10px;
}

div.kontakt div.reihe { clear:both; }

div.kontakt div.reihe span { padding-top:8px; }

div.kontakt div.reihe span.links { width:110px; float:left; text-align:right; padding-left:16px; }

div.kontakt div.reihe span.rechts { float:right; width:230px; text-align:left; }

div.kontakt div.reihe span.rechts .text { background:#eee; border:0; padding:2px; font-size:12px; }

div.kontakt div.spacer { clear:both; height:10px; }

div.kontakt input.submit { 
border:1px solid #999; 
background:#ccc; 
padding:4px; 
font-weight:bold; 
border-top:1px solid #eee; 
border-left:1px solid #eee; 
margin:0; }

form.transmitted
{
display: none;
}


/* ----------drumnum zentriert das layout-------------- */
#drumnum {
width: 800px;
padding:0px;
margin: 0px;
margin-left: auto;
margin-right: auto;
} 
/* ----------Navigation-------------- */
/* header */



#umkopf {
	height:100px;
	background-image: url(../cms/layout/headbg.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#kopf img {padding:10px 0px;} 

#kopf {
	text-align: right;
	width:800px;
	height:100px;
	margin:0 auto;
}


#kopf ul.nav {
	height:100px;
	float:left;
	font-size:12px;
}

#kopf ul.nav li { display:inline; }

#kopf ul.nav li a {
	border:none;
	display:block;
	float:left;
	height:30px;
	line-height:30px;
	text-decoration:none;
	color:#aaa;
	text-transform:uppercase;
	border-bottom:5px solid #555;
	margin-right: 5px;
	padding-top: 65px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}

#kopf ul.nav li a:hover { background:#333; color:#eee; }

#kopf ul.nav li.current a { color:#ccc; }

#kopf ul.nav li.current a.ordner { border-bottom:5px solid #FF7AFF; }
#kopf ul.nav li a.ordner:hover { border-bottom:5px solid #FF7AFF; }


/* ----------fuerlogo-------------- */

a#logo{
	display:block;
	width:270px;
	height:24px;
	background-color: transparent;
	background-image: url(../cms/layout/zentraLogos.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	border-bottom-style: none;
	float: right;
	margin-top: 20px;
}
a:hover#logo{
	background-color: transparent;
	background-image: url(../cms/layout/zentraLogos.jpg);
	background-repeat: no-repeat;
	background-position: 0px -24px;
}
/* ---- subnavi ------ */
#subnavi {
	text-align: left;
	margin: 0px;
	height: 35px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
}

#sublist li
{
	display: inline;
	list-style-type: none;
	padding-right: 15px;
	text-transform: uppercase;
	font-size: 12px;
}
#sublist a:link, #sublist a:visited
{
	color: #aaa;
	text-decoration: none;
	border-bottom-style: none;
}

#sublist a:hover
{
	color: #ccc;
	text-decoration: none;
}

#sublist li a#current
{
	color: #ccc;
	text-decoration: none;
}


/* ----------outer und inner----------------- */
#drum{
	background-color: #333333; /* Farbe fuer Inhalt   */
	background-image: url(../cms/layout/contenttopbg.gif);
	background-repeat: repeat-x;
	background-position: top;
 } 

#innen{ margin:0px; width:100%; } /* die IE PC schlaufe */ 


/* -----------------Inhalt--------------------- */
#inhalt{
	position: relative;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
    min-height:450px; 
	height:auto !important; 
	height:450px;
	}

p{
	margin:0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}


/*  ----------------footer---------------------- */ 
#inhaltunten {
	clear:left;
	padding:0px;
	margin:0px;
	background-image: url(../cms/layout/contentbotombg.gif);
	background-repeat: repeat-x;
	background-position: top;
} 

 /*----------------unterfuss---------------------- */ 

#fuss {
	height: 3em;
	width: 790px;
	margin: 1em auto;
	padding: .2em 0 .5em 0;
	text-align: right;
	color: #606060;
	background: transparent;
	font-size: 10px;
	}
	
#fuss a, #fuss a:visited {
	color: #999;
	text-decoration: none;
	border-bottom-style: none;
	}
	
#fuss a:hover {
    color: #CCC;
	text-decoration: none;
	border-bottom-style: none;
	}	

.ganzrechts {
	float: right;
	}

.ganzlinks {
	float: left;
	}
	
	/*]]>*/