/* @group Intro */
/*------------------------------------------------------------------
[Master Stylesheet]

born&nauerz - www.bornundnauerz.de

Project:            RCDS-Hessen
Version:            1.0
Last change:        08.08.2009
Assigned to:        Christian Nauerz
-------------------------------------------------------------------*/


/*------------------------------------------------------------------
[Color codes]

Background: #dee2e5
Menu: #4d5f6b
Link-Hover: #344149


-------------------------------------------------------------------*/

/*------------------------------------------------------------------
[Table of contents]

1. Useful Classes
2. Areas
3. Typrography
4. Header
5. Menu
6. Content
7. Footer
-------------------------------------------------------------------*/
/* @end */


/* @group Useful Classes */
/* --------------------------------------------------------------
   1. Useful Classes
-------------------------------------------------------------- */
a 		{ outline: none; }
a img 	{ border: 0; }

.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }

.float-left { float: left; display: inline; }
.float-right { float:  right; display: inline; }
.clear { height: 0; clear: both; }

.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; clear: both;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }


.block { display: block; }
.space-vertical { padding: 20px 0; }

:focus {
	outline: 0;
	outline-style: none;
}
/* @end */


/* @group Areas */
/* --------------------------------------------------------------
   2. Areas
-------------------------------------------------------------- */

html {
    background: #dee2e5;
}

body {
    padding: 30px 0 0 0;
    margin: 0;
    text-align: center;
}

.container {
    width:970px;
    margin: 0 auto;
    text-align: left;
}

#menu {
    background: #4d5f6b;

    margin-left: 180px;
    margin: 0 0 5px 180px;
    padding: 0 20px 0 20px;

    height: 39px;
    width: 750px;
    
    float: left;
    line-height: 39px;
}

.main {
	display: block;
	background: #fff;
	margin: 2px 0 5px 0;
	padding: 0 0 50px 0;
}

/* @end */


/* @group Typography */
/*-----------------------------------------------------------
   3. Typography
-------------------------------------------------------------- */

body, p, a, a:link, a:visited, a:active, table {
    font-family: 'Lucida Grande',Verdana,'Microsoft Sans Serif',Arial,sans-serif;
}

.submenucontainer h1 {
    font-size: 18px;
    font-weight: bold;
    line-height: 18px;
    margin: 10px 0 5px 0;
}

#content h2 {
    font-size: 24px;
    line-height: 32px;
    margin: 20px 0 20px 0;
    color: #222;
}

#content h3 {
    font-size: 12px;
    font-weight: bold;
    line-height: 16px;
    margin: 20px 0 0 0;
    color: #222;
}

p {
    color: #222;
    font-size: 12px;
    line-height: 17px;
}

/* #content p {
	width: 700px;
} */


a {
    text-decoration: underline;
    color: #0040B6;
    font-weight: bold;
}

a:hover, a:focus {
    color: #CC0000;
}

a:visited {
    color: #5999DE;
}

strong {
	font-weight: bold;
}

ul li {
    list-style: square;
    list-style-position: inside;
    font-size: 12px;
}

#content ul.admin {
    margin: 0;
    padding: 0;
}

ul.admin li {
    list-style: none;
    margin: 0;
    padding: 0;
}

#content ul {
    padding: 0 0 0 5px;
    margin: 5px 0 5px 0;
}

ol li {
    list-style: decimal;
    list-style-position: inside;
    font-size: 12px;
}

#content ol {
    padding: 0 0 0 5px;
    margin: 5px 0 5px 0;
}

#content .homepage-keyvisual h1 {
    font-size: 22px;
    line-height: 26px;
    font-weight: bold;
    color: #4d5f6b;
}


#content .homepage-events h2 {
    font-size: 16px;
    line-height: 30px;
    color: #666;
    margin: 0;
}

#content .homepage-events a {
	color: #666;
	font-size: 10px;
	font-weight: normal;
}

#content .homepage-events a:hover {
	text-decoration: none;
}

#content .homepage-events td.description {
    color: #666;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
	margin: 0;
	width: 185px;
	padding-right: 10px;
}

#content .homepage-events td.description a {
    color: #666;
    font-size: 10px;
    line-height: 14px;
    font-weight: bold;
	margin: 0;
	width: 245px;
	padding-right: 10px;
}

#content .homepage-events td.date {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
    color: #666;
    vertical-align: top;
}

#content .homepage-events td.place {
    color: #666;
    font-size: 10px;
    font-weight: normal;
    line-height: 14px;
}

.homepage-teaser h2 a {
    color: #fff;
    font-size: 12px;
    margin-top: 4px;
    margin-bottom: 5px;
    text-decoration: none;
}

.homepage-teaser h2 a:hover {
	text-decoration: underline;
}

.homepage-teaser p {
    color: #fff;
    font-weight: normal;
    font-size: 10px;
    line-height: 12px;
    width: 170px;
    float: right;
}

/* Inhalt */

#submenu ul li a {
    font-size: 12px;
    font-weight: normal;
    color: #666;
    text-decoration: none;
    margin: 0 0 0 -4px;
    vertical-align: middle;
}

#submenu ul li a:hover {
    text-decoration: underline;
}

#submenu ul li.active a {
	font-weight: bold;
}

/* @end */


/* @group Header */
/* --------------------------------------------------------------
   4. Header
-------------------------------------------------------------- */

#header img.logo {
    z-index: 30;
    position: absolute;
}


/* @end */

/* @group Menu */
/* --------------------------------------------------------------
   5. Menu
-------------------------------------------------------------- */

#menu ul li {
    display: inline;
}

#menu a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;

    margin-right: 20px;
}

#menu a:hover {
    color: #999;
}

/* @end */


/* @group Content */
/* --------------------------------------------------------------
   5. Content
-------------------------------------------------------------- */

/* Generell */

#content ul.form, #content .text .copy ul.form li {
    margin: 0;
    padding: 0;
    list-style: none;
}

#content img {
	margin: 5px 10px 5px 0;
}

/*
#content label {
    font-weight: bold;
    margin: 5px 0 0 0;
    width: 150px;
    display: block;
}

#content input.text {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    border: 2px solid #ccc;
    padding: 4px;
    height: 16px;
    width: 200px;
}

#content input.submit {
    margin: 15px 0 0 0;
} */

/* Homepage */
#content .homepage-keyvisual img {
    width: 970px;
    height: 400px;
    margin: 0 0 5px 0;
}

#content .homepage-keyvisual .box {
    background: url(../img/homepage-keyvisual-box.png) no-repeat;

    position: absolute;
    top: 308px;

    padding: 100px 575px 0 20px;
    width: 350px;
    height: 66px;
}

#content .homepage-events {
    background: #fff;

    position: relative;
    bottom: 238px;
    left: 630px;

    padding: 10px;

    width: 300px;
    height: 232px;
}

#content .homepage-events tr td {
	border-bottom: 1px solid #bbb;
	padding-top: 0;
	padding-bottom: 10px;
}

#content .homepage-events tr.eventItem td {
    border: none;
    padding-top: 10px;
    padding-bottom: 0;
}

#content .homepage-events td.last {
    border: none;
}


.homepage-teaser {
    display: block;
    background: #4d5f6b;
    width: 310px;

    padding: 5px;

    float: left;
    margin-right: 5px;

    text-decoration: none;
}

.homepage-teaser.last {
    margin: 0px;
}

.homepage-teaser img {
    float: left;
    margin: 0 5px 0 0;
    width: 134px;
    height: 101px;
}



/* Inhalt */

#content {
	float: left;
	width: 750px;
	padding: 0 40px 0 0;
}

.keyvisual img {
    height: 200px;
    width: 970px;
}

.submenucontainer {
    float: left;
    width: 150px;
    padding: 20px 10px 0 20px;
}

#submenu ul li {
    color: #ff9900;
    list-style: square;
    list-style-position: inside;
    font-size: 12px;
    line-height: 18px;
}

/* .gallery img {
	width: 500px;
} */

/* Suche */
#content a.search {
	margin: 10px 0 0 0;
	display: block;
}

/* Events */
#content table.events {
	margin: 10px 0;
}

#content table.events thead th {
	font-size: 14px;
	padding: 0 0 4px 0;
	border-bottom: 1px solid #666;
}

#content table.events thead th.date 		{ width: 90px; }
#content table.events thead th.time 		{ width: 80px; }
#content table.events thead th.place 		{ width: 150px; }
#content table.events thead th.description 	{ width: 300px; }

#content table.events tbody td {
	font-size: 12px;
	padding: 4px 0 4px 0;
}


/* dhonishow */

.dhonishow {
	overflow: hidden;
	width: 650px;
	font-family: Verdana, sans-serif;
}           

.dhonishow * {
	padding:  0;
	margin: 0;
	border:  none;
	list-style: none;
}                  

#content ul.dhonishow-image {
	overflow: hidden;
	width: 650px;
	height: 250px;
	text-align: left;
	position: relative;
	margin: 0;
	padding: 0;
}

#content ul.dhonishow-image img {
	width: 400px;
}     

.dhonishow-image li {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 0;
}

.dhonishow-navi {
	text-align: left;  
	margin-bottom: 2px;
	color: #272727;
	overflow: hidden;
	width: 400px;
	padding: 0 0 5px 0;
}
                  
.dhonishow-navi p.dhonishow-picture-alt {
	text-align: left;
	font-size: 11px;
	line-height: 20px;
	display: block;
	margin-bottom: 5px;
	background: #eee;
	padding: 2px 6px;
	width: 388px;
}          


.dhonishow-navi p {
	display: inline;
}

.dhonishow-navi a img{
	vertical-align: middle;
}

.dhonishow-navi a:hover {
	cursor: pointer;
}


.dhonishow-navi .paging {
	font-size: 11px;
	line-height:  20px;
	margin: 0 5px;
}

/* Downloads */
#content .downloads ul li {
	list-style-type: square;
	list-style-position: outside;
	margin-left: 15px;
	padding: 2px 0;
}


/* Formulare */
#content .formModul {
	margin: 20px 0;
}

#content .formModul ul {
	margin: 0;
	padding: 0;
}

#content .formModul ul li {
	margin: 10px 0;
}
#content .formModul label,
label {
	font-weight: bold;
    margin: 0 0 2px 0;
    width: 350px;
    display: block;
    font-size: 11px;
    color: #4C4C4C;
}

#content .formModul input.submit,
input.submit {
	background:transparent url(../img/button.png) repeat scroll 0 0;
	color:#4C4C4C;
	display:block;
	font-size:9px;
	font-weight:bold;
	height:21px;
	line-height:21px;
	margin:5px 0 0;
	text-align:center;
	text-decoration:none;
	width:112px;
	border: none;
	cursor: pointer;
}

#content .formModul input.text,
input.text {
	margin: 0;
    font-size: 16px;
    line-height: 20px;
    border: 2px solid #ccc;
    padding: 4px;
    height: 16px;
    width: 300px;
}

#content textarea.text,
textarea.text {
    margin: 0;
    font-size: 16px;
    line-height: 20px;
    border: 2px solid #ccc;
    padding: 4px;
    width: 300px;
    height: 200px;
}

#content .formModul input.radio,
#content .formModul input.checkbox,
input.radio,
input.checkbox {
	margin-right: 5px;
}

#content .formModul ul.radio li,
#content .formModul ul.checkbox li,
ul.radio,
ul.checkbox {
	margin: 4px 0;
}



/* @end */


/* @group Footer */
/* --------------------------------------------------------------
   6. Footer
-------------------------------------------------------------- */

#footer {
    clear: both;
    padding: 5px 0 20px 0;
    text-align: right;
}

#footer a {
    color: #4d5f6b;

    text-decoration: none;
    font-size: 10px;
    font-weight: normal;
    margin: 0 5px 0 0;
}

#footer a:hover {
    text-decoration: underline;
}


#footer input.text {
    background: #ebf0f3;
    color: #4d5f6b;
    border: 0px;

    padding: 2px;
    font-size: 11px;
    
    width: 150px;
}

#footer form {
    display: inline;
}
/* @end */




 /*--------------------------------------------------------------
   8. IE-Hacks
--------------------------------------------------------------*/

/* 
*+html IE 7
* html IE 6
*/

* html hr.clear                 { display: none; }
*+html hr.clear                 { display: none; }
html>/**/body .clear        { clear: both; background: none; border: none; height: 0px; }


* html #header img {
    display: none;
}



* html #menu {
    width: 790px;
    float: none;
    margin-top: -52px;
}

* html .homepage-teaser {
    width: 320px;
}

* html #content .homepage-keyvisual .box h1 {
    float: left;
    display: inline;
    margin: 170px 0 -170px 0;
    width: 400px;
}


* html #content .homepage-events {
    position: static;
    float: right;
    display: inline;
}

* html #submenu {
    display: block;
    margin: 20px 0 0 10px;
    width: 160px;
}

* html #header {
    position: relative;
    z-index: 99;
    width: 159px;
    height: 52px;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/rcds-hessen-logo.png', sizingMethod='scale');
    background:none;
}

* html #content .homepage-keyvisual .box {
    display: block;
    filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/homepage-keyvisual-box.png', sizingMethod='scale');
    background: none;
    margin-left: -976px;
    margin-top: -78px;
    padding: 0 0 0 10px;
    width: 970px;
}