/*

CSS for Surfmotion.com
by: TONNE24 - online media (www.tonne24.de)

*/


body {
	background: url('/tl_files/surfmotion/images/bg.jpg') 0 0 repeat-y;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
}


#header { 
	margin: 0; 
	background: url('/tl_files/surfmotion/images/bg_header.jpg') 0 0 no-repeat;
}

#wrapper { 
	margin: 0; 
	background: url('/tl_files/surfmotion/images/bg_subheader.jpg')  0 137px  no-repeat;
}

#wrapper-galerie { 
	margin: 0; 
	background: url('/tl_files/surfmotion/images/bg_gallery.jpg')  0 137px  no-repeat;
}

#wrapper-windsurfen { 
	margin: 0; 
	background: url('/tl_files/surfmotion/images/bg_windsurfing.jpg')  0 137px  no-repeat;
}


/* Footer */
#footer {
	display:block;
	margin:35px 0 15px 0;
    color:#ccc;

}

#footer .inside { 
	width: 675px; 
	border-top:1px solid #ccc; 
	margin: 0 0 0 100px;
}
	
#footer ul { 
	height: 20px; 
	margin: 2px 0 0 0;
	 }

#footer ul li {
	list-style:none;
	display:block;
	float:left;
	margin: 0px 25px
}

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

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

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


/* Links */
A { color: #000000; }

a:link { 
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

/* Submenu Links */
.submenu { color:#002850; text-decoration: none; text-transform:uppercase; font-weight:bold; font-size:12px; }
a.submenu { color:#002850; text-decoration: none; text-transform:uppercase; font-weight:bold; font-size:12px;}
a.submenu:hover { color:#002850; text-decoration: underline; text-transform:uppercase; font-weight:bold; font-size:12px; }


/* Headlines */
h1 {
	font-size:14px;
	font-weight:bold;
	color:#006666;
}

h2 {
	font-size:14px;
	font-weight:bold;
	color:#006666;
	margin-top:0px;
}

h3 {
	font-size:12px;
	font-weight:bold;
	color:#006666;
	margin:0px;
}

h4 {
	font-size:12px;
	font-weight:bold;
	color:#006666;
	margin-bottom:0px;
}


#main .inside { 
	width: 620px;
	margin: 260px 0 0 130px;
}

#main .inside .mod_article { margin-bottom: 55px; }

#main .inside #partner-1.mod_article, 
#main .inside #partner-2.mod_article,
#main .inside #partner-3.mod_article {  margin-bottom: 15px; }

* html #main .inside #partner-1.mod_article { padding-bottom: 0px; }


#main .image_container { padding:0; margin: 0 15px 0 0; }

#main .image_container img {
	padding: 5px;
	background: url('/tl_files/surfmotion/images/pic_bg.gif') 0 0 repeat;
	margin-bottom: 35px;
}

#main .ce_headline { margin: 0 0 25px 0; }

#main .ce_text p { margin: 0 0 15px 0; }


/* Navigation */
.mod_navigation { width:420px; margin: 0 0 0 55px; font-size:13px; font-weight:bold }

* + html .mod_navigation { width:420px; margin: 0 0 0 95px; font-size:13px; font-weight:bold }
* html .mod_navigation { width:550px; margin: 0 0 0 100px; font-size:13px; font-weight:bold; }

.mod_navigation ul { margin: 10px 0 0 0; text-transform:uppercase; }
* html .mod_navigation ul { margin: 10px 0 0 0; width:450px; text-transform:uppercase; }

.mod_navigation ul li { display: block; float:left; margin: 1px 10px 1px 10px; padding: 2px 2px 0px 2px; }
* html .mod_navigation ul li { display: block; float:left; margin: 1px 0px 1px 0px; padding: 2px 2px 0px 2px; }

.mod_navigation li a:link, 
.mod_navigation li a:visited { color: #fff; text-decoration: none; }

.mod_navigation li a:active, 
.mod_navigation li a:hover { color: #8DF000; border-bottom: 0px solid #fff}

.mod_navigation li.active,
.mod_navigation ul.level_1 li .trail { color: #8DF000; border-bottom: 0px solid #fff }

.mod_navigation ul.level_1 li  a:link.trail,
.mod_navigation ul.level_1 li  a:visited.trail { color: #8DF000; border-bottom: 0px solid #fff }


/* Submenues Wind & Kite*/
#main #submenu-wind { position:absolute; left:160px; top:-88px }
#main #submenu-kite { position:absolute; left:160px; top:-88px }


/* Title Images */
#main .title-img { position:absolute; left: -49px; top: -120px; }
#main .title-img .image_container img {	background: none; }


/* Modul Neuigkeiten */
.mod_newslist .layout_short { margin: 0 0 35px 0; }

.mod_newslist .info,
.mod_newsreader .info { 
	color:#006666; 
	font-weight:bold; 
	margin:0;
}

.mod_newslist h2 a { 	
	font-size:14px;
	font-weight:bold;
	color:#006666;
	margin-top:0px; 
	text-decoration: none;
}

.mod_newsreader h1 { margin: 0 0 12px 0; }
.mod_newsreader .back { margin: 20px 0 0 0; }

.pagination p { display: none; }
.pagination ul { border-top: 1px solid #006666; list-style: none; padding: 4px 0 0 0; margin:0; }
.pagination ul li { list-style: none; display: inline; }


/* Modul Galerie */
.mod_gallerylist .image_container {	float:left; }
.mod_gallerylist .description {	
	float:left; 
	width:450px;
}

.mod_gallerylist .layout_short { clear:both; height:110px; margin-bottom: 20px; }

* html .mod_gallerylist .layout_short { clear:both; height:130px; margin-bottom: 20px; }
		
		
.mod_gallerylist h2 a { 	
	font-size:14px;
	font-weight:bold;
	color:#006666;
	margin-top:0px; 
	text-decoration: none;
}

.mod_galleryviewer .layout_fullsize .title { 	font-size:14px;
	font-weight:bold;
	color:#006666;
	margin: 0 0 10px 0;
 }

.mod_galleryviewer .layout_fullsize .meta { margin: 0 0 25px 0; }

.mod_galleryviewer .layout_fullsize .image_container { height: 100px; border: 0px solid }


/* Kontaktformular */
.ce_form tr.row_2 td.col_first { vertical-align: top; padding: 10px 0 0 0 }

.ce_form input, textarea {
	width: 230px;
    margin: 10px;
    padding: 2px;
    border: 1px solid #bcbcbd;
    font-size: 12px;
}

.ce_form .submit {
	width: 100px;
	background: #eee;
 	margin-top: 20px;
}

.ce_form .error { margin: 5px; color: red; }

.ce_form span.mandatory { margin-left: 3px; }

.ce_form .captcha { width: 25px; }

.ce_form span.captcha_text { padding:0; margin:0; }


/* Modul Partner */
#main .partner {
	float: left;
	width: 175px;
	margin-right: 5px;
	padding: 5px;
	background-image: url('/tl_files/surfmotion/images/pic_bg.gif');
	margin-bottom: 25px;
}

#main .partnerIMG{
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px 10px 0px 10px;
	height: 75px;
}

#main .partnerText {
	padding: 10px;
	background-color: #FFFFFF;
	width: 155px;
	height: 175px;
}


#main .clearDIV {
	clear: both;
}

#main  #kontakt.mod_article { margin:0 0 5px 0;}
#main  #unsere-partner-headline.mod_article { margin:0 0 25px 0; padding:0 }
#main  #our-partner-headline.mod_article { margin:0 0 25px 0; padding:0 }
#main  #unsere-partner-headline .ce_headline { margin:0; padding:0 }
#main  #our-partner-headline .ce_headline { margin:0; padding:0 }


/* Modul Material */
#main .material-wind,
#main .material-kite {
	float: left;
	margin-right: 30px;
	margin-bottom: 5px;
	width: 150px;
}

#main .material-wind .image_container img, 
#main .material-kite .image_container img { margin-bottom: 10px; }


/* Modul Wetter */

#wetter .wetter td { padding: 0 30px 0 0 }


/* Modul Sprache */

.mod_changelanguage ul { position: absolute; }
.mod_changelanguage li { list-style: none; display: inline; }