/* CSS by Thomas Karolzyk / thomas@karolzyk.com */

/*******************************************************/
/* GENERAL */
/*******************************************************/

body {
/* 	background: #a4a4a4 url(img/bg-body.gif) repeat-y; */
	background-color: #a4a4a4;
	margin: 0;
	color:#444444;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;
}

p {
	margin: 0 0 12px 0;
}

/*******************************************************/
/* LINKS */
/*******************************************************/

a {
	color: #005292;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

#main-content-left a {
	background: transparent url(img/arrow-blue.gif) no-repeat;
	padding-left: 14px;
	background-position: 0px 4px;
}

#main-content-right a {
	background: transparent url(img/arrow-blue.gif) no-repeat;
	padding-left: 12px;
	background-position: 0px 3px;
}

a img,
img a,
a.no-arrow
{
	border:0;
	background: none !important;
	background-image: none !important;
	padding:0 !important;
}

#footer-inner a {
	color:#888;
	margin: 0 0 0 8px;
	text-decoration: none;
}




/*******************************************************/
/* LAYOUT */
/*******************************************************/

#main {
	position: relative;
	width: 1020px;
	background: #a4a4a4 url(img/bg-main.gif) repeat-y;
}

#main-inner {
	position: relative;
	width: 800px;
	background-color: #f2f2f2;
	margin: 0 0 0 83px;
/* 	border-bottom: 1px dotted #aeaeaf; */
/* 	border-top: 1px dotted #aeaeaf; */
}

#logo {
	position: absolute;
	top: 43px;
	right: 50px;
}

#head {
	height: 168px;
/* 	padding-bottom: 30px; */
	width:883px;
	position: relative;
	background: transparent url(img/bg-head.gif) repeat-y;
}

#footer {
	height: 69px;
	width:883px;
	position: relative;
	background: transparent url(img/bg-footer.gif) repeat-y;
}

#footer-inner {
	width:750px;
	position: relative;
	margin: 0 0 0 113px;
	padding: 15px 0;
	font-size: 10px;
	color:#000;
}

#main-content {
	margin: 30px 50px 30px 30px;
	line-height: 1.5em;
}

#main-content-left {
	float: left;
	width: 474px;
}

#main-content-right {
	float: right;
	width: 200px;
	font-size: 10px;
	line-height: 1.5em;
}

.related-content-module {
/* 	border-bottom: 1px dotted #aeaeaf; */
	padding-bottom: 8px;
	margin: 0 0 2px 0;
}


#partner {
	position: absolute;
	top: 10px;
	right: 38px;
}

#partner img {
	padding: 0;
	margin: 0;
}

img.category-header {
	padding-left:11px;
}


#kabel-links {
	position: absolute;
	top: 594px;
	left: 0px;
	z-index: 1001;
}

#kabel-rechts {
	position: absolute;
	top: 0px;
	left: 841px;
	z-index: 1002;
/* 	display:none; */
}


.topfix {
	position: absolute;
	top: 0px;
	left: 858px;
	z-index: 1000;	
	background-color: #a4a4a4;
	height: 7px;
	width: 30px;
/* 	border: 1px solid red; */
}

/*******************************************************/
/* FORMS */
/*******************************************************/

input,textarea, select {
	font-size: 10px;
}

input.login {
	display: block;
	width:186px;
	padding: 4px 5px;
	margin: 4px 0 8px 0;
}

input.login-submit {
	display: block;
	background-color: transparent;
	border:none;
	padding: 0;
}

/*******************************************************/
/* HEADER */
/*******************************************************/

h1,h2,h3,h4,h5,h6 {
	font-weight:normal;
	font-size: 100%;
}

h1{
	font-size:18px;
	font-weight:normal;
	color:#000;
	padding: 0 0;
	margin: 27px 0 25px 0;
}


h2 {
	font-weight:bold;
	color:#000;
}



/*******************************************************/
/* LANDESGRUPPEN */
/*******************************************************/

#main-content-right .ui-accordion-content {
	padding-left: 12px;
}



/*******************************************************/
/* NAVIGATION */
/*******************************************************/
.navigation-top {
	position: absolute;
	top: 31px;
	left: 112px;
}

.navigation-top h2 { font-size: 20px; font-weight: normal; text-transform: uppercase; margin: 0 0 15px 0;}

.navigation-top ul {
	list-style: none;
}

.navigation-top ul li {
	margin: 0 0 3px 0;
	padding: 0 0 0 0;
}

.navigation-top ul li a {
	color: #aaa;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 0 0 12px;
	font-size:11px;
}

.navigation-top ul li a:hover {
	color: #333;
	padding: 0 0 0 12px;
	background: transparent url(img/arrow.gif) no-repeat;
	background-position: 0px 4px;
}

.navigation-top ul li.hi a {
	color: #aaa;
	background: transparent url(img/arrow.gif) no-repeat;
	background-position: 0px 4px;
	padding: 0 0 0 12px;
}

.navigation-top  img {
	margin: 0 0 16px 0;
}


#navigation-top-1 { left: 100px; }
#navigation-top-2 { left: 298px; }
#navigation-top-3 { left: 498px; }


.navigation-top.hi ul li a { color: #333; }
.navigation-top ul li.hi a { color: #333; }





/*******************************************************/
/* HELPER */
/*******************************************************/

.clear {
	clear: both;
}

.out {
	position: absolute;
	top: -999px;
	left: -999px;
}


/*******************************************************/
/* STUFF */
/*******************************************************/



/*******************************************************/
/* MODULE */
/*******************************************************/

div.mod ul { margin: 15px 0 15px 0px;  }
div.mod ul li { background: transparent url(img/arrow.gif) no-repeat; padding-left: 14px; background-position: 0px 6px; }
div.mod ul li a { background: none !important; padding:0 !important; }




/**
 * module: separator
 */
div.mod-separator { background: transparent url(img/dotted-line.gif) repeat-x; height:1px; margin: 15px 0; }

div.mod-separator-sidebar { background: transparent url(img/dotted-line.gif) repeat-x; height:1px; margin: 0 0 19px 0; padding:0; }

div.mod-separator-nomargin { background: transparent url(img/dotted-line.gif) repeat-x; height:1px; margin: 0; padding:0; }

.margin1 {
	height:5px;
}


/**
 * module: veg/person
 */
div.mod-person          { margin: 15px 0 30px; }
div.mod-person-img      { float:left; width:146px; text-align:right; }
/* div.mod-person-img img  { height:115px; } */
div.mod-person-img-info { font-size: 80%; margin-right:10px;}
div.mod-person-text     { float:right; width:300px; padding: 0px 0px; }


/**
 * module: news
 */
div.mod-news          { margin: 15px 0; }
div.mod-news-img      { float:left; width:146px; text-align:right; }
div.mod-news-img img  { height:115px; }
div.mod-news-img-info { font-size: 80%; margin-right:10px;}
div.mod-news-text     { float:right; width:300px; padding: 0px 0px; }
div.mod-news-text h3  { color: #005292; }
div.mod-news-text h4  { font-weight: bold; }


/**
 * module: download
 */
div.mod-download			{ margin: 20px 0; }
div.mod-download-file		{ float:left; width:75px; }
div.mod-download-file a 	{ border:0; background: none !important; background-image: none !important; padding:0 !important; }
div.mod-download-text		{ float:left; width:350px; }

/**
 * module: image
 */
div.mod-image-extern		{ margin: 13px 0 32px 0; }

div.mod-image 				{ margin: 12px 0; }

/**
 * module: gallery
 */
div.mod-gallery ul                   { list-style-type: none; margin: 0; padding: 0; }
div.mod-gallery ul li                { float: left; text-align: left; padding: 0 5px 0 0; margin:0; }
div.mod-gallery ul li a              { background-image: none; display: block;  }

.img-subtitle 						 { font-size: 10px; }



/**
 * module: imagetext
 */
div.mod-imagetext                           {}
div.mod-imagetext-img                       {}

div.mod-imagetext-img.left                  { float: left; margin: 4px 15px 0 0; }
div.mod-imagetext-img.left img              {}

div.mod-imagetext-img.right                 { float: right; margin: 3px 0 0 15px; }
div.mod-imagetext-img.right img             {}

div.mod-imagetext           div.mediainfo   { padding: 5px 0; font-size: 80%; }
div.mod-imagetext-img.right div.mediainfo   { text-align: right; }
div.mod-imagetext-img.left  div.mediainfo   { text-align: left; }

div.mod-imagetext-text                      {}


/**
 * module: klapper
 */
.module-klapper-wrap {
	margin: 0;
	padding:0;
}

.module-klapper-wrap h2 {
	text-align:right;
	text-transform: uppercase;
	font-size: 9px;
	margin:0;
	letter-spacing: 1px;
	padding: 2px 28px 0 0;
}

.module-klapper-wrap h2.active {
}

.module-klapper-wrap a:hover {
	text-decoration: none;
}

.module-klapper-content {
	padding: 10px 0;
	text-align: left;
}