/* ######################################################################################################
** ### Globale Layoutanpassungen ########################################################################
** ######################################################################################################
*/

/* "Yet Another Multicolum Layout" (c) by Dirk Jesse (http://www.deejay-home.de)
* Design für Kosmos-Hotel-Koeln.de von Carsten Euwens (info@euwens.de)
*/

#head

{
	padding-left: 0px;
	min-height: 100px;
	background-image: url(images/toplogo2.jpg);
	background-repeat: no-repeat;
	background-color: #1074B0;
        height:166px;
        margin-top:-1px;
        padding-top:0px;
        
         border-top:1px solid black;
        
}

/* Festlegung der Layoutbreite und Zentrierung */
#page_margins
{       max-width:1024px;
	margin:0 auto;
 	padding-top: 1EM;
        background-image: url(images/back1_a.jpg);
        background-repeat:repeat-y;
        background-color:#F4F4E8;
         border:0px solid black;
         padding-top:0px;
 	
	/*max-width:inherit;  /* max-width für fixes Layout abschalten */
	/*min-width:inherit;  /* min-width für fixes Layout abschalten */
}
#mod_suchbox {
      border:0px solid black;
      width:170px;
    }
#mod_suchbox legend,
#mod_suchbox label {
    display:none;
    }
#mod_styleswitcher legend {
    display:none;
    }
#mod_styleswitcher select {
    width:80%;
    border:1px solid black;
    margin-top:-25px;
    }
#mod_styleswitcher label {
    display:block;
   background:#0F74AF;
    color:#fff;
    font-weight:600;
    line-height:25px;
    }
#catlistdiv {
				width:100%;
				height:150px;
				}
#catlistdiv ul,
#catlistdiv li {
				list-style-type:none;
				}
#catlistdiv li {
				float:left;
				width:250px;

				}
#linkliste {
				margin-left:40px;
				}
#linkliste ol {
	margin-left:30px;
	}
#mod_login {
    height:11.6em;
    border:0px solid black;
    padding-left:15px;
    padding-top:10px;
    }
#mod_login label {
    display:none;
    }
#mod_login legend {
   border:0px solid black;
			margin-bottom:-5px;
    }
#mod_login .input {
    margin:0px;
    padding:0px;
    margin-bottom:-7px;
    }
    
#mod_login .senden,
#mod_suchbox .senden,
#mod_styleswitcher .senden {
    background: url(images/pfeildown.jpg) center left no-repeat;
    padding-left:12px;
    margin-top:20px;
    font-size:90%;
    float:right;
    margin-right:30px;
    border:1px solid #384E4C;
    }
#mod_suchbox .senden {
    margin-top:5px;
     margin-right:10px;
    }
#mod_styleswitcher .senden {
    margin-top:-15px;
     margin-right:20px;
    }
#mod_suchbox input {
    margin-left:10px;
   
    }
#main { margin: 0px; padding: 0px; }
#footer {margin:0; padding: 1em; border-color: #aaa; }

#mod_kopftext {
    position:absolute;
   border: 1px solid #fff;
  
   line-height:23px;
   padding:0px;
   display:block;
   background:#B2AB84;
   color:#fff;
   z-index:2;
			width:90%;
			 top:140px;
				margin-top:13px;
   padding-left:200px;
 
  voice-family:"\"}\"";  /* ab hier ignoriert IE 5.x nachfolgende Deklarationen */
  voice-family:inherit;
/* Korrektur fuer andere Browser */
    position:absolute;
   border: 1px solid #fff;
  	margin-top:0px;
   line-height:23px;
   padding:0px;
   display:block;
   background:#B2AB84;
   color:#fff;
   z-index:2;
			width:63%;
			 top:140px;
   padding-left:200px;
    }
#mod_kopftext h1, .toph1 {
    background:none;
    padding:0px;
    margin:0px;
    padding-top:2px;
				
    }
#mod_kopftext a {
    text-decoration:none;
    color:#EAE9DE;
    padding:0px;
    margin:0px;
    }
.toplink img {
    margin-right:5px;
    }
/* ######################################################################################################
** ### Formatierung der Inhaltsspalten ##################################################################
** ######################################################################################################
*/


/* ######################################################################################################
** ### Unsichtbare Elemente            ##################################################################
** ######################################################################################################
*/

/* Unsichtbare Objekte  */
#menue_sprung, .breadtext, .ignore, .ignoreornot, dfn
{
	position:absolute;
display:none;
height:0px;
width:0px;
overflow:hidden;
	left:-2000px;
	top:-2000px;
}

#ssss
{display: none;}

/* ######################################################################################################
** ### Menü(s)                                           ################################################
** ######################################################################################################
*/

#mod_sprachwahl  li, #mod_menue_top .topli, #weiter li
{
	display: inline;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
}
#mod_sprachwahl  {
    float: left; 
    text-align: left; 
    width: 30%;
    color:#fff;
    
    }
#mod_sprachwahl   a {
    color:#fff;
    text-decoration:none;
    }
#mod_sprachwahl   a:hover {
    background:#fff;
    color:#1074B0;
    }
#mod_menue_top {
    float: right; 
    text-align: left; 
    width: 44%;

				margin-right:15%;
    }
#mod_menue_top a {
    color:#000;
				font-weight:400;
    text-decoration:none;
    }
#mod_menue_top a:hover {
    background:#fff;
    }
#col1 {
    width:182px;
    }
#mod_menue {
    width:183px;
    padding-top:0.5em;
    }

#mod_menue ul li
{
	list-style-type: none;
	padding: 0px;
	margin: 0px;

       
}

#col1 #mod_menue .menuxaktiv,#col1 #mod_menue  .menuxaktiv_back
{
	display: block;
	padding: 0px 5px 0px 20px;
	margin-top: 1px;
 border-bottom:1px solid #fff;
 border-top:1px dotted #AFB7B7;
       
}
#mod_menue .untermenu1 {
    margin-left:20px;
				margin-bottom:-10px;
    }
#mod_menue .untermenu2 {
    margin-left:20px;
    }
#mod_menue .untermenu1 a, #mod_menue .untermenu1 span
{
	padding: 0px 5px 0px 30px;
	margin-top: 0px;
}

#mod_menue .untermenu2 a, #mod_menue .untermenu2 span
{
	padding: 0px 5px 0px 50px;
	margin-top: 0px;
}

#mod_menue .untermenu3 a, #mod_menue .untermenu3 span 
{
	padding: 3px 5px 3px 70px;
	margin-top: 0px;
}







/* ######################################################################################################
** ### spezielle Rechte Spalte                         ################################################
** ######################################################################################################
*/

#col3 {
    border:0px solid black;
    margin-top:-168px;
    width: 180px;
    background:#F4F4E8;
    border-left:1px solid #fff;
    }

#col3 h1,
#col3 h2,
#col3 h3 {
    line-height:25px;
    padding-left:5px;
    height:25px;
    }
.loginh2 {
    display:none;
    }

/* ######################################################################################################
** ### spezielle Artikel-Klassen                         ################################################
** ######################################################################################################
*/
div {
    border:0px solid black;
    }
.sprachlink {
				background:#fff;
				border:1px solid #fff;
				padding-top:10px;
				margin:0px;
				}
.sprachlink img {
				margin:0px;
				padding:0px;
				border:0px;
				}
#suchefor #search {
				width:60%;
				}
#sprechomat_start {
				margin-top:15px;
				float:right;
				}
#col2 {
    background:#fff;
    margin-right:180px;
    margin-left:183px;
    padding-right:20px;
    padding-top:0.2em;
    padding-left:20px;
    text-align:left;
   
    }
#col2 p {
				margin-bottom:5px;
				}
/* Darstellung der Kommentare */
.comment_inhalt {
	background: #E2E2C8;
	border: 1px solid #decab4;
	color: inherit;
	font-size: 90%;
	padding: 10px;
 width:90%;
 margin:5px;
}
.floatbox {
				padding-left:20px;
				}
				/* Um container innerhalb einer Artikels floaten, kann Bilder etc. enthalten */
.float_left_artikel {
	background: #ffffff none;
	border-bottom-width: 1px;
	border-color: #5f603c;
	border-right-width: 1px;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	float: left;
	font-size: 90%;
	line-height: 120%;
	margin: 10px;
	padding: 10px;
	position: relative;
}
.float_right_artikel {
	background: #ffffff none;
	border-bottom-width: 1px;
	border-color: #5f603c;
	border-right-width: 1px;
	border-style: solid;
	border-width: 1px;
	color: inherit;
	float: right;
	font-size: 90%;
	line-height: 120%;
	margin: 10px;
	padding: 10px;
	position: relative;
}
/*
Foreneinträge 
*/

.messagedata h2, .messageh4{
    background:#fff;
    padding:5px;
				margin-right:20px;
				margin-top:5px;
				
				color:#1074B0;
    border:1px solid #1074B0;
				position:relative;

    }
.messagedata, .forumboard {
    
    }
.messagedatap, .messagebot {
				background:#E2E2C8;
    padding:10px;
				margin-left:20px;
				margin-top:-10px;
				padding-top:20px;

				
    }
.messagefoot {
				background:#E8E6DB;
				margin-left:20px;
    padding:10px;
				margin-top:-3px;
			
   
    }
.messageul li,
.messageul ul,
ul.messageul {
				margin-left:7px;
				}
ul.messageul, ul.messageul li {
				
				}
.forumliste a{
    font-size:100%;
    font-weight:400;
    }
.hierforum {
	background:#F8F182;
}
.artikelbox_left
{
	overflow:hidden;
	float: left;
	width: 310px;
}

.artikelbox_right
{
	overflow:hidden;
	float: right;
	width: 310px;
	padding-left: 40px;
}
.teaserbildleft {
    margin:10px;
    margin-left:0px;
    }
/* ######################################################################################################
** ### Formulare allgemein                               ################################################
** ######################################################################################################
*/
input,
select,
textarea {
    border:1px solid black;
    }
input:focus,
select:focus,
textarea:focus {
    border:1px inset black;
    background:#eee;
    }
input[type=text], input[type=password], textarea
{
	width: 80%;
}

.bbeditor_element
{
	float: left;
}

#formk, .form {
	line-height: 140%;
}
#formk fieldset, .form fieldset {
	background-color: #F1EFE2;
	border: 1px solid #939A9D;
	margin: 20px 0px 20px 0px;
        padding:10px;
}
#formk legend, .form legend {
	background-color: #E2E2C8;
	margin: 0px 0px 10px -20px;
	padding: 2px 10px 2px 10px;
	border: 1px solid #939A9D;
}
.forumlistex {
	font-size:100%;
	
}
.forumlistex ul{
	list-style-type:none;
}
.floatbox {
    
    }

/* für IE */
.innerform {
}
.form label {
}
/* .form input[type=text] */
#formk .inpt, .form .inpt {
	margin-left: 1em;
	text-align: left;
	width: 70%;
        margin-bottom:5px;
}
/* Textarea */
#formk .txt, .form .txt {
	margin-left: 1em;
	text-align: left;
	width: 70%;
}
input.inpt:focus, textarea.txt:focus {
	background: #eee;
}
#formk select , .form select {
	margin-left: 1em;
	text-align: left;
	
}
.headerfor {
	background:#DAD9DF;
	padding:5px;
}
/* Label von Checkboxen */
.label {
	border-bottom: 1px dotted #000;
}
/* input[type=submit] */
#formk .senden, .form .senden {
	margin: 0px 0px 0px 55%;
}
label, .label, select, input[type=checkbox], input[type=radio], input[type=submit], .senden {
	cursor: pointer;
}
label, .label, select, .inpt, .txt {
	margin-bottom: 20px;
}
.senden {
	margin-bottom: 0px;
}
#formk p, .form p {
	margin: 20px 0px 10px 0px;
}
#formk textarea, .form textarea {
    width:90%;
    }

legend {
	padding: 2px 2px 2px 2px;
}
label {
        margin-bottom: 2em;
}
.formwrap {
	background-color: transparent;
	margin: 20px 0px 20px 0px;
        width:90%;

}
.formwrap_guest {
	background-color: transparent;
	margin: 20px 0px 20px 0px;
        width:90%;
}
#footer {
    border-top:1px solid #B2AB84;
    background:#fff;
    }

/* #################Doku###########################*/
.breadcrump {
				background:#eee;
				margin-bottom:20px;
				
				}
div.thumb {
    margin-bottom: .5em;
    border-style: solid;
    border-color: white;
    width: auto;
}
div.thumb div {
    border: 1px solid #ccc;
    padding: 3px !important;
    background-color: #f9f9f9;
    font-size: 94%;
    text-align: center;
    overflow: hidden;
}
div.thumb div a img {
    border: 1px solid #ccc;
}
div.thumb div div.thumbcaption {
    border: none;
    text-align: left;
    line-height: 1.4em;
    padding: .3em 0 .1em 0;
}
div.tright {
    float: right;
    border-width: .5em 0 .8em 1.4em;
}
div.tleft {
    float: left;
    margin-right: .5em;
    border-width: .5em 1.4em .8em 0;
}