html	{ margin: 0; overflow-y: scroll; }
body	{ margin: 0; background-color: #000000; font-family: arial; color: #6f7c88; font-size: 11px;  line-height: 16px; }

div		{ color: #6f7c89; }
form	{ border: 0; margin: 0; padding: 0; }
img		{ border: 0px; }
a		{ text-decoration: none; color: #9ab5cf; }
p		{ display: block; padding: 0; margin: 0; }
ul, li	{ margin: 0; padding: 0; color:#8a910d; font-family:"Times New Roman", Times, serif; font-size:20px; line-height:22px; list-style-type:none; }
input 	{ border: 1px solid #8a910d; color: #606b6b; font-size: 10px; background: none;} 
select	{ border: 1px solid #8a910d; color: #606b6b; background: none; }
textarea{ border: 1px solid #8a910d; color: #606b6b; background: none; }
table, tr, td 	{ margin: 0; padding: 0; text-align:left; }

h1	{ font-size: 36px; line-height: 20px; color: #8a910d; font-family:"Times New Roman", Times, serif; font-weight:normal; }
h2	{ font-size: 18px; line-height: 18px; color: #8a910d; font-family:"Times New Roman", Times, serif; font-weight:normal;  }
h3	{ font-size: 14px; }
h4	{ font-size: 12px; margin-bottom: 5px; }
h5	{ font-size: 12px; margin: 0; }
h6	{ font-size: 9px; }

.clearBoth { clear: both; }

.f { color:#beced8; }

/* M E N U  */

.menu1 {padding:0 0 0 20px; margin:30px 0 0 0; list-style:none; height:35px; background:#000 url(/v3/images/button1.gif); position:relative; border:1px solid #000; border-width:0 1px; border-bottom:1px solid #444;}
.menu1 li {float:left;}
.menu1 li a {display:block; float:left; height:35px; line-height:35px; color:#aaa; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.menu1 li a b {float:left; display:block; padding:0 16px 0 8px;}
.menu1 li.current a {color:#fff; background:url(/v3/images/button3.gif);}
.menu1 li.current a b {background:url(/v3/images/button3.gif) no-repeat right top;}
.menu1 li a:hover {color:#fff; background:#000 url(/v3/images/button2.gif);}
.menu1 li a:hover b {background:url(/v3/images/button2.gif) no-repeat right top;}
.menu1 li.current a:hover {color:#fff; background:#000 url(/v3/images/button3.gif); cursor:default;}
.menu1 li.current a:hover b {background:url(/v3/images/button3.gif) no-repeat right top;}
.menu1 li a:active {color:#fff; background:#000 url(/v3/images/button3.gif); cursor:default;}
.menu1 li a:active b {background:url(/v3/images/button3.gif) no-repeat right top;}


/* CONTENT */
#wrapper 		{ margin: 0 auto; text-align: center; width: 819px; }

#content		{ min-height: 550px; _height: 550px;}

 /* Referenzen */
 .template  { float:left; width:158px; height: 170px; margin:0 17px 30px 17px;}

.gruen	{ color: #8a910d; }
.blau	{ color: #004251; }
.gelb   { color: #c5d251; }
.dunkelgelb   { color: #93a013; }

/* LOGO */
.logo			{  background: url(/v3/images/youvision_logo.gif) no-repeat center top; width: 819px; height: 108px; cursor:pointer; padding-top:10px;}

/* HEADER */
.header				{ width: 980px; height: 143px; list-style: none; }

/* exceptions */
#exceptions	{ font-weight: bold; margin: 10px 0 10px 0; color: #004251; }

/* HEADER BILD */
.headerbild				{ width: 819px; margin: 0 0 0 0; }
.sitename               { font-family:arial; font-size:12px; font-weight:bold; margin: 5px 0 0 5px; text-align:left; width: 819px; }


/* NAVIGATION / SUB-NAVIGATION */
.navigation			{ float: right; width: 710px; height: 46px; position: relative; list-style-type: none; }
.navigation .link	{ float: left; margin: 20px 40px 0 0; }
.navigation .link_a	{ background-position: bottom; }

.sub_navigation li				{ float: left; list-style: none; }
.sub_navigation					{ float: right; width: 700px; height: 20px; position: absolute; left: 0px; overflow: hidden; }
.sub_navigation .sublink		{ float: left; margin: 5px 20px 0 0; list-style-type: none; }
.sub_navigation .sublink a			{ display: block; color: #004251; font-size: 12px; font-weight: bold; }
.sub_navigation .sublink a:hover	{ color: #59a51c; }


.kategorieBild	{ width: 883px; margin: 0; overflow: hidden; position: relative; }

.articlesArea			{ position: relative; z-index: 1000; }
.articlesArea_subsites	{ position: relative; z-index: 1000; margin: 27px 0 50px 191px; }

.headline		{ margin: 0 0 10px 0px; font-weight: normal; font-size: 20px; }
.subheadline	{ margin: 10px 0 20px 0; margin: 0 0 0 2px; }
.text			{ font-weight: normal; color: #606b6b; margin: 10px 0 20x 1px; }
.text ul		{ margin: 10px 10px 10px 25px; list-style-type: square; color: #59a51c; }
.text ul span	{ color: #606B6B; }
.articlesArea ul		{ margin: 10px 10px 10px 25px; list-style-type: square; color: #59a51c; }
.articlesArea ul span	{ color: #606B6B; }
.articlesArea a			{ text-decoration: none; color: #004251; font-weight: bold; }
.articlesArea a:hover	{ color: #59a51c; }
.articlesArea div		{ color: #606B6B; }

.articlesArea		{ color: #606b6b; }

.articlesArea h4 a		{ text-decoration: none; color: #004251; } 

.articlesArea_subsites	{  }
.articlesArea_subsites ul		{ margin: 10px 10px 10px 25px; list-style-type: square; color: #59a51c; }
.articlesArea_subsites ul span	{ color: #606B6B; }
.articlesArea_subsites .text	{ margin: 0 10px 0 10px; }

.referenzenArticlesArea	{ color: #606b6b; }

.headerArticle	{ margin: 0 0 10px 0; }

.contentArea			{ margin: 0 10px 0 0; width: 400px; _height: 500px; min-height: 500px; color: #606b6b; }
.contentArea a			{ color: #004251; font-weight: bold; }
.contentArea a:hover	{ color: #59a51c; }

.link			{ margin: 0 0 20px 0; }
.link a			{ color: #004251; display: block; }
.link a:hover	{ color: #59a51c; }

.text a			{ text-decoration: underline; color: #004251; font-weight: bold; }
.text a:hover	{ color: #59a51c; }

.sidebarArea 			{ width: 220px; z-index: 1000; float: right; position: relative; margin-right: 18px; }
.sidebarArea a			{ text-decoration: none; color: #004251; font-weight: bold; }
.sidebarArea a:hover	{ color: #59a51c; }
.sidebarArea .headline		{ background: #59a51c; color: #FFF; font-size: 18px; line-height: 20px; padding: 5px 15px 5px 15px; margin: 0 0 4px 0; }
.sidebarArea .subheadline	{ margin: 0 15px 0 15px; }
.sidebarArea .text			{ margin: 0; }
.sidebarArea .text h5		{ margin: 0 15px 0 15px; }
.sidebarArea .link 			{ text-align: right; }

.referenzenArticlesArea			{ margin: -210px 20px 50px 191px; width: 400px; position: relative; z-index: 1000; }
.referenzenArticlesArea ul		{ margin: 10px 10px 10px 25px; list-style-type: square; color: #59a51c; }
.referenzenArticlesArea ul span	{ color: #606B6B; }
.referenzenArticlesArea a		{ text-decoration: none; color: #004251; font-weight: bold; }
.referenzenArticlesArea a:hover	{ color: #59a51c; }


/* =========================================== */
/* CONTENT - FOOTER */
/* =========================================== */
.footer                 { float:left; width: 819px; height: 15px; text-align: right; background: url(/v3/images/kachel_footer.jpg) repeat-x;}
.contentFooter			{ float:left; width: 819px; text-align: center; padding: 10px 0 0 0; }
.contentFooter a		{ color: #6f7c88; }


.contentFooter .line	{ height: 3px; background: transparent url(../img/footer_line.jpg) no-repeat center; font-size: 0px; line-height: 1px; }
.contentFooter .link	{ margin: 12px 18px 10px 12px; float: right; }