/*
Theme name: CSS 1.0 Maraton
Theme URI: http://www.maraton.net/
Description: Entwurf des Neuen Maraton.net Designs
Version: 1.0
Author: swissnet media GmbH
Author URI: http://www.swissnetmedia.com/
Tags: Maraton

*/

html {height:100.3%; font-size: 62.5%;}
body {background: #70bf42 url(images/maratonista.jpg) no-repeat left top;  background-attachment:fixed;
font: 1.2em/1.8em Georgia, sans-serif; }
* {margin: 0px; padding: 0px; border: 0px;}
h1, h2, h3, h4, h5, h6 {padding: 0px; }

h1 { font-size: 2.2em; }
h2 { font-size: 1.6em;}
h3, h3 a { font-size: 1.2em; }
h4, h4 a { font-size: 1.0em; }
h5, h5 a { font-size: 0.9em; }

a {}
p {padding: 5px 10px;}
a:link {}
a:visited {}
a:hover {}
a:active {}
img {padding: 0px 0px;}

div#respond {background-color:#EFEFEF; border:1px solid #CCC; margin:10px;}
input,textarea {border:1px solid #999;}
#submit {padding:0px 10px; background-color:#FFF; border:1px solid #FFF; border-bottom:1px solid #CCC; border-right:1px solid #CCC;}

div#wrapper {margin-left: 164px; width:830px;}

div#header {}
div#headerleft { float:left; width:360px; height: 80px;}
div#headerright {float:right; width:470px; height: 80px; background: url(images/headerright.jpg) no-repeat right top; }
div#headerright a {color:#FFFFFF; }

div#einleitung {height:105px; background: url(images/einleitung.jpg) no-repeat left top; text-align:justify;}
div#einleitung h1 {padding: 5px 10px 3px 10px; }
div#einleitung a {color: #0c6bbb; text-decoration:underline; }
div#einleitung a:hover {text-decoration:none;}
div#teaser {background: url(images/rahmenoben.jpg) no-repeat left top; background-color:#FFFFFF;}
div#teaserleft { float:left; width:550px; height:50px; background: url(images/teaserleft.jpg) no-repeat left top; margin:10px 0px 0px 10px; }
div#teaserright { float:right; width:250px; height:50px; margin:10px 10px 0px 0px; }

div#wrapcontent {background: url(images/rahmenoben.jpg) no-repeat left top; background-color:#FFFFFF; padding-top:10px; margin-top:5px;}
div#wrapbig {width:550px; float:left; margin-left:10px;}
div#sidebar {width:250px; float:right; margin-right:10px;}

div#maintextoben {height:10px; background: url(images/maintextoben.jpg) no-repeat left top; margin-bottom:0px;  background-color:#FFFFFF; margin-top:0px; }
div#maintextunten {height:10px; margin:0px; background: url(images/maintextunten.jpg) no-repeat left bottom; }
div#maintext {background: url(images/maintextborder.jpg) repeat-y left bottom; padding: 10px 10px;}
div#maintext h2, div#maintext h3 {padding-left:10px;
font-weight:bold; text-transform: uppercase; color:#0c6bbb;}
div#maintext ol, div#maintext ul {padding-left:40px; padding-right:10px;}
div#maintext h2 a{font-weight:bold; text-transform: uppercase; color:#0c6bbb;}
div#maintext h2 a:hover {text-decoration:none;}

div#maintext ol, div#maintext ul {padding-left:40px; padding-right:10px;}

div#nav {width:470px;  padding-right: 10px; float:left; }
div#nav li { display:inline; list-style-type: none;}
div#nav a {float: left; text-decoration: none; text-transform: uppercase; padding-left: 1.9em; margin-right: 0.9em; background: url(images/navback.png) no-repeat left top; color: #000000;}
div#nav a span { display: block;  padding: 0.3em 2.2em 0.3em 0.1em; background: url(images/navback.png) no-repeat right top;}
div#nav a:hover {text-decoration:underline; }
div#nav ul li.current_page_item a{ text-decoration:underline; background: url(images/navfront.png) transparent no-repeat left top;  }
div#nav ul li.current_page_item a span{ background: url(images/navfront.png) transparent no-repeat right top;}
div#nav ul li.home a{ text-decoration: underline; background: url(images/navfront.png) transparent no-repeat left top;  }
div#nav ul li.home a span{ background: url(images/navfront.png) transparent no-repeat right top; }
div#nav ul li.homebutton a{ background: url(images/navback.png) transparent no-repeat left top;  }
div#nav ul li.homebutton a span{ background: url(images/navback.png) transparent no-repeat right top;  }

div#sidebar {width:250px; float:right; margin-right:10px; background: url(images/menu.jpg) no-repeat left top; height:30px; margin-top:0px; padding-top:30px; min-height:500px;}
div#menu ul li {padding-left:0px; list-style-type:none; background: url(images/menuoff.png) no-repeat left top;  margin-bottom:5px;}
div#menu ul li ul {padding-left:0px; list-style-type:none; background: url(images/menuoff.png) no-repeat left top; }
div#menu ul li ul li {background: none; margin-left:20px; border-bottom:1px solid #DDDDDD; margin-bottom:0px; font-size:0.8em;}
div#menu ul li.page_item ul {display:none;}
div#menu ul li.current_page_item ul {display:block; }
div#menu ul li.current_page_parent ul {display:block; }
div#menu ul li.current_page_item {display:block; background: url(images/menuon.png) no-repeat left top; text-decoration:none;}
div#menu ul li ul li.current_page_item {display:block; background: url(images/menuon.png) no-repeat left top; text-decoration:none;}
div#menu ul li.page_item a:hover { display:block; background: url(images/menuon.png) no-repeat left top; text-decoration:none;}
div#menu a span {text-decoration:none;  display:block; padding: 0.3em 2.2em 0.3em 0.1em; }
div#menu a {display: block; padding-left: 0.3em;text-decoration: none; font-weight:bold; text-transform: uppercase; color:#0c6bbb;}
.artikel { padding: 10px 10px;}

.artikeltext {float:right; width:360px; min-height:110px; margin-top:0px; margin-left:10px;}
.artikeltext h2{font-size:1.1em;}
.artikelfoto{float:right; width: 130px; margin-left:0px; margin-top:0px;}
.artikelfoto img {border:1px solid #DDDDDD; padding: 5px; }
.rahmen { background: url(images/articulos.jpg) no-repeat left top; border: 3px solid #ede5e5; width:400px; margin:10px 10px 0px 10px; padding-top:20px; padding-left:10px;}
.rahmen li { list-style-type:square; color: #d9d1d1; }
.rahmen li a {color: #a69395; text-decoration:none; }
.rahmen li a:hover {text-decoration:underline;}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px ;
/* optional rounded corners for browsers that support it */
-moz-border-radius: 3px;
-khtml-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}

.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}

.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}

.einleitung {font-weight:bold; text-align:justify; padding-top:10px;}

div#footer {}

.alignleft  {float: left;}
.alignright {float: right;}
.alignrahmen {padding: 10px 10px 10px 10px;}
.defloat    {clear: both;}

.rahmenunten {height:10px; background: url(images/rahmenunten.jpg) no-repeat right bottom; margin:0px; padding:0px; background-color: #FFFFFF;}

div#searchform {background: #FFFFFF; color: #000000;  }
#searchbutton {font-size: 1.0em; margin:0px 5px; padding: 1px 0px; border: 1px solid #234B69;}
#searchfield {font-size: 1.1em; padding: 2px 0px; 
	border-top: 1px solid #666666; 	border-right: 1px solid #DDDDDD;
	border-left: 1px solid #666666; border-bottom: 1px solid #DDDDDD;   }

.wewide {margin:10px auto;}