/*
Author Name     : Vektorrausch GmbH
Author Site     : http://www.vektorrausch.de
Version         : 1.0, Stand: 18.02.2014, MW
Comments        : Style Sheet for Strande.de
*/
 
 

* { 
	margin:0;
	padding:0; 
}

body {
	font:62.5% Arial, Verdana, sans-serif;
	background: #6f97ca url('/tl_files/strande/img/bg-verlauf.gif') repeat-x left top;
}

#wrapper {
	display:block;
	width:965px;
	height:100%;
	margin:0 auto;
	background: url('/tl_files/strande/img/bg-page.gif') repeat-y center top;
}

#wrapper2 {
	position:relative;
	width:100%; 
	margin:0 auto;
	background: url('/tl_files/strande/img/bg-pagetop.gif') no-repeat center top;
	color:#444;
}

#header {
	position:relative;
	display:block;
	height:121px;
	width:950px;
	margin:0 7px 0 8px;
	color:#fff;
	background:#000064 url('/tl_files/strande/img/bkgr-header-right.jpg') no-repeat 95% 25px;
}
#header_logo {
	margin:16px 0 20px 18px;
}

#header-menu { 
	font-size:110%;
	color:#fff;
	position:absolute;
	right:20px;
	top:5px;
	z-index:10;
}

#header-menu ul li { 
	list-style:none;
	display:block;
	float:left;
	padding:5px 10px; 
}

#header h1 img { border:none }

#header-menu a:link, #header-menu a:visited { 
	color:#fff;
	text-decoration:none;
}

#header-menu a:hover, #header-menu a:active, #header-menu a:focus {
	text-decoration:underline; 
}

#container {
	position:relative;
	display:block;
	width:950px;
	margin:5px 7px 0 8px;
	background:url('/tl_files/strande/img/bg-rightcol.gif') right repeat-y;
}

#main .mod_article,
#main .mod_newsreader,
#main .mod_eventreader {
    width:615px;
	padding:12px 0;
	margin:10px 42px 0 34px;
}

#main .mod_article h1,
.mod_article h2, 
.mod_newsreader h2,
.mod_eventreader h2 {
	clear:left;
}

#right {
	float:right;
	display:block;
	width:259px;
	font-size:120%;
}

#right .inside {
	display:block;
	margin:0 12px;
	padding-bottom:333px;
}

#right .image_container {
	float:none !important;
	margin-left:-12px;
	position:absolute;
	bottom:0;
}

* html #right .image_container {
	bottom:-4px;
}

*+ html #right .image_container {
	bottom:-4px;
}


#main {
	float:left;
	font-size:120%;
	margin:0;
	width: 687px;
}

#footer {
	display:block;
	height:30px;
	width:100%;
	margin:0;
    color:#1d2e80;
    font-size:110%;
    background:#6f97ca url('/tl_files/strande/img/bg-footer.gif') no-repeat top center;
}
	
#footer ul li {
	list-style:none;
	display:block;
	float:left;
	padding:12px;
}

#footer a { 
    color:#1d2e80;
    text-decoration:none;
}

#footer a:link, #footer a:visited { 
    color:#1d2e80;
    text-decoration:none;
}

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

div.clear {
	clear: both;
	height:0;
}

/* Main Menue ------------------------------------------------ */
#mainmenu ul {
	position: absolute;
	bottom:-1px;
	font-size:120%;
	color:#000064;
	display:block;
	background:#6082bf;
	border-top:1px solid #aec4e9;
	border-bottom:1px solid #aec4e9;
	height:2.2em;
	width:950px;
	list-style:none;
}

#mainmenu li { 
    display:block;
    float:left;
}

#mainmenu .level_1 li a { 
	display:block; 
	float:left;
	padding:0 10px;
	height:2.2em;
	line-height:2.2em; 
}

#mainmenu .level_1 li.active span, #mainmenu .level_1 li.parent a { 
	display:block; 
	float:left;
	padding:0 10px;
	height:2.2em;
	line-height:2.2em; 
	background:#aec4e9; 
}

#mainmenu a {
	text-decoration:none;
	color:#000064;
}

#mainmenu a:hover, #mainmenu a:active, #mainmenu a:focus {
	background:#aec4e9; 
}

#submenu {
	padding:4px 0 0;
}

#submenu ul {
	margin:-3px 5px 0;
	font-size:100%;
	display:block;
	color:#000064;
	background:#e9ecf3;
	height:2.2em;
	list-style:none;
}

#submenu ul li {
	display:inline;
}

#submenu .level_1 li a { 
	display:block; 
	float:left;
	padding:0 8px;
	height:2.2em;
	line-height:2.2em; 
}

#submenu .level_1 li.active span { 
	display:block; 
	float:left;
	padding:0 10px;
	height:2.2em;
	line-height:2.2em; 
	background:#aec4e9; 
}

#submenu .level_1 li.trail { 
	display:block; 
	float:left;
	height:2.2em;
	line-height:2.2em; 
	background:#aec4e9; 
}

#submenu a {
	text-decoration:none;
	color:#000064;
}

#submenu a:hover, #submenu a:active, #submenu a:focus {
	background:#aec4e9; 
}


/* Links */

a:link, a:visited { color: #3b3b3b }
a:hover, a:active { color: #9d9d9d }


h2.ce_headline {
    font-size:180%;
    color:#1d2e80;
    margin: 0 0 1em 0;

}

.mod_eventreader h2,
.mod_newsreader h2 { 
    color:#1d2e80;
    margin: 0 0 0.5em 0;
    font-size:180%
}


#main .mod_article p { margin: 0.7em 0 0.7em 0 }

#right h3 {
	font-size:140%;
    color: #1d2e80;
    margin: 0 0 0.5em 0;
}

#right .mod_eventlist,
#right .mod_sbwetter,
#right .mod_newslist { margin: 2em 0 3.5em 1em }

.ce_text h3, td.headline h3 { 
    color:#1d2e80;
    margin: 0 0 1.0em 0 
}

.mod_newsreader h1,
.mod_eventreader h1 { 
    font-size:1.5em;
    color:#1d2e80;
    margin: 0 0 0.2em 0  
}

.mod_newsreader .info,
.mod_eventreader .info { 
    color: #9d9d9d; 
    margin-bottom:0.5em 
}

.mod_newsreader .back,
.mod_eventreader .back {
    margin-top:1em; 
    text-align:center
}

/* Suche im Header ------------------------------------------------ */
#searchfield  {
	position:absolute;
	right:0;
	bottom:0.3em;
	z-index:0 !important;	
	font-size:100%;
	display:block;
	height:2em;
	line-height:2em; 
}

#searchfield .formbody { 
	background: #6082bf;
	margin-top:2px; 
	z-index:0 !important;	
}
*+ html #searchfield .formbody { margin-top:0px; }

#searchfield .formbody input { 
    border: 1px solid #374e91;
    background: #6082bf url('/tl_files/strande/img/schatten-suche.jpg') right top;
    color:#000064;
    margin-right:5px;
    padding:1px 2px;
    font-size:110%;
}

#searchfield .formbody input#ctrl_28 { width: 144px; }

#searchfield #ctrl_28_submit { cursor:pointer; background: none; color:#000064 }
*+ html #searchfield .formbody #ctrl_28_submit { height:19px; }


/* Suche im Content ------------------------------------------------ */
#main #suche input { 
    border:1px solid;
	padding:1px;
    font-size:110%;
}
    
#suche #submit { 
    cursor:pointer; 
    background:none;
    font-size:100%;
} 

*+ html #suche #submit { height:21px; }

.highlight {
    background: #bdd0ee;
}


/* Kontaktform & Buchungsformular ------------------------------------------------ */
#kontaktform .text { 
    border:1px solid;
    width:270px;
}

#kontaktform table td, 
#buchungsformular table td { height:25px }

#kontaktform table .col_first { width:100px}
#buchungsformular table .col_first { width:240px}
#kontaktform .captcha,
#buchungsformular .captcha { 
    border:1px solid; 
    width:40px; 
}

#buchungsformular .select {
    width:272px;
    border:1px solid; 
}

textarea#ctrl_12 { 
    border:1px solid; 
    width:270px 
}

textarea#ctrl_25 { 
    border:1px solid; 
    width:270px 
}

#buchungsformular .text { 
    border:1px solid;
    width:270px;
}

.row_20 .col_first, .row_10 .col_first { vertical-align:top; }

.submit_container { margin: 1em 0 0 0; }
.submit_container .submit { border:1px solid; background:none; }
.error { color:red; }

#buchungsformular .DatePicker {width:244px; }

span.mandatory { color:red; }



.ce_text ul { margin-left:2.5em; }
.ce_text ul li { margin:0.5em 0; }

.ce_text img { border: 1px solid #E9ECF3; }

.ce_text a img { border:1px solid #E9ECF3; }
.ce_text a:hover img { border:1px solid #1d2e80; }


/* Sidebar Eventliste */
#right .mod_eventlist .header { font-weight:bold; margin-bottom:1em; }
#right .mod_eventlist .header a { display:block; font-weight:normal; }

/* fuer die Home Teaser ------------------------------------------------ */
#main #home .ce_text { display: block; margin:1em 0 1em 0; min-height: 90px ;clear:both;}



/* fuer das Gastgeber Verzeichnis ------------------------------------------------ */
#container.gastgeberVZ { background-image:none; }
#container.gastgeberVZ #submenu { width:950px;}
#container.gastgeberVZ .inside { width:950px;}
#container.gastgeberVZ .mod_article { width:880px !important; }

table.ggVZ { border:1px solid #000; border-collapse:collapse; }
table.ggVZ td { padding:6px 4px 6px 4px; border:1px solid #000; } 
table.ggVZ td.tc { text-align:center; vertical-align:top; }
table.ggVZ td.top { vertical-align:top; }

/* füer TL > 2.7 */
.invisible { display:none; }


/* Formulare */

.mod_article label {
	float: left;
	margin-right: 5px;
}

.mod_article label .mandatory { margin-left: 2px; }


/* Bilder ---------------------------------------------------------- */

#main div.float_left {
	padding-left: 0 !important;
	padding-right: 10px;
}