/**********************************************************
*
*	Copyright by Alat SYSTEMS ©2008
	http://www.asystems.de
*
**********************************************************/
/*	BODY STYLES
*****************************/
* {
	margin: 0;
	padding: 0;
	font-family: Arial, Verdana, sans-serif;
}
body {
	background-color: #FAFAFA;
	margin-top:0px;
}
ul, li {
	list-style-type: none;
}
p, div {
	font-size: 12px;
	text-align: justify;
}

blockquote {
	margin: 15px;
	padding: 0 20px;
	background-color: #F5F5F5;
	background-position: 8px 10px;
	border: 1px solid #EFEFEF;
	border-left: 3px solid #F04600;
	font: bold 1.2em/1.5em "Trebuchet MS", Tahoma, sans-serif;
	color: #666666;
}
blockquote p {
	text-align:left;
}

div.fensterbox a {
	color:#444444;
	text-decoration:none;
}
div.fensterbox a:hover {
	background-color:#EBA913;
	color:#FFFFFF;
	text-decoration:none;
}
div.csc-textpic-imagewrap a, 
div.csc-textpic-imagewrap a:hover {
	background-color: #FAFAFA;
}

/*	TEMPLATE
*****************************/
div#template {
	width:100%;
	height:100%;
	margin:auto;
	text-align:center;
	vertical-align: middle;
}
div#innerTemplate {
	width:1000px;
	height:742px;
	top:0px;
	overflow:hidden;
	margin:0 auto;
	vertical-align: middle;
	background-color: #FAFAFA;
}
div.left {
	float:left;
	width: 172px;
	height: 766px;
	margin: 1px;
}
div.logo {
	float:left;
	margin-top:1px;
	width:450px;
	height:100px;
}

/*	STARTER
*****************************/
div.starter {
	float:left;
	margin: 0 0 0 180px;
	background-color: white;
}
html>body div.starter {margin-left:184px;}
div.starter a img {
	padding:1px;
	border: 1px solid #000000;
}
div.starter a:hover img {
	padding:1px;
	border: 1px solid #EA6901;
}

/*	DREAM
*****************************/
div.dream {
	width:100%;
	height:768px;
	margin:auto;
	vertical-align: middle;
	position:absolute;
	display: none;
	z-index:100;
	background-color: #FAFAFA;
	font-size: 1em;
}
div.dream img {
	margin: 5px 0 0 0;
}
div.dream a {
	margin-top: -15px;
	font-size: 12px;
	color: #000000;
	text-decoration: none;
	float:left;
	margin-left: 740px;
	width: 200px;
	text-align: right;
}
div.dream div.image {
	color: #FFFFFF;
	background-image: url(../images/medikum_dream.jpg);
	background-repeat: no-repeat;
	margin-left: 1px;
	height: 400px;
	width: 940px;
}
div.dream div.image  p {
	font-size: 2em;
	padding: 20px 0 0 275px;
}
/*	MENU OBEN
*****************************/
div.menu_oben_cl {
	float:left;
	margin-top:1px;
	width: 375px;
}
div.menu_oben_cl a {
	margin: 0 2px;
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
div.menu_oben_cl a:hover {
	color: #F04600;
	background-color: #FAFAFA;
	text-decoration: none;
}
div.menu_oben {
	text-align: right;
}

/*	FENSTER und KUTU
*****************************/
div.fenster {
	float:left;
	border: 1px solid #EA6901;
	width:823px;
	height:636px;
}
div.innerFenster {
	position:absolute;
	width:823px;
	height:636px;
	overflow:hidden;
}
div.fensterbox {
	background-color: #ffffff;
	height:490px;
	margin-top: 5px;
	overflow:hidden;
}
div.kutu {
	background-color: #ffffff;
	width:823px;
}
div.kutu_11 {
	height: 480px;
	float:left;
	width: 567px;
	margin-left:15px;
	background-color:#fafafa;
}
html>body div.kutu_11 {margin-left:25px;}
div.kutu_12 {
	height: 480px;
	float:right;
	width: 202px;
}
div.kutu_12 img{
	border:1px solid #EA6901;
	padding:1px;
	margin-right:1px;
}
div.kutu_12 div#menu1 {
	height: 225px;
}
div.kutu_21 {
	float:left;
	margin-left:15px;
	height:480px;
	width:204px;
	/*YELLOW: ffd701*/
}
div.kutu_21 div#menu2 { height: 306px; }
div.kutu_21 div.csc-textpic div.csc-textpic-imagewrap dl.csc-textpic-image {
	border:1px solid #EA6901;
	padding:1px;
	margin:0;
	height:168px;
}

div.kutu_22 {
	float:right;
	height:480px;
	width: 550px;
	margin-right:10px;
	background-color:#fafafa;
}
html>body div.kutu_22 {width:560px;margin-right:15px;}
div.kutu_31 {
	height:480px;
	float:left;
	width:225px;
	margin-left:15px;
	background-color:#fafafa;
}
div.kutu_31 div.contentbox {
	height: 325px;
	margin:5px 0 0 10px;
	width:100%;
}
div.kutu_31 p {text-align:left;}
div.kutu_31 div#content31 {
	margin: 25px 0 0 0;
}
div.kutu_32 {
	height:480px;
	background-color:#fafafa;
	margin:0 0 0 15px;
	float:left;
	width:330px;
}
div.kutu_33 {
	float:right;
	width:208px;
	height:329px;
	border-top:1px solid #EA6901;
	border-left:1px solid #EA6901;
	border-bottom:1px solid #EA6901;
}
div.kutu_33 img {
	margin: 0 0 0 1px;
}
div.kutu_41 {
	height:480px;
	float:left;
	background-color:#fafafa;
	width:500px;
	margin-left:15px;
}
div.kutu_41 div#map4 { margin: 10px; }
div.kutu_41 div#map4 img { border:1px solid #EA6901; }
div.kutu_42 {
	float:right;
	background-color:#fafafa;
	width:270px;
	height:480px;
}
div.kutu_51{
	width: 784px;
	height:150px;
	margin: 0 0 5px 15px;
	padding:1px;
	border:1px solid #EA6901; 
}
div.kutu_52,
div.kutu_53 {
	display: inline;
	float:left;
	background-color:#fafafa;
	width: 784px;
	margin-left:18px;
	height: 320px;
}
div.kutu_53 {
	display:none;
}
div.kutu_52 div.contentbox,
div.kutu_53 div.contentbox {
	width: 740px;
}

div#content52b {
	float: right;
	width: 120px;
}
div#content52b ul {
	margin: 0;
}

/* KUTUBOX
*********************/
div.kutubox {
	width: 110px;
	margin-bottom: 5px;
	border: 1px solid #F04600;
	background-image: url(../images/bg.gif);
	background-repeat: repeat-x;
	padding: 5px;
	background-color: #FFD000;
}

div.kutubox h5 a {
	font-size: 14px;
	color: #FFFFFF;
}
div.kutubox h6 a {
	color: #FFFFFF;
	font-size: 12px;
	display: block;
	height: 47px;
}

div.kutu_52_akt div.kutubox2 a:hover,
div.kutu_53_akt div.kutubox2 a:hover,
div.kutubox h5 a:hover,
div.kutubox h6 a:hover {
	color: #FFFFFF;
	background-color: transparent;
}

div.kutu_52 div.scrolldown,
div.kutu_53 div.scrolldown {
	margin-top:280px;
}
div.kutu_52 div.contentbox,
div.kutu_53 div.contentbox  {
	height: 300px;
}
div.kutu_52 div.contentbox p,
div.kutu_53 div.contentbox p {
	padding: 0 5px 5px 0;
}
div.kutu_52_akt ,
div.kutu_53_akt {
	width:120px;
	float:right;
	padding:5px;
}
div.kutu_52_akt h1,
div.kutu_53_akt h1 {
	margin-top: 0px;
}
div.kutu_52_akt a,
div.kutu_53_akt a {
	color:#F04600;
	font-weight: bold;
	text-decoration:none;
}
div.kutu_52_akt a:hover,
div.kutu_53_akt a:hover {
	color:#F04600;
	text-decoration:underline;
	background-color:#DDDDDD;
}
div.kutu_52_akt p,
div.kutu_53_akt p {
	font-size:11px;
	text-align: left;
}

/*	SCROLLER
*****************************/
div.scroller {
	float:right;
	width:20px;
	height:100%;
}
div.scrollup {
	display:block;
	background-image: url(../images/scroll_up.gif);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}
div.scrollup:hover {
	background-image: url(../images/scroll_up_h.gif);
}
div.scrolldown {
	display:block;
	margin-top:440px;
	background-image: url(../images/scroll_down.gif);
	background-repeat: no-repeat;
	width:20px;
	height:20px;
}
div.scrolldown:hover {
	background-image: url(../images/scroll_down_h.gif);
}

/*	HEADER
*****************************/
div.headertitle a img{
	border:none;
}
/*	CONTENTBOX
*****************************/
div.contentbox {
	height:450px;
	float:left;
	margin: 5px 0 0 20px; 
	width: 90%;
	overflow:hidden;
}
div.contentbox h1{
	text-align:left;
	padding: 10px 15px 10px 0;
	font-family:Helvetica,Arial;
	color:#F04600;
	font-size:14px;
}
div.contentbox h2 {
	margin:0 ;
	text-align:left;
	padding: 5px 15px 2px 0;
	font-family:Helvetica,Arial;
	color:#F04600;
	font-size:14px;
}
div.contentbox h3 {
	margin: 10px 0 0 37px;
}
div.contentbox p {
	padding: 0px 15px 5px 0;
}
div.contentbox ul {
	margin: 5px 10px 5px 60px;
}
div.contentbox li {
	list-style-type: square;
	padding: 0 10px 0 0;
}

/*	MENUBOX
*****************************/
div.menubox li {
	display: block;
	list-style-type: none;
	margin-bottom:2px;
	border:1px solid #EA6901;
}
div.menubox li ul li {
	display: block;
	border:none;
	background-color: #ffd000;
	margin:0;
}
div.menubox li ul li a {
	font-size: 10px;
	background-image: url(../images/menulist.gif);
	background-position: 8px;
	background-repeat: no-repeat;
	padding-left: 30px;
}
div.menubox li ul li a.active,
div.menubox li ul li a:hover {background-color:#F08600;background-image: url(../images/menulist_h.gif);}

div.menubox li a {
	font-size: 12px;
	padding: 2px 2px 2px 10px;
	margin:1px 0 1px 1px;
	text-decoration: none;
	display:block;
	background-color: #ffd000;
	color: #F04600;
}
html>body div.menubox li a { margin:0;}
div.menubox li a:hover ,
div.menubox li a.active ,
div.menubox li.active a {
	background-color: #F04600;
	color: #ffffff;
}

/*	FORMBOX
*****************************/
div.formbox h1 {
	margin: 15px 15px 10px 20px;
	font-family:Helvetica,Arial;
	color:#F04600;
	font-size:14px;
}
div.formbox p {
	margin: 15px 15px 10px 20px;
}
div.formbox p a {
	float: right;
}
div.formbox form {
	border: none;
}
div.formbox form div {
	clear:both;
}
div.formbox form fieldset {
	border:none;
}
div.formbox form div label{

	float:left;
	text-align:right;
	width:50px;
	margin: 5px;
}
div.formbox form div input ,
div.formbox form div textarea {
	float:left;
	width:220px;
	margin: 5px 0 5px 5px;
	padding: 1px;
	background-color:#F4F4F4;
	border:1px solid #333333;
	color: #444444;
	font-size: 1.3em;
	font-family: Helvetica,Arial,Tahoma;
}
div.formbox form input.csc-mailform-submit {
	margin-left: 65px;
	clear: both;
	border:1px solid #000000;
}

/*	NEWS
*****************************/
div.newslistitem {
	margin-bottom: 0px
}
div.newslistitem h1 {
	margin: 5px 0;
	padding:0;
}
div.newslistitem h1 a ,
div.aktuellesnews h1 a {
	font-family:Helvetica,Arial;
	color:#F04600;
	font-size:14px;
	text-decoration:underline;
}
div.newslistitem h1 a:hover,
div.aktuellesnews h1 a:hover {
	color:#F04600;
	background-color: #FAFAFA;
}
div.newslistitem p {
	text-align: left;
}
div.newssingle div.newssingleback {
	float:right;
	margin:10px 10px 0 0;
}
div.news-single-img  {
	float:left;
	margin-right: 10px;
}
div.news-single-img img {
	display: block;
	padding: 1px;
	border:2px solid #EA6901;
}
div.aktuelleslist h1 {
	margin:0;
	padding:0;
}
div.aktuelleslist h1.newsheader {
	padding:0 0 5px 0;
}
div.newslistseperator {

}
